:root{--bg:#080808;--panel:#111;--paper:#f0eee9;--text:#f6f3ee;--muted:#aaa6a0;--line:#292929;--orange:#ff5a1f;--pink:#e82cbf;--max:1440px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.cursor-light{position:fixed;z-index:0;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,90,31,.09),transparent 68%);transform:translate(-50%,-50%);transition:opacity .3s}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;background:#161616}.progress span{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}.topbar{position:fixed;z-index:90;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,72px);border-bottom:1px solid transparent;transition:.3s;background:linear-gradient(#090909c7,transparent)}.topbar.scrolled{height:72px;background:#080808e8;backdrop-filter:blur(16px);border-color:#252525}.brand img{display:block;width:150px;height:45px;object-fit:contain;object-position:left center}.topbar nav{display:flex;align-items:center;gap:30px;font-size:13px}.topbar nav a{position:relative;color:#d8d5d0}.topbar nav a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}.topbar nav a:hover:after{transform:scaleX(1);transform-origin:left}.nav-cta{border:1px solid #777;padding:12px 18px;border-radius:99px;transition:.25s}.nav-cta:hover{background:#fff;color:#090909;border-color:#fff}.menu-button{display:none;background:none;border:0;color:#fff}.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding:150px clamp(22px,6vw,100px) 11vh}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transform:scale(1.04);animation:heroBreath 12s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.38) 58%,rgba(0,0,0,.68) 100%),linear-gradient(0deg,#080808 0%,transparent 30%)}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:8vw 8vw;mask-image:linear-gradient(to bottom,black,transparent 75%)}.hero-copy{position:relative;z-index:2;max-width:1050px}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:600;color:#b8b4ae}.hero-kicker{display:flex;align-items:center;gap:12px;animation:enter .8s .1s both}.hero-kicker:before{content:"";width:28px;height:1px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{margin:24px 0 26px;font:500 clamp(56px,8vw,128px)/.88 "Manrope",sans-serif;letter-spacing:-.065em}.hero h1 span,.hero h1 strong{display:block;overflow:hidden}.hero h1 span{animation:enter .9s .2s both}.hero h1 strong{font-weight:500;color:var(--orange);animation:enter .9s .35s both}.hero-text{max-width:650px;color:#d2cec8;font-size:clamp(16px,1.5vw,21px);line-height:1.55;animation:enter .8s .5s both}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:38px;animation:enter .8s .65s both}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:0 24px;border-radius:2px;cursor:pointer;font-weight:600;transition:transform .25s var(--ease),background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--orange);color:#090909}.button-primary:hover{background:#fff}.sound-control{display:flex;align-items:center;gap:10px;color:#ddd;background:none;border:0;cursor:pointer}.sound-bars{height:18px;display:flex;gap:3px;align-items:center}.sound-bars i{width:2px;height:5px;background:currentColor;animation:sound 1s infinite alternate}.sound-bars i:nth-child(2){height:13px;animation-delay:.25s}.sound-bars i:nth-child(3){height:8px;animation-delay:.5s}.hero-index{position:absolute;right:6vw;bottom:11vh;z-index:2;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.hero-index i{display:block;width:70px;height:1px;background:#777}.scroll-cue{position:absolute;right:32px;top:50%;z-index:2;display:flex;align-items:center;gap:12px;transform:rotate(90deg) translateX(50%);transform-origin:right top;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.scroll-cue i{width:44px;height:1px;background:#999;position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;inset:0;background:#fff;animation:scan 2s infinite}.section{width:min(var(--max),100%);margin:auto;padding:clamp(90px,11vw,170px) clamp(22px,6vw,96px)}.section-number{float:right;color:#555;font-size:12px}.statement{min-height:80vh}.statement-title{font:500 clamp(40px,6vw,88px)/1.02 "Manrope",sans-serif;letter-spacing:-.055em;max-width:1200px;margin:42px 0 80px}.statement-title em,.process h2 em,.quote-inner h2 em{font-style:normal;color:var(--orange)}.statement-bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:10vw;align-items:end;border-top:1px solid var(--line);padding-top:35px}.statement-bottom>p{color:var(--muted);font-size:18px;line-height:1.7;max-width:520px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.stats div{border-left:1px solid var(--line);padding-left:18px}.stats strong,.stats span{display:block}.stats strong{font:600 20px "Manrope"}.stats span{font-size:12px;color:#777;margin-top:8px}.film-section{background:#eeece6;color:#101010;padding-bottom:100px;overflow:hidden}.film-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:60px}.film-heading .eyebrow,.gallery .eyebrow{color:#6e6b66}.film-heading h2,.gallery h2{font:500 clamp(46px,6vw,92px)/.96 "Manrope";letter-spacing:-.055em;margin:22px 0 0}.text-link{font-size:13px;border-bottom:1px solid #999;padding-bottom:8px}.film-reel{display:flex;gap:16px;padding:0 max(22px,calc((100vw - var(--max))/2 + 6vw));height:min(68vw,720px)}.film-card{position:relative;flex:1;min-width:0;overflow:hidden;background:#191919;cursor:pointer;transition:flex .75s var(--ease)}.film-card.active,.film-card:hover,.film-card:focus{flex:2.35}.film-card video{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.65);transition:filter .5s,transform 1s var(--ease);transform:scale(1.03)}.film-card.active video,.film-card:hover video{filter:saturate(1) brightness(.82);transform:scale(1)}.film-overlay{position:absolute;inset:0;padding:24px;display:flex;align-items:flex-end;gap:18px;color:#fff;background:linear-gradient(transparent 50%,#000b)}.film-overlay>span{align-self:flex-start;font-size:11px}.film-overlay div{flex:1}.film-overlay p{font-size:11px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:7px}.film-overlay h3{font:500 clamp(18px,2vw,30px) "Manrope"}.film-overlay button{width:48px;height:48px;border-radius:50%;border:1px solid #ffffff80;background:#0004;color:#fff;cursor:pointer}.film-note{text-align:center;text-transform:uppercase;font-size:9px;letter-spacing:.2em;margin:24px 0 0;color:#777}.gallery{background:#eeece6;color:#101010}.gallery-heading{display:grid;grid-template-columns:1.7fr .7fr;gap:12vw;align-items:end;margin-bottom:70px}.gallery-heading>p{color:#666;line-height:1.7}.masonry{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}.work{grid-column:span 4;margin:0;position:relative;overflow:hidden;background:#ddd;aspect-ratio:4/5}.work.tall{grid-row:span 2;aspect-ratio:4/6}.work.wide{grid-column:span 8;aspect-ratio:8/5}.work img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease),filter .4s}.work:hover img{transform:scale(1.035);filter:brightness(.7)}.work figcaption{position:absolute;inset:auto 0 0;padding:60px 22px 22px;color:white;background:linear-gradient(transparent,#000b);transform:translateY(35%);opacity:0;transition:.45s var(--ease)}.work:hover figcaption{transform:none;opacity:1}.work figcaption span,.work figcaption strong{display:block}.work figcaption span{text-transform:uppercase;font-size:9px;letter-spacing:.2em}.work figcaption strong{font:500 20px "Manrope";margin-top:6px}.button-outline{background:transparent;border:1px solid #222;margin:44px auto 0;display:flex}.button-outline:hover{background:#111;color:#fff}.gallery-extra{display:none;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}.gallery-extra.open{display:grid}.gallery-extra .work{aspect-ratio:4/5}.process{background:#0b0b0b}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:45px}.process h2{font:500 clamp(42px,5vw,74px)/1.02 "Manrope";letter-spacing:-.05em;position:sticky;top:120px;align-self:start}.process ol{padding:0;margin:0;list-style:none}.process li{display:grid;grid-template-columns:50px 1fr;border-top:1px solid var(--line);padding:28px 0}.process li>span{font-size:11px;color:#666}.process h3{font:500 26px "Manrope";margin-bottom:8px}.process li p{color:#888;line-height:1.55}.quote-section{position:relative;overflow:hidden;background:var(--orange);color:#080808}.quote-orbit{position:absolute;top:46px;left:-3%;width:106%;display:flex;justify-content:space-around;align-items:center;font:600 clamp(14px,2vw,26px) "Manrope";letter-spacing:.18em;opacity:.15;animation:marquee 18s linear infinite}.quote-orbit i{width:8px;height:8px;background:#000;transform:rotate(45deg)}.quote-inner{text-align:center;padding-top:150px}.quote-inner .eyebrow{color:#17120f}.quote-inner h2{font:500 clamp(48px,7vw,104px)/.95 "Manrope";letter-spacing:-.06em}.quote-inner h2 em{color:#fff}.quote-inner form{width:min(900px,100%);margin:70px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:28px;text-align:left}.quote-inner label{display:block}.quote-inner label span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px}.quote-inner input,.quote-inner select,.quote-inner textarea{width:100%;border:0;border-bottom:1px solid #2b170f;background:transparent;padding:12px 0;color:#111;outline:0;border-radius:0}.quote-inner input:focus,.quote-inner select:focus,.quote-inner textarea:focus{border-color:#fff}.quote-inner .full{grid-column:1/-1}.quote-inner form .button{grid-column:1/-1;justify-self:center;background:#090909;color:#fff}.direct{margin-top:25px;font-size:13px}.direct a{border-bottom:1px solid}.footer-logo img{width:170px;height:52px;object-fit:contain}footer{padding:70px clamp(22px,6vw,96px) 35px;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;border-top:1px solid var(--line)}footer>p{color:#777;max-width:350px}footer .footer-links{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap;font-size:12px}footer small{grid-column:1/-1;color:#555;border-top:1px solid var(--line);padding-top:25px}.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}@keyframes heroBreath{to{transform:scale(1)}}@keyframes sound{to{height:17px}}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes marquee{to{transform:translateX(-7%)}}
@media(max-width:820px){.topbar{height:72px}.brand img{width:125px}.menu-button{display:flex;flex-direction:column;gap:6px;width:46px;height:46px;justify-content:center;align-items:center;z-index:2}.menu-button span:not(.sr-only){display:block;width:22px;height:1px;background:#fff}.topbar nav{position:fixed;inset:0;background:#090909;flex-direction:column;justify-content:center;font:500 27px "Manrope";transform:translateX(100%);transition:transform .5s var(--ease)}.topbar nav.open{transform:none}.nav-cta{font-size:15px;margin-top:20px}.hero{padding:120px 22px 90px;min-height:820px;align-items:flex-end}.hero-video{object-position:center}.hero h1{font-size:clamp(55px,18vw,84px)}.hero-text{font-size:16px}.hero-index,.scroll-cue{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.statement-bottom,.gallery-heading,.process-grid{grid-template-columns:1fr;gap:45px}.statement-title{margin-bottom:55px}.stats{gap:10px}.film-heading{align-items:start;gap:35px;flex-direction:column}.film-reel{height:620px;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:22px}.film-card,.film-card.active,.film-card:hover{flex:0 0 83vw;scroll-snap-align:center}.film-card video{filter:saturate(1) brightness(.8)}.masonry{grid-template-columns:1fr 1fr;gap:10px}.work,.work.wide,.work.tall{grid-column:span 1;aspect-ratio:4/5}.work figcaption{opacity:1;transform:none;padding:40px 14px 14px}.gallery-extra.open{grid-template-columns:1fr 1fr;gap:10px}.process h2{position:static}.quote-inner form{grid-template-columns:1fr}.quote-inner form .full,.quote-inner form .button{grid-column:auto}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start!important;gap:18px!important}.cursor-light{display:none}}
@media(max-width:430px){.section{padding-left:18px;padding-right:18px}.hero{padding-left:18px;padding-right:18px}.hero h1{letter-spacing:-.07em}.statement-title br{display:none}.stats{grid-template-columns:1fr}.stats div{padding:12px 0;border-left:0;border-top:1px solid var(--line)}.masonry{grid-template-columns:1fr}.gallery-extra.open{grid-template-columns:1fr}.film-card,.film-card.active,.film-card:hover{flex-basis:88vw}.quote-inner h2{font-size:48px}.quote-orbit{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-video{display:none}.reveal{opacity:1;transform:none}}
html{overflow-x:hidden}