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