.portfolio-studio .page-width{width:90%;max-width:1760px}.portfolio-studio .menu-launch{right:calc(5% - 12px)}.is-scrolled .portfolio-studio .menu-launch{right:18px}.portfolio-intro{padding-top:100px;padding-bottom:78px}.portfolio-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:end}.portfolio-studio h1{font-size:clamp(62px,6.1vw,124px);font-weight:550;line-height:.99;letter-spacing:-.075em}.portfolio-heading>p{max-width:420px;justify-self:end;text-align:right;font-size:19px;line-height:1.4;letter-spacing:-.025em;padding-bottom:8px}.portfolio-controls{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:32px}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap}.portfolio-filters button{border:1px solid var(--rule);border-radius:30px;padding:9px 19px;font-size:13px;line-height:1.4;transition:background .25s,color .25s}.portfolio-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.portfolio-filters button:hover{border-color:var(--ink)}.portfolio-sort{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted)}.portfolio-sort select{font:inherit;font-size:14px;color:var(--ink);background:transparent;border:0;padding:10px 8px;cursor:pointer}.portfolio-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}.portfolio-project{min-width:0}.portfolio-project-image{position:relative;aspect-ratio:1.36;overflow:hidden;border-radius:11px;background:#e8e8e5;isolation:isolate}.portfolio-project-image>img{width:100%;height:100%;object-fit:cover;transform:translateY(var(--portfolio-image-y,0px)) scale(var(--portfolio-image-scale,1));will-change:transform}.portfolio-project-cta{position:absolute;inset:50% auto auto 50%;display:grid;place-content:center;width:100px;height:100px;border-radius:50%;background:var(--orange);color:white;text-align:center;font-size:13px;line-height:1.4;opacity:0;transform:translate(-50%,-35%) scale(.85);transition:opacity .3s,transform .5s var(--ease)}.portfolio-project-link:hover .portfolio-project-cta,.portfolio-project-link:focus-visible .portfolio-project-cta{opacity:1;transform:translate(-50%,-50%) scale(1)}.portfolio-project-caption{display:flex;justify-content:space-between;align-items:start;gap:25px;padding-top:24px}.portfolio-studio .portfolio-project h2{font-size:clamp(24px,1.75vw,36px);letter-spacing:-.055em;line-height:1.12;font-weight:550}.portfolio-project-caption p{font-size:16px;line-height:1.45;color:var(--muted);margin-top:10px}.portfolio-tags{list-style:none;display:flex;justify-content:end;flex-wrap:wrap;gap:7px;padding:0;margin:0;max-width:40%;flex-shrink:0}.portfolio-tags li{border:1px solid var(--rule);border-radius:25px;font-size:9px;text-transform:uppercase;line-height:1.3;padding:7px 15px;white-space:nowrap}.portfolio-clients{padding-top:165px;overflow:hidden}.portfolio-clients-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px}.portfolio-studio .portfolio-clients h2,.portfolio-studio .portfolio-invite h2{font-size:clamp(54px,6vw,118px);font-weight:500;line-height:1.02}.portfolio-clients-heading>p{font-size:20px;max-width:410px;line-height:1.4;color:var(--muted);padding-bottom:7px}.portfolio-logo-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.portfolio-logo-track{display:flex;width:max-content;animation:portfolio-logos-right 100s linear infinite;animation-play-state:paused}.portfolio-logo-group{display:flex;align-items:center;gap:16px;padding-right:16px;flex-shrink:0}.portfolio-logo-group>div{display:grid;place-items:center;flex:0 0 210px;width:210px;height:150px;padding:30px;border:1px solid var(--rule);border-radius:12px}.portfolio-logo-group img{width:150px;height:75px;object-fit:contain;filter:grayscale(1)}.studio-motion-active .portfolio-clients.is-visible .portfolio-logo-track{animation-play-state:running}@keyframes portfolio-logos-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}.portfolio-invite{padding-block:130px 120px}.portfolio-invite .studio-button{margin-top:35px}.portfolio-letter{opacity:var(--letter-opacity,1);transition:opacity .12s linear}.studio-motion-paused .portfolio-project-image>img{transform:none;will-change:auto}.portfolio-studio .about-footer-title{font-size:clamp(42px,7vw,140px)}[data-theme=dark] .portfolio-logo-group img{filter:grayscale(1) invert(1)}[data-theme=dark] .portfolio-filters button[aria-pressed=true]{color:#161616}[data-theme=dark] .portfolio-sort select{background:#151514}
@media(max-width:1000px){.portfolio-heading{grid-template-columns:1.3fr 1fr;gap:5%}.portfolio-heading>p{font-size:17px}.portfolio-project-caption{display:flex}.portfolio-project-image .portfolio-tags{justify-content:end;max-width:80%;margin:0}.portfolio-controls{align-items:start}.portfolio-sort{flex-direction:column;align-items:end;gap:0;flex-shrink:0}.portfolio-filters button{font-size:11px;padding:8px 13px}.portfolio-clients-heading>p{font-size:18px;max-width:300px}}
@media(max-width:600px){.portfolio-studio .page-width{width:calc(100% - 36px)}.portfolio-studio .menu-launch{right:10px}.portfolio-intro{padding-top:60px;padding-bottom:38px}.portfolio-heading{display:block}.portfolio-studio h1{font-size:clamp(45px,11.8vw,70px);letter-spacing:-.07em}.portfolio-heading>p{font-size:16px;text-align:left;margin-top:26px;max-width:350px}.portfolio-controls{display:block;margin-bottom:24px}.portfolio-filters{gap:7px}.portfolio-sort{flex-direction:row;justify-content:flex-end;margin-top:14px}.portfolio-grid{columns:1;column-gap:0}.portfolio-project{margin-bottom:20px}.portfolio-project-image,.portfolio-project:nth-child(n) .portfolio-project-image{aspect-ratio:1.2}.portfolio-project-caption{padding:16px 9px 9px}.portfolio-studio .portfolio-project h2{font-size:27px}.portfolio-project-caption p{font-size:14px;margin-top:7px}.portfolio-project-number{top:12px;left:12px}.portfolio-project-image .portfolio-tags{right:10px;bottom:10px;gap:5px}.portfolio-project-image .portfolio-tags li{font-size:7px;padding:5px 9px}.portfolio-project-arrow{width:33px;height:33px;flex-basis:33px}.portfolio-tags{margin-top:12px;gap:6px}.portfolio-tags li{font-size:8px;padding:6px 11px}.portfolio-clients{padding-top:125px}.portfolio-clients-heading{display:block;margin-bottom:32px}.portfolio-clients-heading>p{margin-top:25px;font-size:17px}.portfolio-studio .portfolio-clients h2,.portfolio-studio .portfolio-invite h2{font-size:clamp(44px,12vw,65px)}.portfolio-logo-group{gap:10px;padding-right:10px}.portfolio-logo-group>div{width:160px;flex-basis:160px;height:115px;padding:20px}.portfolio-logo-group img{width:120px;height:65px}.portfolio-invite{padding-block:75px}.portfolio-invite .studio-button{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.portfolio-letter,.portfolio-project-cta{transition:none}.portfolio-logo-track{animation:none;transform:none}.portfolio-project-image>img{will-change:auto}.portfolio-project{transition:none}.portfolio-project:hover{transform:none}.portfolio-project-image .portfolio-tags li{backdrop-filter:none}.portfolio-project-number{backdrop-filter:none}}

.about-studio [data-type-reveal] .portfolio-letter{display:inline;color:inherit;font:inherit;letter-spacing:inherit;animation:none}

/* Normalize white source client marks for each surface. */
.portfolio-logo-group img{filter:grayscale(1) invert(1);opacity:1}.portfolio-logo-group img[src*="fundacjafioletowypies"]{filter:grayscale(1)}
[data-theme=dark] .portfolio-logo-group img{filter:grayscale(1);opacity:1}[data-theme=dark] .portfolio-logo-group img[src*="fundacjafioletowypies"]{filter:grayscale(1) invert(1)}
.portfolio-project-image:has(img[src*="/vpm/"]),.portfolio-project-image:has(img[src*="/elite-motion/"]){aspect-ratio:3/2}
.portfolio-project-image>img[src*="/vpm/"],.portfolio-project-image>img[src*="/elite-motion/"]{object-fit:contain;transform:none;will-change:auto}

/* A compact client introduction leaves the main headline to the projects. */
.portfolio-clients{padding-top:145px}
.portfolio-clients-heading{gap:40px;margin-bottom:36px}
.portfolio-studio .portfolio-clients h2{font-size:clamp(38px,3.5vw,64px);line-height:1.08;letter-spacing:-.055em;font-weight:550}
.portfolio-clients h2>span,.portfolio-clients .eyebrow>span{color:var(--orange)}
.portfolio-clients-heading>p{max-width:360px;font-size:17px;line-height:1.5;padding-bottom:2px}
.portfolio-clients .eyebrow{margin-bottom:16px}
.portfolio-logo-group>div{height:125px}
.portfolio-intro{padding-top:85px}
.portfolio-intro{padding-bottom:66px}
.portfolio-studio h1{font-size:clamp(68px,8.3vw,152px);line-height:.94;letter-spacing:-.085em}
.portfolio-heading>p{max-width:390px;font-size:18px}
.portfolio-grid{display:block;columns:2;column-gap:26px}
.portfolio-project{display:inline-block;width:100%;margin:0 0 26px;padding:9px;vertical-align:top;break-inside:avoid;background:var(--about-card,#fff);border:1px solid var(--rule);border-radius:17px;box-shadow:0 14px 36px #1616150d;transition:transform .45s var(--ease),box-shadow .4s}
.portfolio-project:hover{transform:translateY(-5px);box-shadow:0 22px 48px #16161518}
.portfolio-project-link{display:block}
.portfolio-project-image{aspect-ratio:1.25;border-radius:11px;background:#e7e7e4}
.portfolio-project:nth-child(4n+2) .portfolio-project-image,.portfolio-project:nth-child(4n+3) .portfolio-project-image{aspect-ratio:1.02}
.portfolio-project:nth-child(4n+4) .portfolio-project-image{aspect-ratio:1.48}
.portfolio-project-image:after{content:"";position:absolute;inset:35% 0 0;z-index:0;pointer-events:none;background:linear-gradient(transparent,#10100f5c)}
.portfolio-project-number{position:absolute;z-index:1;top:17px;left:17px;padding:8px 12px;border:1px solid #ffffff70;border-radius:30px;background:#1717158c;color:#fff;font-size:9px;letter-spacing:.1em;backdrop-filter:blur(8px)}
.portfolio-project-image .portfolio-tags{position:absolute;z-index:1;right:15px;bottom:15px;max-width:80%;margin:0}
.portfolio-project-image .portfolio-tags li{border-color:#ffffff75;background:#17171578;color:white;backdrop-filter:blur(8px)}
.portfolio-project-caption{align-items:center;gap:14px;padding:19px 13px 13px}
.portfolio-project-caption p{font-size:14px}
.portfolio-project-arrow{flex:0 0 37px;display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--rule);border-radius:50%;font-size:17px;transition:background .3s,color .3s,transform .3s}
.portfolio-project-link:hover .portfolio-project-arrow,.portfolio-project-link:focus-visible .portfolio-project-arrow{background:var(--orange);border-color:var(--orange);color:white;transform:rotate(45deg)}
@media(max-width:600px){.portfolio-clients{padding-top:115px}.portfolio-clients-heading{margin-bottom:26px}.portfolio-clients-heading>p{margin-top:18px;font-size:15px;max-width:300px}.portfolio-logo-group>div{height:100px}.portfolio-intro{padding-top:60px}}

/* Reveal original brand colors against the background each logo needs. */
.portfolio-logo-group>div{transition:background .25s ease}
.portfolio-logo-group img{transition:filter .25s ease}
.portfolio-logo-group>.portfolio-logo-on-light img{filter:grayscale(1)}
[data-theme=dark] .portfolio-logo-group>.portfolio-logo-on-light img{filter:grayscale(1) invert(1)}
@media(hover:hover){
  .portfolio-logo-group>.portfolio-logo-on-dark:hover{background:#242423}
  [data-theme=dark] .portfolio-logo-group>.portfolio-logo-on-light:hover{background:#f3f3f2}
  .portfolio-logo-group>div:hover img,[data-theme=dark] .portfolio-logo-group>div:hover img{filter:none}
}
@media(prefers-reduced-motion:reduce){.portfolio-logo-group>div,.portfolio-logo-group img{transition:none}}