@font-face{font-family:Allura;src:url('assets/Allura-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#080b10;--paper:#f0f0ec;--muted:#a4a9b1;--line:rgba(230,235,245,.19);--blue:#a9b9de;--script:'Allura','Freestyle Script','Segoe Script',cursive;--mx:0;--my:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:7px}button{touch-action:manipulation}::selection{background:#354366;color:#fff}img,video{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}em{font-family:var(--script);font-weight:400;letter-spacing:-.025em}h2{font-size:clamp(44px,5.5vw,88px);line-height:.99;letter-spacing:-.065em}h2 em{font-size:1.1em;line-height:.85}.mono,.eyebrow{font-family:'Courier New',monospace;font-size:12px;line-height:1.5;letter-spacing:.075em}.eyebrow{font-size:12px;letter-spacing:.14em}.header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 4.1%;border-bottom:1px solid var(--line)}.studio-name{display:flex;align-items:center;gap:17px;font-size:34px;font-weight:700;letter-spacing:-2px}.studio-name span{font-family:'Courier New',monospace;font-size:10px;letter-spacing:.06em;line-height:1.45;font-weight:400}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.header nav a{transition:color .3s}.header nav a:hover{color:var(--blue)}.contact-link{padding-bottom:8px;border-bottom:1px solid var(--paper)}.contact-link span{margin-left:20px}.hero{position:relative;height:max(830px,100svh);max-height:1150px;overflow:hidden;background:#090c0d}.hero-media{position:absolute;inset:0;will-change:transform}.hero-video{object-position:50% 44%;filter:brightness(.75) saturate(.7);transform:scale(1.025)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.43),rgba(0,0,0,.04) 32%,rgba(0,0,0,.08) 48%,rgba(4,7,10,.81) 96%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 68%)}.hero-top{position:absolute;top:132px;left:4.1%;right:4.1%;display:flex;justify-content:space-between;color:#bcc1c6}.frame-counter b{font-weight:400;font-variant-numeric:tabular-nums}.hero-copy{position:absolute;top:25%;left:8.2%;z-index:2}.hero-copy .eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(85px,11.3vw,180px);font-weight:700;letter-spacing:-.075em;line-height:.84}.hero h1 em{font-size:1.19em;display:inline-block;margin-left:6vw;line-height:.92;letter-spacing:-.035em}.reel-button{position:absolute;right:11%;top:45%;width:140px;height:140px;border:1px solid #ffffff80;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:12px;font-family:'Courier New',monospace;font-size:12px;line-height:1.5;text-align:left;backdrop-filter:blur(4px);transition:background .3s,transform .5s}.reel-button:hover{background:rgba(255,255,255,.13);transform:scale(1.06)}.play-mark{font-size:17px}.hero-bottom{position:absolute;bottom:100px;left:4.1%;right:4.1%;display:flex;align-items:end;justify-content:space-between}.hero-bottom>p{font-size:19px;line-height:1.5}.hero-caption{margin-left:16%;color:#bcc1c6}.scroll-link{display:flex;align-items:center;gap:28px}.scroll-link span{font-size:30px}.film-edge{position:absolute;bottom:0;left:4.1%;right:4.1%;height:60px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#aeb3bb}.film-edge button{font-size:12px}.section-pad{padding:120px 6.2%}.section-heading{display:grid;grid-template-columns:1fr 2.5fr 1fr;align-items:start;gap:25px;margin-bottom:70px}.section-heading>.eyebrow{padding-top:9px}.section-heading>p:last-child{color:var(--muted);line-height:1.6;font-size:16px;padding-top:10px}.project-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:85px 5%}.film-dialog{background:#080b10;color:var(--paper);width:min(1160px,94vw);max-height:94svh;padding:24px;border:1px solid var(--line)}.film-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(12px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:19px;line-height:1.3;letter-spacing:0}.dialog-top button{padding:10px;font-size:14px}#film-player{width:100%;max-height:70svh;object-fit:contain;background:#000}.film-dialog>p{margin-top:17px;color:var(--muted)}.cursor{position:fixed;left:0;top:0;pointer-events:none;z-index:40;background:#e9edf4;color:#111;border-radius:50%;width:96px;height:96px;display:grid;place-items:center;font-size:11px;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s,transform .2s}.cursor.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}@media(max-width:800px){.header{padding:22px 6%}.header nav{gap:20px}.header nav>a:not(.contact-link){display:none}.studio-name{font-size:29px}.studio-name span{font-size:9px}.hero{height:850px;min-height:100svh;max-height:1000px}.hero-top{top:117px;left:6%;right:6%}.hero-top>span:first-child{font-size:10px;max-width:190px}.frame-counter{display:none}.hero-copy{left:6%;right:6%;top:28%}.hero h1{font-size:clamp(70px,14vw,120px)}.hero h1 em{margin-left:5vw}.hero-copy .eyebrow{font-size:10px;margin-bottom:22px}.hero-video{object-position:59% 50%}.reel-button{top:53%;right:9%;width:98px;height:98px;font-size:10px}.hero-bottom{left:6%;right:6%;bottom:104px}.hero-bottom>p{font-size:16px}.hero-caption{display:none}.scroll-link{font-size:10px;gap:13px;max-width:115px}.film-edge{left:6%;right:6%}.film-edge>span:nth-child(2){display:none}.film-edge .mono{font-size:10px}.section-pad{padding:80px 6%}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.section-heading h2{font-size:54px}.section-heading>p:last-child{font-size:15px}.project-grid{grid-template-columns:1fr;gap:42px}.cursor{display:none}}@media(prefers-reduced-motion:reduce){html:not(:has(body.motion-enabled)){scroll-behavior:auto}html:not(:has(body.motion-enabled)) *,html:not(:has(body.motion-enabled)) *:before,html:not(:has(body.motion-enabled)) *:after{animation:none!important;transition:none!important}}