@font-face{font-family:'Eddy Wordmark';src:url('/assets/eddy-archivo-black.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Display;src:url('/assets/display.otf') format('opentype');font-weight:700;font-display:swap}@font-face{font-family:Body;src:url('/assets/body.otf') format('opentype');font-display:swap}
:root{--red:#f52218;--ink:#080808;--paper:#f2f1ec;--muted:#b3b3ae;--line:#323232;--space:clamp(22px,4.4vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Body,Arial,sans-serif;font-size:17px;line-height:1.5}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:7px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h2,.display{font-family:Display,'Arial Narrow',Arial,sans-serif;font-weight:700}button{border:0}::selection{background:var(--red);color:var(--ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:var(--paper);color:var(--ink);padding:12px}.skip-link:focus{top:10px}.site-header{height:92px;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space);z-index:20}.brand{font-family:Display,sans-serif;font-size:38px;font-weight:700;line-height:1;letter-spacing:-1.5px}.brand span{font-family:Body,sans-serif;font-size:13px;vertical-align:top;display:inline-block;margin:3px 0 0 4px;letter-spacing:0}.site-header nav{display:flex;gap:42px;align-items:center;font-size:15px}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--red)}.site-header nav span{font-size:12px;color:var(--red);margin-left:5px}.hero{height:210svh;min-height:1150px;position:relative}.hero-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#310906 0,#120807 35%,#080808 70%);isolation:isolate}.hero-top{position:absolute;top:110px;left:var(--space);right:var(--space);display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;color:#b7b1b2;z-index:5}.stage{position:absolute;inset:0;perspective:1050px;perspective-origin:50% 50%;pointer-events:none;transform-style:preserve-3d}.hero-name{position:absolute;top:13%;left:50%;transform:translateX(-50%);font-family:'Eddy Wordmark','Arial Black',sans-serif;font-size:clamp(96px,30vw,600px);font-weight:400;font-synthesis:none;letter-spacing:-.055em;line-height:1;color:var(--red);white-space:nowrap;text-shadow:0 1px 0 #8f100a,0 2px 0 #8f100a,0 3px 0 #8f100a,0 4px 0 #8f100a,0 5px 0 #8f100a,0 6px 0 #8f100a,0 7px 0 #8f100a,0 8px 0 #8f100a,0 9px 0 #8f100a,0 10px 0 #8f100a,0 11px 0 #8f100a,0 12px 0 #8f100a,10px 22px 28px #0008;will-change:transform}.name-dot{display:none}.film-plane{position:absolute;width:22vw;max-width:380px;aspect-ratio:16/10;box-shadow:0 14px 50px #000b;background:#171717;will-change:transform;backface-visibility:hidden}.film-plane img{filter:saturate(.65) brightness(.7)}.film-plane span{position:absolute;bottom:-26px;left:0;font-size:12px;letter-spacing:.08em;color:#999}.plane-one{left:-4%;top:28%;transform:translateZ(-150px) rotateY(30deg) rotateZ(-12deg)}.plane-two{right:-3%;top:24%;transform:translateZ(-200px) rotateY(-26deg) rotateZ(12deg)}.plane-three{left:8%;top:62%;width:19vw;transform:translateZ(60px) rotateY(25deg) rotateZ(-10deg)}.plane-four{right:4%;top:64%;width:19vw;transform:translateZ(10px) rotateY(-25deg) rotateZ(9deg)}.hero-center{position:absolute;top:42%;left:50%;width:min(45vw,760px);perspective:1200px;transform:translate(-50%,-8%);z-index:4;will-change:transform}.hero-film{display:block;position:relative;aspect-ratio:2.15;background:#1a1a1a;box-shadow:0 20px 75px #000c;transform:rotateY(-8deg) rotateX(5deg) rotateZ(-3deg);transform-style:preserve-3d;will-change:transform;overflow:hidden}.hero-film img{transition:transform .6s;filter:brightness(.8)}.hero-film:hover img{transform:scale(1.035)}.film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 65%)}.feature-label{position:absolute;top:18px;left:22px;font-size:12px;letter-spacing:.12em}.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;padding-left:3px;width:58px;height:58px;border:1px solid #ffffff9c;border-radius:50%;font-size:15px;background:#0002;transition:background .25s,scale .25s}.hero-film:hover .play-disc{background:var(--red);border-color:var(--red);scale:1.08}.feature-bottom{position:absolute;bottom:20px;left:23px;right:23px;display:flex;align-items:flex-end;justify-content:space-between}.feature-bottom>span:first-child{font-family:Display,sans-serif;font-size:36px;line-height:1}.feature-bottom small{display:block;margin-top:7px;font-family:Body,sans-serif;font-size:12px;letter-spacing:.06em}.watch-label{font-size:12px;letter-spacing:.05em}.frame-corner{position:absolute;width:10px;height:10px;border-color:#ffffffa0}.tl{top:9px;left:9px;border-top:1px solid;border-left:1px solid}.br{bottom:9px;right:9px;border-bottom:1px solid;border-right:1px solid}.hero-bottom{position:absolute;bottom:40px;left:var(--space);right:var(--space);display:flex;justify-content:space-between;align-items:flex-end;z-index:7;pointer-events:none}.hero-bottom p{font-family:Display,sans-serif;font-size:clamp(22px,2.9vw,48px);line-height:1.03;font-weight:700}.hero-bottom em{color:var(--red);font-style:normal}.hero-bottom>div>span{display:block;margin-top:15px;font-size:12px;color:var(--muted)}.scroll-cue{display:flex;align-items:center;gap:22px;pointer-events:auto;font-size:12px;letter-spacing:.04em}.scroll-arrow{font-size:30px}.hero-track{position:absolute;left:var(--space);right:var(--space);bottom:18px;height:1px;background:#ffffff20}.hero-track span{display:block;width:100%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left}.section-pad{padding-left:var(--space);padding-right:var(--space)}.work-section{padding-top:80px;padding-bottom:130px;position:relative;z-index:8;background:var(--ink)}.section-kicker{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.07em;padding-bottom:22px;border-bottom:1px solid var(--line)}.section-kicker span:last-child{color:#a2a2a0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:56px 0 42px}.section-heading h2{font-size:clamp(75px,9.7vw,170px);line-height:.87;letter-spacing:-.022em}.section-heading h2 span{color:var(--red)}.section-heading p{font-size:18px;padding-bottom:9px;color:var(--muted)}.work-categories{display:flex;gap:36px;border-bottom:1px solid var(--line);margin-bottom:46px;align-items:stretch}.work-categories button{background:transparent;padding:14px 0 20px;font-size:15px;color:var(--muted);position:relative;text-align:left}.work-categories button[aria-selected=true]{color:var(--paper)}.work-categories button[aria-selected=true]:after{position:absolute;content:'';bottom:-1px;left:0;width:100%;height:2px;background:var(--red)}sup{font-size:12px;margin-left:4px;color:var(--red)}.soon-tag{font-size:12px;margin-left:8px;border:1px solid #555;padding:3px 5px;color:#aaa;letter-spacing:.04em}.project-grid{display:grid;grid-template-columns:1.14fr 1fr;column-gap:6%;row-gap:55px}.project-offset{padding-top:125px}.project-image{position:relative;display:block;aspect-ratio:1.64;overflow:hidden;background:#161616;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s;transform-style:preserve-3d}.project-image img{filter:saturate(.82) brightness(.87);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.project-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0009,transparent 70%)}.project-image:hover img{transform:scale(1.055);filter:saturate(1) brightness(1)}.image-index{position:absolute;z-index:2;left:20px;top:20px;font-size:12px;letter-spacing:.07em;background:#0005;padding:4px 7px}.project-play{position:absolute;z-index:2;right:20px;top:20px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;font-size:22px;transition:background .3s,color .3s}.project-image:hover .project-play{background:var(--red);color:var(--ink);border-color:var(--red)}.image-title{font-family:Display,sans-serif;font-weight:700;position:absolute;bottom:16px;left:22px;right:20px;z-index:2;font-size:clamp(40px,5.5vw,88px);line-height:1;letter-spacing:-.02em}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-top:17px}.project-meta h3{font-size:18px;font-weight:400}.project-meta p{font-size:14px;color:#a2a2a0;margin-top:3px}.project-meta>span{font-size:12px;letter-spacing:.045em;padding-top:5px;text-align:right;color:#b5b5af}.archive-block{align-self:center;padding:30px 0 0 8%}.archive-block>span{font-size:12px;color:var(--muted);letter-spacing:.05em}.archive-block>a{display:block;font-family:Display,sans-serif;font-size:clamp(45px,5vw,82px);font-weight:700;line-height:1.03;margin:22px 0}.archive-block>a span{color:var(--red)}.archive-block>a:hover{color:var(--red)}.archive-block p{font-size:14px;color:var(--muted)}.coming-panel{min-height:490px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-content:center}.coming-panel>.eyebrow{grid-column:1/-1;color:var(--red)}.coming-panel h3{font-family:Display,sans-serif;font-size:clamp(70px,8vw,130px);line-height:.95}.coming-panel>div{max-width:440px;align-self:center}.coming-panel p{font-size:20px;color:var(--muted)}.status-label{display:inline-block;border-bottom:1px solid var(--red);font-size:12px;letter-spacing:.08em;margin-top:30px;padding-bottom:10px}.about-section{padding-top:55px;padding-bottom:44px;background:var(--red);color:var(--ink)}.about-section .section-kicker{border-color:#08080855}.about-section .section-kicker span:last-child{color:#35100d}.about-section h2{font-size:clamp(62px,8.8vw,152px);line-height:.92;letter-spacing:-.025em;padding:62px 0 52px}.about-section h2>span{color:var(--paper)}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:6%}.about-intro{font-family:Display,sans-serif;font-size:clamp(30px,3.6vw,58px);font-weight:700;line-height:1.07}.about-body>div{max-width:590px}.about-body>div p{margin-bottom:20px;font-size:18px;line-height:1.55}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #08080855;margin-top:65px;padding:35px 0 44px}.stats>div{display:flex;flex-direction:column}.stats strong{font-family:Display,sans-serif;font-size:clamp(70px,9vw,145px);line-height:1;font-weight:700;letter-spacing:-.025em}.stats strong span{color:var(--paper)}.stats>div>span{font-size:12px;letter-spacing:.06em;margin-top:12px}.discipline-row{border-top:1px solid #08080855;padding-top:28px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.045em}.contact-section{padding-top:90px;padding-bottom:85px}.contact-headline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:60px 0 42px}.contact-headline h2{font-size:clamp(80px,12vw,205px);line-height:.88;letter-spacing:-.022em}.contact-headline h2 span{color:var(--red)}.contact-arrow{font-size:clamp(95px,15vw,250px);line-height:1;align-self:flex-end;color:var(--red);transition:transform .4s}.contact-headline:hover .contact-arrow{transform:translate(10px,-10px)}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.contact-bottom p{font-size:17px;color:var(--muted)}.contact-bottom>a{font-size:14px;border-bottom:1px solid var(--red);padding-bottom:9px}.site-footer{margin:0 var(--space);padding:28px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:20px}.site-footer>span,.site-footer>a:last-child{font-size:12px;letter-spacing:.04em;color:var(--muted)}dialog{max-width:1100px;width:94vw;max-height:94svh;background:#111;color:var(--paper);border:1px solid #444;padding:25px;overflow:auto}dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px}.eyebrow{font-size:12px;letter-spacing:.09em;color:var(--muted)}.dialog-head h2{font-size:32px;line-height:1.15;margin-top:7px}.dialog-head button{background:transparent;font-size:12px;padding:10px 0 10px 12px}.dialog-head button span{font-size:28px;vertical-align:middle;margin-left:12px}#player-wrap{aspect-ratio:16/9;background:#000}#player-wrap iframe{width:100%;height:100%;border:0}.dialog-footer{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:12px;color:var(--muted)}.dialog-footer a{color:var(--paper)}
@media(min-width:1600px){.hero-sticky{min-height:820px}.hero-center{top:44%}.hero-name{top:11%}}@media(max-width:1000px){.hero{min-height:1050px;height:200svh}.hero-sticky{min-height:680px}.hero-name{top:22%}.hero-center{width:61vw;top:44%}.plane-one{top:34%;width:25vw;left:-9%}.plane-two{top:31%;width:25vw;right:-10%}.plane-three{left:3%;top:65%;width:23vw}.plane-four{right:1%;top:65%;width:23vw}.project-offset{padding-top:70px}.project-meta{display:block}.project-meta>span{display:block;text-align:left;margin-top:5px}.work-categories{gap:26px}.stats>div>span{font-size:12px}}
@media(max-width:640px){html{scroll-padding-top:25px}.site-header{height:78px}.brand{font-size:32px}.site-header nav{gap:22px;font-size:14px}.site-header nav a:first-child span{display:none}.hero{height:185svh;min-height:1000px}.hero-sticky{height:100svh;min-height:610px;max-height:980px}.hero-top{top:96px;font-size:12px;gap:16px;align-items:flex-start}.hero-top>span:first-child{max-width:90px}.hero-top>span:last-child{max-width:146px;text-align:right}.hero-name{font-size:31vw;top:22%;text-shadow:0 1px 0 #8f100a,0 2px 0 #8f100a,0 3px 0 #8f100a,0 4px 0 #8f100a,0 5px 0 #8f100a,6px 14px 20px #0008}.hero-center{width:78vw;top:44%}.hero-film{aspect-ratio:1.75;transform:rotateY(-8deg) rotateZ(-4deg)}.feature-label{top:14px;left:16px;font-size:12px}.feature-bottom{bottom:15px;left:17px;right:17px}.feature-bottom>span:first-child{font-size:29px}.feature-bottom small{font-size:12px}.watch-label{display:none}.play-disc{width:45px;height:45px;font-size:13px}.plane-one{width:38vw;left:-14%;top:32%}.plane-two{width:36vw;right:-17%;top:27%}.plane-three{width:32vw;left:-10%;top:68%}.plane-four{width:32vw;right:-13%;top:64%}.film-plane span{display:none}.hero-bottom{bottom:36px;gap:22px}.hero-bottom p{font-size:27px}.hero-bottom>div>span{font-size:12px;max-width:190px;margin-top:10px}.scroll-cue{font-size:12px;gap:10px;max-width:110px;line-height:1.4}.scroll-arrow{font-size:25px}.work-section{padding-top:50px;padding-bottom:75px}.section-kicker{font-size:12px;gap:25px}.section-kicker span:last-child{text-align:right;max-width:46%}.section-heading{padding:38px 0 30px;gap:20px}.section-heading h2{font-size:20vw}.section-heading p{font-size:14px;max-width:100px}.work-categories{gap:22px;overflow-x:auto;margin-bottom:30px}.work-categories button{flex-shrink:0;font-size:14px;padding-bottom:17px}.soon-tag{display:none}.project-grid{grid-template-columns:1fr;gap:35px}.project-offset{padding-top:0}.project-image{aspect-ratio:1.5}.image-title{font-size:15vw;bottom:18px;left:18px}.image-index{left:16px;top:16px}.project-play{right:16px;top:16px}.project-meta{display:flex;padding-top:13px}.project-meta h3{font-size:16px}.project-meta p{font-size:13px}.project-meta>span{font-size:12px;text-align:right;max-width:112px;margin-top:0}.archive-block{padding:25px 0 0}.archive-block>a{font-size:18vw}.coming-panel{grid-template-columns:1fr;gap:25px;min-height:540px}.coming-panel h3{font-size:23vw}.coming-panel p{font-size:18px}.about-section{padding-top:35px;padding-bottom:30px}.about-section h2{font-size:12.4vw;padding:43px 0 35px}.about-body{grid-template-columns:1fr;gap:30px}.about-intro{font-size:34px}.about-body>div p{font-size:17px}.stats{gap:12px;margin-top:30px;padding:26px 0 29px}.stats strong{font-size:18vw}.stats>div>span{font-size:12px;line-height:1.4;max-width:100px}.discipline-row{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:15px;padding-top:22px}.contact-section{padding-top:55px;padding-bottom:50px}.contact-headline{margin:42px 0 28px;gap:5px}.contact-headline h2{font-size:18vw}.contact-arrow{font-size:20vw}.contact-bottom{display:block}.contact-bottom p{font-size:16px}.contact-bottom>a{display:inline-block;margin-top:27px;font-size:13px}.site-footer{padding:25px 0;flex-wrap:wrap}.site-footer>span{font-size:12px}.site-footer>a:last-child{font-size:12px}dialog{padding:17px;width:96vw}.dialog-head h2{font-size:25px}.dialog-footer{font-size:12px}.dialog-footer>span{max-width:48%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero{height:100svh;min-height:650px}.hero-sticky{position:relative}.hero-name,.hero-center,.film-plane{will-change:auto}.project-image{transform:none!important}}

.brand .brand-dot{color:var(--red);font-size:10px;vertical-align:baseline;margin-left:5px}.eva-image img{object-position:center;transform:scale(1.15)}.eva-image:hover img{transform:scale(1.2)}

/* Scroll-driven optics: one dolly move, with a restrained film-burn peak. */
.hero-sticky{--rgb-shift:0px;--rgb-opacity:0;--flare:0;--flare-y:0px;--flare-scale:.6;--burn:0;--shutter:0;--film-labels:1;--vignette:0}
.hero-film>.rgb-ghost{position:absolute;inset:0;background-image:url('/assets/habibi.jpg');background-size:cover;background-position:center;background-blend-mode:multiply;mix-blend-mode:screen;pointer-events:none;opacity:var(--rgb-opacity);will-change:transform,opacity}
.rgb-ghost-red{background-color:#ff1808;transform:translateX(var(--rgb-shift))}
.rgb-ghost-cyan{background-color:#16bad0;transform:translateX(calc(var(--rgb-shift) * -1))}
.hero-film .feature-label,.hero-film .feature-bottom,.hero-film .play-disc,.hero-film .frame-corner{opacity:var(--film-labels)}
.hero-vfx{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden;contain:strict}
.vfx-burn{position:absolute;inset:-10%;background:radial-gradient(ellipse at 100% 45%,#ffb13a99 0,#ff2a0e80 9%,#c80c004d 24%,transparent 54%),radial-gradient(ellipse at 0 75%,#e8170059 0,transparent 44%);mix-blend-mode:screen;opacity:var(--burn);transform:scale(var(--flare-scale));will-change:transform,opacity}
.vfx-flare{position:absolute;left:-15%;right:-15%;top:52%;height:2px;background:linear-gradient(90deg,transparent 3%,#ef180066 24%,#ff4223 43%,#ffd1aa 50%,#ff4223 57%,#ef180066 76%,transparent 97%);box-shadow:0 0 12px 3px #f5221880,0 0 45px 12px #f5221840;opacity:var(--flare);transform:translateY(var(--flare-y)) scaleX(var(--flare-scale));mix-blend-mode:screen;will-change:transform,opacity}
.vfx-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 28%,#08080899 77%,#080808 110%);opacity:var(--vignette)}
.vfx-shutter{position:absolute;inset:0}
.vfx-shutter:before,.vfx-shutter:after{content:'';position:absolute;left:0;width:100%;height:50%;background:var(--ink);transform:scaleY(var(--shutter));will-change:transform}
.vfx-shutter:before{top:0;transform-origin:top}
.vfx-shutter:after{bottom:0;transform-origin:bottom}
.work-section>.section-heading{will-change:transform,opacity}
@media(max-width:640px){.vfx-flare{box-shadow:0 0 10px 2px #f5221880,0 0 24px 7px #f5221833}}
@media(prefers-reduced-motion:reduce){.hero-vfx,.hero-film>.rgb-ghost{display:none}.hero-sticky{--film-labels:1!important}.hero-name,.hero-center,.film-plane,.work-section>.section-heading{filter:none!important;will-change:auto}.work-section>.section-heading{opacity:1!important;transform:none!important}}

/* WAREHOUSE / an interactive director's ident */
:root{--red:#fa2018;--paper:#ecebe5;--space:clamp(20px,4vw,76px)}
.site-header{position:absolute;height:88px;z-index:30}
.site-header .brand,.site-footer .brand{font-family:'Eddy Wordmark',sans-serif;font-weight:400;font-size:27px;letter-spacing:-.05em}
.site-header nav{gap:32px;font-size:14px}
.warehouse-story{height:100svh;min-height:680px;background:#060707;position:relative}
.story-ready .warehouse-story{height:720svh;min-height:4300px}
.warehouse-sticky{position:sticky;top:0;height:100svh;min-height:600px;isolation:isolate;overflow:hidden;background:#060707;--tape-drop:0;--glitch:0;--split:0px}
.story-world{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}
.story-poster,#creature-sequence{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#creature-sequence{opacity:0;pointer-events:none}
.media-ready #creature-sequence{opacity:1}
.media-failed #creature-sequence{display:none}
.warehouse-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0306068c 0,transparent 24%,transparent 62%,#030606d9 100%),linear-gradient(90deg,#03060691,transparent 42%);pointer-events:none}
.story-intro{position:absolute;left:var(--space);top:25%;z-index:4;max-width:48%;pointer-events:none;will-change:transform,opacity}
.micro-label{font-family:Body,Arial,sans-serif;font-size:12px;letter-spacing:.14em;line-height:1.5}
.story-intro .micro-label{margin-bottom:26px;max-width:260px;color:#b8bcba}
.story-intro h1{font-family:'Eddy Wordmark',sans-serif;font-weight:400;font-size:clamp(44px,6.9vw,116px);line-height:.95;letter-spacing:-.065em}
.story-intro h1 span{color:var(--red)}
.story-cities{font-size:12px;letter-spacing:.11em;color:#a4aaa7;margin-top:26px}
.story-status{position:absolute;right:var(--space);top:110px;display:flex;gap:10px;font-size:12px;letter-spacing:.12em;color:#d2d5cc}
.status-prefix{color:var(--red)}
.story-footer{position:absolute;left:var(--space);right:var(--space);bottom:40px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.12em;z-index:12}
.story-scroll{display:flex;align-items:center;gap:28px}
.story-scroll span{font-size:26px;color:var(--red)}
.skip-story{padding:12px 0;color:#b5b8b2}
.story-timeline{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#dcdace15;z-index:12}
.story-timeline>span{display:block;background:var(--red);height:100%;transform:scaleX(0);transform-origin:left}
.tv-surface{position:absolute;opacity:0;overflow:hidden;background:#030404;border-radius:8%;isolation:isolate;box-shadow:0 0 12px #dce8de19;pointer-events:none;transform-origin:0 0}
#tv-noise,.tv-credit,.tv-reel,.tv-scanlines{position:absolute;inset:0;width:100%;height:100%}
#tv-noise{opacity:0;mix-blend-mode:screen;z-index:3;image-rendering:pixelated}
.tv-credit{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ff3228;text-shadow:1px 1px 0 #830e08,0 0 4px #ff2018aa,0 0 9px #ed170b55;opacity:0;line-height:1;container-type:inline-size;font-family:'Courier New',Courier,monospace;font-variant-ligatures:none}
.tv-credit span{font-family:inherit;font-weight:700;font-size:11cqw;letter-spacing:.08em}
.tv-credit strong{font-family:inherit;font-weight:900;font-size:32cqw;letter-spacing:.06em;margin-top:5%;line-height:.95}
.tv-reel{opacity:0}
.tv-reel img{object-fit:cover;filter:saturate(.72) contrast(1.14)}
#tv-player{position:absolute;inset:0;overflow:hidden}
#tv-player iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;border:0;transform:translate(-50%,-50%);pointer-events:none}
.tv-scanlines{z-index:5;background:repeating-linear-gradient(0deg,#0005 0px,#0005 1px,transparent 1px,transparent 4px),radial-gradient(ellipse at center,transparent 45%,#0008 100%);box-shadow:inset 0 0 15px #0008}
.signal-tear{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 48px,#b4c8bb44 49px,#b4c8bb44 50px,transparent 51px,transparent 64px);mix-blend-mode:screen;opacity:var(--glitch);transform:translateX(var(--split));pointer-events:none;z-index:6}
.reel-controls{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:32px;z-index:10;min-width:340px;padding:14px 22px;background:#050807a3;backdrop-filter:blur(8px);border-top:1px solid #f5221870}
.reel-controls a{display:flex;flex-direction:column;gap:3px;flex:1;text-align:center;min-width:195px}
.reel-controls a>span{font-size:12px;letter-spacing:.08em;color:#b9beb8}
.reel-controls a>strong{font-family:Display,sans-serif;font-size:28px;line-height:1}
.reel-arrow{background:transparent;padding:8px;font-size:23px;color:var(--red)}
.tape-choices{position:absolute;inset:0;z-index:9;visibility:hidden;opacity:0;background:linear-gradient(180deg,#050707aa,transparent 40%,#05070788)}
.tape-heading{position:absolute;top:14%;left:var(--space);transform:translateY(calc((1 - var(--tape-drop)) * 35px));opacity:var(--tape-drop)}
.tape-heading .micro-label{color:#b5b9b3;margin-bottom:14px}
.tape-heading h2{font-family:'Eddy Wordmark',sans-serif;font-weight:400;letter-spacing:-.065em;font-size:clamp(42px,6vw,92px);line-height:.94}
.tape-heading h2 span{color:var(--red)}
.tape{position:absolute;display:block;width:34%;max-width:600px;top:48%;aspect-ratio:3/2;filter:drop-shadow(0 22px 14px #000a);transform-origin:center;will-change:transform}
.tape-music{left:11%;transform:translateY(calc((1 - var(--tape-drop)) * -320px)) translateX(calc((1 - var(--tape-drop)) * 170px)) rotate(calc(-10deg + (1 - var(--tape-drop)) * 65deg)) scale(calc(.62 + var(--tape-drop) * .38))}
.tape-ai{right:11%;transform:translateY(calc((1 - var(--tape-drop)) * -370px)) translateX(calc((1 - var(--tape-drop)) * -170px)) rotate(calc(9deg - (1 - var(--tape-drop)) * 65deg)) scale(calc(.62 + var(--tape-drop) * .38))}
.tape>img{object-fit:contain;transition:filter .25s;filter:brightness(.84)}
.tape-label{position:absolute;left:23%;top:24%;width:54%;color:#151615;font-family:'Eddy Wordmark',sans-serif;font-weight:400;font-size:clamp(13px,1.5vw,24px);letter-spacing:-.055em;line-height:1.03;transform:rotate(-.4deg)}
.tape-caption{position:absolute;left:12%;right:12%;bottom:0;display:flex;justify-content:space-between;font-family:Body,sans-serif;font-size:12px;letter-spacing:.09em;color:#bfc2b9;transition:color .25s}
.tape-caption>span:last-child{font-size:22px;color:var(--red)}
.tape:hover>img,.tape:focus-visible>img{filter:brightness(1.17)}
.tape:hover .tape-caption{color:#fff}
.work-section{padding-top:80px;border-top:1px solid #4445;background:#080909}
.work-section .section-heading h2{font-family:'Eddy Wordmark',sans-serif;font-weight:400;font-size:clamp(58px,8.4vw,134px);line-height:.96;letter-spacing:-.06em}
.project-grid{grid-template-columns:1fr 1fr;gap:56px 3%}
.project-offset{padding-top:0}
.project-image{aspect-ratio:16/10}
.project-image img{filter:saturate(.58) brightness(.78)}
.image-title{font-size:clamp(36px,5vw,82px)}
.about-section{background:#101412;color:var(--paper);border-top:1px solid #323b33}
.about-section .section-kicker,.discipline-row,.stats{border-color:#424c44}
.about-section .section-kicker span:last-child{color:#aab7aa}
.about-section h2>span,.stats strong span{color:var(--red)}
.contact-section{background:#080909}
@media(max-width:1000px){.story-intro{max-width:64%;top:22%}.story-intro h1{font-size:8vw}.tape{width:42%;top:51%}.tape-music{left:4%}.tape-ai{right:4%}.tape-label{font-size:1.9vw}.tape-heading{top:19%}}
@media(max-width:640px){
 .site-header{height:74px}.site-header .brand{font-size:24px}.site-header nav{gap:18px;font-size:13px}.site-header nav span{display:none}
 .warehouse-sticky{min-height:580px}.story-ready .warehouse-story{height:660svh;min-height:3700px}
 .warehouse-shade{background:linear-gradient(180deg,#030606b3,transparent 36%,transparent 55%,#030606e6)}
 .story-intro{top:auto;bottom:100px;max-width:88%}.story-intro .micro-label{font-size:12px;max-width:240px;margin-bottom:12px}
 .story-intro h1{font-size:11vw}.story-cities{font-size:12px;margin-top:12px;max-width:260px;line-height:1.6}
 .story-status{top:86px;right:var(--space);font-size:12px;gap:6px}.status-prefix{display:none}
 .story-footer{bottom:24px;font-size:12px;letter-spacing:.04em}.story-scroll{gap:10px}.story-scroll span{font-size:23px}
 .reel-controls{bottom:92px;gap:8px;min-width:0;width:calc(100% - 40px);padding:12px}.reel-controls a{min-width:0}.reel-controls a>span{font-size:12px}.reel-controls a>strong{font-size:25px}
 .tape-heading{top:14%;left:var(--space)}.tape-heading h2{font-size:12vw}.tape-heading .micro-label{font-size:12px;margin-bottom:12px}
 .tape{width:65%;max-width:370px}.tape-music{left:0;top:36%}.tape-ai{right:0;top:59%}.tape-label{font-size:3vw}.tape-caption{font-size:12px;left:12%;right:12%;bottom:-2%}
 .project-grid{grid-template-columns:1fr;gap:35px}.work-section .section-heading h2{font-size:16vw}.work-section .section-heading p{display:none}.work-categories{gap:22px}.project-image{aspect-ratio:1.5}
}
html.story-still.story-ready .warehouse-story{height:180svh;min-height:1200px}
.story-still .warehouse-sticky{height:180svh;min-height:1200px;position:relative}
.story-still #creature-sequence,.story-still .tv-surface,.story-still .signal-tear,.story-still .story-status,.story-still .story-scroll,.story-still .story-timeline{display:none!important}
.story-still .story-intro{top:12%;bottom:auto;opacity:1!important;transform:none!important}
.story-still .tape-choices{visibility:visible!important;opacity:1!important;inset:52% 0 5%;--tape-drop:1}
.story-still .tape-heading{top:0;opacity:1;transform:none}.story-still .tape-heading h2{font-size:clamp(36px,5vw,64px)}
.story-still .tape{top:40%;transform:rotate(-6deg)}.story-still .tape-ai{transform:rotate(7deg)}
.story-still .reel-controls{display:none!important}.story-still .story-footer{bottom:20px;justify-content:flex-end}
.enable-motion{position:absolute;left:var(--space);top:37%;z-index:20;padding:13px 18px;background:var(--red);color:#080808;font-size:14px;font-weight:700}
@media(max-width:640px){.story-still .tape-choices{inset:40% 0 7%}.story-still .tape-music{top:24%}.story-still .tape-ai{top:55%}.story-still .tape-heading h2{font-size:10vw}.enable-motion{top:32%}}

.story-world{transform-origin:50% 29%}
.tape>img{clip-path:inset(13% 3.5% 13% 3.5% round 3%)}
.tape-label{left:9%;top:21.5%;width:82%;font-size:clamp(14px,1.4vw,22px);white-space:nowrap;letter-spacing:-.045em}
@media(max-width:640px){.tape-label{font-size:14px}}

#player-wrap>video{width:100%;height:100%;object-fit:contain}

.story-load-note{position:absolute;left:var(--space);bottom:95px;z-index:20;font-size:14px;color:#bfc2b9;max-width:80%;background:#060707d9;padding:10px 14px}.story-load-note a{color:var(--paper);text-decoration:underline}
@media(max-height:740px) and (min-width:641px){.tape{width:29%;max-width:440px;top:47%}.tape-heading{top:15%}.tape-heading h2{font-size:clamp(42px,5vw,76px)}}