.portfolio-page{background:#f3f2ee}.portfolio-hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;color:#fff;background:#101010}.portfolio-hero>img,.portfolio-hero__shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.portfolio-hero>img{transform:scale(1.02);animation:portfolio-hero-in 1.8s var(--ease-unora) both}.portfolio-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 58%)}.portfolio-hero__content{position:absolute;inset:auto 6vw 6vw}.portfolio-cta>p,.portfolio-hero__content>p,.portfolio-section-heading>p:first-child{margin:0;font:9px DM Mono,monospace;letter-spacing:.13em}.portfolio-hero h1{margin:34px 0 0;max-width:1100px;font-size:var(--type-display-xl);line-height:.82;letter-spacing:-.075em;text-wrap:balance}.portfolio-cta h2 em,.portfolio-hero h1 em,.portfolio-section-heading h2 em{font-weight:500}.portfolio-hero__content>div{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:46px}.portfolio-hero__content>div>span{max-width:470px;font:11px/1.65 DM Mono,monospace}.portfolio-hero__content a{font:9px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}@keyframes portfolio-hero-in{0%{opacity:.35;transform:scale(1.1)}to{opacity:1;transform:scale(1.02)}}.portfolio-filter{position:sticky;top:72px;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:18px 6vw;border-bottom:1px solid rgba(16,16,16,.12);background:rgba(243,242,238,.9);color:#101010;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font:9px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.portfolio-filter p{margin:0}.portfolio-filter>div{display:flex;gap:6px}.portfolio-filter button{padding:10px 18px;border:1px solid rgba(16,16,16,.2);border-radius:100px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .24s ease,color .24s ease}.portfolio-filter button.is-active{background:#101010;color:#fff}.portfolio-filter>span{justify-self:end;opacity:.58}.portfolio-images{padding:clamp(90px,11vw,180px) 6vw}.portfolio-section-heading{display:grid;grid-template-columns:.35fr 1fr .45fr;align-items:end;gap:5vw;margin-bottom:clamp(70px,9vw,140px)}.portfolio-section-heading h2{margin:0;font-size:var(--type-display-lg);line-height:.86;letter-spacing:-.07em;text-wrap:balance}.portfolio-section-heading>p:last-child{margin:0;font:11px/1.65 DM Mono,monospace}.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(12px,1.6vw,28px)}.portfolio-card{margin:0;overflow:hidden;background:#d8d6cf}.portfolio-card button{position:relative;display:block;width:100%;padding:0;border:0;overflow:hidden;background:transparent;color:#fff;cursor:zoom-in}.portfolio-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-unora)}.portfolio-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.68));opacity:.7;transition:opacity .42s ease}.portfolio-card__meta{position:absolute;inset:auto 20px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:16px;text-align:left;font:9px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.portfolio-card__meta strong{font:600 clamp(16px,2vw,28px) Syne,sans-serif;letter-spacing:-.04em;text-transform:none}.portfolio-card__meta i{font-style:normal;opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .32s var(--ease-unora)}.portfolio-card button:is(:hover,:focus-visible) img{transform:scale(1.045)}.portfolio-card button:is(:hover,:focus-visible) .portfolio-card__shade{opacity:1}.portfolio-card button:is(:hover,:focus-visible) .portfolio-card__meta i{opacity:1;transform:none}.portfolio-card--1,.portfolio-card--6{grid-column:span 8}.portfolio-card--2,.portfolio-card--5{grid-column:span 4}.portfolio-card--3,.portfolio-card--8{grid-column:span 5}.portfolio-card--4,.portfolio-card--7{grid-column:span 7}.portfolio-card--1 button,.portfolio-card--4 button,.portfolio-card--6 button{aspect-ratio:16/10}.portfolio-card--2 button,.portfolio-card--3 button,.portfolio-card--5 button,.portfolio-card--8 button{aspect-ratio:4/5}.portfolio-card--7 button{aspect-ratio:16/11}.portfolio-films{padding:clamp(90px,11vw,180px) 6vw;color:#fff;background:#101010}.portfolio-section-heading--dark{color:#fff}.portfolio-film{margin:0}.portfolio-film__frame{position:relative;overflow:hidden;background:#000}.portfolio-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.portfolio-film__copy{display:grid;grid-template-columns:.45fr 1fr auto;align-items:end;gap:5vw;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.24)}.portfolio-film__copy p,.portfolio-film__copy span{margin:0;font:9px DM Mono,monospace;letter-spacing:.1em}.portfolio-film__copy h3{margin:0;font-size:var(--type-display-md);line-height:.9;letter-spacing:-.06em}.portfolio-cta{min-height:72svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10vw 7vw;background:#d3ff43;color:#101010}.portfolio-cta h2{margin:42px 0 58px;font-size:var(--type-display-lg);line-height:.86;letter-spacing:-.075em;text-wrap:balance}.portfolio-cta a{padding:15px 24px;border:1px solid;border-radius:100px;font:10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;transition:background .24s ease,color .24s ease}.portfolio-cta a:hover{background:#101010;color:#fff}.portfolio-lightbox{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:70px 7vw;background:rgba(5,5,5,.97);color:#fff}.portfolio-lightbox>img{max-width:100%;max-height:calc(100svh - 140px);object-fit:contain}.portfolio-lightbox__top{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;font:9px DM Mono,monospace;letter-spacing:.1em}.portfolio-lightbox__top p{margin:0}.portfolio-lightbox__close{position:absolute;top:46px;right:24px;padding:8px 0;border:0;border-bottom:1px solid;background:transparent;color:#fff;font:9px DM Mono,monospace;text-transform:uppercase;cursor:pointer}.portfolio-lightbox__controls{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between}.portfolio-lightbox__controls button{padding:8px 0;border:0;background:transparent;color:#fff;font:9px DM Mono,monospace;text-transform:uppercase;cursor:pointer}@media (max-width:700px){.portfolio-hero__content{inset:auto 18px 48px}.portfolio-hero h1{font-size:var(--type-display-xl)}.portfolio-hero__content>div{display:grid;margin-top:32px}.portfolio-hero__content>div>span{max-width:310px;font-size:9px}.portfolio-filter{top:76px;grid-template-columns:1fr auto;gap:12px;padding:12px 18px}.portfolio-filter>p{display:none}.portfolio-filter>span{font-size:7px}.portfolio-filter button{padding:8px 11px;font-size:7px}.portfolio-films,.portfolio-images{padding:90px 18px}.portfolio-section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:58px}.portfolio-section-heading h2{font-size:var(--type-display-lg)}.portfolio-section-heading>p:last-child{max-width:300px;font-size:9px}.portfolio-grid{grid-template-columns:1fr;gap:12px}.portfolio-card{grid-column:auto!important}.portfolio-card button{aspect-ratio:4/5!important}.portfolio-card:nth-child(3n+1) button{aspect-ratio:16/11!important}.portfolio-card__meta{inset:auto 14px 14px}.portfolio-card__meta i{display:none}.portfolio-film__copy{grid-template-columns:1fr auto;gap:12px}.portfolio-film__copy p{grid-column:1/-1}.portfolio-cta{min-height:62svh;padding:100px 18px}.portfolio-cta h2{font-size:var(--type-display-lg)}.portfolio-lightbox{padding:84px 12px 70px}.portfolio-lightbox>img{max-height:calc(100svh - 154px)}}@media (prefers-reduced-motion:reduce){.portfolio-hero>img{animation:none}.portfolio-card img,.portfolio-card__meta i{transition:none}}