@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#090a0b;--ink:#f4f0e9;--muted:#96989a;--accent:#ff603b;--line:#ffffff26;--gutter:clamp(24px,5vw,96px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}p{line-height:1.6}::selection{background:var(--accent);color:#090a0b}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:#111;padding:15px}.skip-link:focus{top:15px}.navigation{position:absolute;top:0;left:0;width:100%;z-index:20;height:104px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between}.wordmark{position:relative;font-size:21px;line-height:.98;letter-spacing:-1px;font-weight:650}.wordmark>span{position:absolute;top:-3px;right:-20px;color:var(--accent);font-size:20px}.navigation nav{display:flex;gap:32px;font-size:13px}.navigation nav a{color:#c6c6c6}.navigation nav a:hover{color:var(--accent)}.nav-book{background:var(--ink);color:#111;border-radius:30px;padding:12px 20px;font-size:13px;display:flex;gap:32px}.nav-book:hover{background:var(--accent)}.opening{position:relative;height:100svh;min-height:780px;max-height:1250px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 50%,#1e242a 0,transparent 48%),#090a0b}.scene-light{position:absolute;width:55vw;height:55vw;right:-5%;top:15%;background:radial-gradient(ellipse,#909bba18,transparent 65%);pointer-events:none}.scene-grid{position:absolute;left:-50%;bottom:-55%;width:200%;height:85%;background-image:linear-gradient(#919cac16 1px,transparent 1px),linear-gradient(90deg,#919cac16 1px,transparent 1px);background-size:90px 90px;transform:perspective(700px) rotateX(65deg);mask-image:linear-gradient(transparent,#000 50%,transparent)}.hero-coordinates{position:absolute;left:var(--gutter);right:var(--gutter);top:137px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#72777c}.hero-copy{position:absolute;z-index:5;left:var(--gutter);top:50%;transform:translateY(-42%);pointer-events:none;width:65%}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.7px;font-weight:500}.hero-copy .eyebrow{font-size:10px;color:#c3c4c7;letter-spacing:1.3px;margin-bottom:30px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:9px;vertical-align:1px}.hero-copy h1{font-size:clamp(80px,10.5vw,180px);line-height:.84;letter-spacing:-.065em;font-weight:500;text-shadow:0 6px 70px #0008}.hero-copy h1 em{color:var(--accent);letter-spacing:-.065em}.hero-description{font-size:16px;line-height:1.5;margin:35px 0 28px;color:#b4b5b7}.watch-button{display:flex;gap:16px;align-items:center;background:none;border:0;padding:0;text-align:left;font-size:13px;pointer-events:auto}.play-icon{border:1px solid #76787a;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-size:13px;padding-left:3px;transition:background .25s,transform .25s}.watch-button:hover .play-icon{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.watch-button small{display:block;font-size:10px;color:#7f8388;margin-top:4px;letter-spacing:.4px}.film-stage{position:absolute;right:-12%;top:12%;width:79%;height:78%;perspective:1200px;perspective-origin:50% 50%;z-index:2;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 13%)}.scene-camera{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:translate3d(var(--pan-x,0px),var(--pan-y,0px),var(--dolly,0px)) rotateX(var(--rx,-5deg)) rotateY(var(--ry,-16deg));will-change:transform}.scene-panel{position:absolute;overflow:hidden;box-shadow:0 24px 65px #000a;border:1px solid #ffffff38;border-radius:3px;backface-visibility:hidden;background:#1c2024}.scene-panel img,.scene-panel video{width:100%;height:100%;object-fit:cover;display:block}.scene-panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,#fff1,transparent 50%,#0005)}.scene-panel>span{position:absolute;z-index:1;bottom:0;left:0;right:0;background:#090a0bd9;padding:10px 14px;font-size:9px;letter-spacing:1.5px;color:#cbcdd0;display:flex;justify-content:space-between}.scene-panel i{font-style:normal;color:#888e94}.panel-main{width:65%;height:49%;top:29%;left:21%;transform:translateZ(115px) rotateY(-7deg)}.panel-one{width:38%;height:33%;top:0;left:37%;transform:translateZ(-120px) rotateY(-15deg) rotateZ(-6deg);filter:brightness(.6)}.panel-two{width:31%;height:40%;top:5%;left:79%;transform:translateZ(40px) rotateY(-25deg) rotateZ(9deg);filter:brightness(.85)}.panel-three{width:38%;height:31%;top:79%;left:50%;transform:translateZ(-40px) rotateY(12deg) rotateZ(6deg);filter:brightness(.7)}.panel-four{width:30%;height:35%;top:63%;left:3%;transform:translateZ(-200px) rotateY(18deg) rotateZ(-9deg);filter:brightness(.5)}.scene-axis{position:absolute;inset:18% 10%;transform:translateZ(-280px);border:1px solid #8997a024;display:grid;grid-template-columns:1fr 1fr;color:#637080;font-size:20px}.scene-axis span:nth-child(even){text-align:right}.scene-axis span:nth-child(n+3){align-self:end}.hero-foot{position:absolute;z-index:8;bottom:29px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff22;padding-top:22px;font-size:10px;color:#a3a6aa;letter-spacing:.4px}.scroll-cue{display:flex;gap:13px;align-items:center}.scroll-cue>span{font-size:18px;color:var(--accent)}.motion-button{background:none;border:0;padding:5px 0;font-size:10px;color:#b4b8bc}.motion-button span{margin-left:12px;color:var(--accent)}.statement-band{overflow:hidden;background:var(--accent);color:#15100e;padding:17px 0;transform:rotate(-1.5deg) scale(1.02);position:relative;z-index:9;margin:15px 0 40px}.statement-band>div{width:max-content;font-size:17px;font-weight:600;letter-spacing:2px;animation:marquee 38s linear infinite}.statement-band span{padding:0 42px;font-size:23px}@keyframes marquee{to{transform:translateX(-50%)}}.clients{padding:55px var(--gutter) 75px;display:flex;gap:5vw;align-items:center}.clients>p{max-width:90px;color:#74777a;line-height:1.6;font-size:9px}.client-list{display:flex;justify-content:space-between;align-items:center;gap:3vw;flex:1}.client-list img{object-fit:contain;max-width:13%;height:35px;filter:grayscale(1);opacity:.55}.section-wrap{padding:110px var(--gutter)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:65px}.section-heading .eyebrow,.about .eyebrow{color:var(--accent);margin-bottom:27px}h2{font-size:clamp(46px,5.8vw,95px);line-height:1.02;letter-spacing:-.055em;font-weight:500}h2 em{color:#b1b0ad}.text-link{display:inline-flex;align-items:center;gap:40px;font-size:12px;border-bottom:1px solid #ffffff50;padding:12px 0}.text-link span{font-size:22px;color:var(--accent)}.text-link:hover{color:var(--accent)}.selected{padding-top:50px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px 6vw}.project{display:block;perspective:1000px}.project-wide{grid-column:1/-1}.project-image{aspect-ratio:1.25;position:relative;overflow:hidden;border-radius:2px;background:#1b1e20;transform:rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));transition:transform .3s ease-out;box-shadow:0 30px 60px #0006}.project-wide .project-image{aspect-ratio:2.05}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.75)}.project:hover img{transform:scale(1.05);filter:saturate(1)}.project-arrow{position:absolute;right:20px;top:20px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#090a0b50;backdrop-filter:blur(10px);border:1px solid #ffffff60;font-size:23px}.project:hover .project-arrow{background:var(--accent);color:#111;border-color:var(--accent)}.image-tag{position:absolute;bottom:25px;left:25px;text-transform:uppercase;font-size:10px;letter-spacing:2px}.project-caption{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-top:23px;border-bottom:1px solid var(--line);padding-bottom:20px}.project-caption h3{font-size:28px;font-weight:500;letter-spacing:-1px}.project-caption p{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.project-offset{padding-top:140px}.reels-section{position:relative;background:#151718;overflow:hidden;padding-bottom:150px}.reels-section:before{content:'9:16';position:absolute;font-size:36vw;line-height:1;letter-spacing:-.08em;font-weight:600;color:#ffffff03;right:0;top:20px;pointer-events:none}.vertical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;perspective:1100px;padding:30px 0}.vertical-card{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:4px;transform:rotateY(-12deg) rotateZ(-4deg);transition:transform .45s;box-shadow:18px 30px 45px #0005}.vertical-card:nth-child(even){transform:translateY(45px) rotateY(-12deg) rotateZ(4deg)}.vertical-card:hover{transform:translateZ(45px) rotateY(0deg) rotateZ(0deg);z-index:2}.vertical-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#000c)}.vertical-card img{height:100%;width:100%;object-fit:cover}.vertical-card>div{position:absolute;z-index:1;bottom:22px;left:20px}.vertical-card small{font-size:10px;color:#d5d8ce;text-transform:uppercase;letter-spacing:1px}.vertical-card h3{font-size:22px;margin-top:6px;font-weight:500;letter-spacing:-.7px}.reel-play{position:absolute;z-index:1;right:18px;top:14px;font-size:25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:150px;padding-bottom:140px}.about-photo{position:relative;transform:rotate(-3deg)}.about-photo:before{content:'';position:absolute;inset:-15px 15px 45px -15px;border:1px solid #ffffff22;transform:rotate(-3deg);z-index:-1}.about-photo img{width:100%;height:580px;object-fit:cover;filter:saturate(.5)}.about-photo span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding-top:18px}.about-copy>p:not(.eyebrow){color:#a1a4a6;font-size:16px;margin-top:26px}.about-copy>.text-link{margin-top:30px}.services-section{padding-top:0}.services-section>.eyebrow{margin-bottom:35px;color:var(--accent)}.service-row{padding:34px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:60px 1.2fr 1fr;gap:25px;align-items:baseline}.service-row>span{font-size:11px;color:var(--accent)}.service-row h3{font-size:28px;letter-spacing:-1px;font-weight:500}.service-row p{font-size:14px;color:var(--muted);max-width:340px}.contact-section{background:#e8e5de;color:#151617;position:relative;overflow:hidden;padding-top:90px;padding-bottom:60px}.contact-section h2{font-size:clamp(74px,12vw,190px);letter-spacing:-.075em;margin:40px 0 55px;line-height:.96}.contact-section h2 a{display:block;font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#d74b2d;font-weight:400}.contact-section h2 a:hover{color:#a82f15}.contact-section h2 span{display:inline-block;font-family:'DM Sans',sans-serif;font-style:normal;font-weight:400;margin-left:8vw}.contact-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #171b0f40;padding-top:30px;font-size:14px}.contact-bottom>div{display:flex;flex-direction:column;gap:10px}.contact-bottom a:hover{text-decoration:underline}.site-footer{padding:30px var(--gutter);display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:11px}dialog{padding:0;border:1px solid #555;background:#080808;color:white;width:min(1100px,94vw);max-height:90vh;overflow:visible;border-radius:3px}dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}dialog video{display:block;width:100%;max-height:80vh}.close-reel{position:absolute;right:0;top:-45px;width:35px;height:35px;background:#222;border:1px solid #777;border-radius:50%}body.motion-paused .statement-band>div{animation-play-state:paused}
@media(min-width:1800px){.opening{max-height:1400px}.hero-copy{width:60%}}@media(max-width:1000px){.opening{min-height:780px}.hero-copy h1{font-size:12vw}.hero-copy .eyebrow{max-width:280px;line-height:1.6}.film-stage{width:90%;right:-28%;top:16%}.hero-foot>p{display:none}.project-caption{display:block}.project-caption p{margin-top:10px}.vertical-grid{gap:20px}.about{gap:6%}.about-photo img{height:470px}.service-row{grid-template-columns:25px 1.2fr 1fr}.service-row h3{font-size:23px}}
@media(max-width:650px){.navigation{height:85px}.wordmark{font-size:18px}.navigation nav{display:none}.nav-book{padding:10px 16px;font-size:12px}.hero-coordinates{top:109px;font-size:8px;letter-spacing:1px}.opening{min-height:850px;height:100svh;max-height:1050px}.hero-copy{left:var(--gutter);top:170px;transform:none;width:90%}.hero-copy .eyebrow{max-width:none;font-size:8px;letter-spacing:1px;margin-bottom:25px}.hero-copy h1{font-size:19vw;line-height:.9}.hero-description{margin-top:23px;font-size:13px}.watch-button{font-size:12px}.play-icon{width:42px;height:42px;font-size:11px}.watch-button small{font-size:9px}.film-stage{top:43%;height:46%;right:-19%;width:120%;mask-image:linear-gradient(180deg,transparent,#000 10%);perspective:950px}.panel-main{width:65%;left:20%;height:48%;top:29%}.panel-one{left:32%;top:2%;width:38%;height:30%}.panel-two{top:6%;left:78%}.panel-four{left:4%;top:67%}.scene-panel>span{font-size:6px;padding:8px}.scene-panel i{display:none}.hero-foot{bottom:20px;padding-top:17px;font-size:9px}.statement-band{margin-top:0;margin-bottom:20px;padding:12px 0}.statement-band>div{font-size:13px}.statement-band span{padding:0 25px}.clients{display:block;padding-top:30px;padding-bottom:45px}.clients>p{max-width:none;margin-bottom:25px;font-size:9px}.client-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.client-list img{max-width:100%;width:85px;height:30px;margin:auto}.section-wrap{padding:65px var(--gutter)}.selected{padding-top:30px}.section-heading{align-items:end;gap:20px;margin-bottom:35px}.section-heading .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:20px}h2{font-size:40px}.section-heading .text-link{white-space:nowrap;font-size:10px;gap:16px}.project-grid{grid-template-columns:1fr;gap:40px}.project-wide{grid-column:auto}.project-image,.project-wide .project-image{aspect-ratio:1.35}.project-offset{padding-top:0}.project-caption{display:flex;align-items:center;padding-top:18px;padding-bottom:15px}.project-caption h3{font-size:22px}.project-caption p{font-size:8px;letter-spacing:.4px;margin:0;max-width:140px;text-align:right}.project-arrow{width:36px;height:36px;font-size:19px;right:14px;top:14px}.image-tag{font-size:8px;left:18px;bottom:18px}.reels-section{padding-bottom:100px}.vertical-grid{grid-template-columns:1fr 1fr;gap:42px 22px;padding-top:10px}.vertical-card,.vertical-card:nth-child(even){transform:rotateY(-8deg) rotateZ(-3deg)}.vertical-card:nth-child(even){transform:translateY(25px) rotateY(-8deg) rotateZ(3deg)}.vertical-card>div{left:12px;bottom:15px}.vertical-card h3{font-size:17px}.vertical-card small{font-size:8px}.about{grid-template-columns:1fr;gap:50px;padding-top:90px}.about-photo{margin:0 12px}.about-photo img{height:430px}.about .eyebrow{font-size:9px;letter-spacing:1px}.about-copy>p:not(.eyebrow){font-size:15px}.services-section{padding-top:10px}.service-row{grid-template-columns:22px 1fr;gap:12px}.service-row p{grid-column:2;font-size:14px}.service-row h3{font-size:23px}.contact-section h2{font-size:17vw}.contact-section h2 span{margin-left:3vw}.contact-bottom{flex-direction:column;font-size:14px}.site-footer{font-size:10px;gap:20px;display:grid;grid-template-columns:1fr 1fr}.site-footer>span:nth-child(2),.site-footer>a:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene-camera{transform:rotateX(-5deg) rotateY(-16deg)!important}.project-image{transform:none!important}}
/* Cinematic edit: shorter rhythm, restrained motion, compact widescreen work. */
:root{--accent:#ff603b;--gutter:clamp(24px,6vw,112px)}
.navigation{height:94px}.nav-book{background:transparent;color:var(--ink);border:1px solid #ffffff50}.nav-book:hover{background:var(--ink);color:#111}
.opening{height:86svh;min-height:640px;max-height:860px;background:radial-gradient(ellipse at 80% 48%,#262b30 0,transparent 48%),#090a0b}
.hero-coordinates{top:122px}.hero-copy{width:56%;transform:translateY(-38%)}.hero-copy h1{font-size:clamp(76px,8.8vw,144px)}.hero-copy h1 em{color:var(--accent)}.hero-copy .eyebrow{font-size:12px;max-width:390px;line-height:1.6}.hero-description{font-size:16px;margin:26px 0}.watch-button{font-size:14px}.watch-button small{font-size:12px}.hero-foot{font-size:12px}.motion-button{font-size:12px}.scene-grid{opacity:.25}.scene-axis{display:none}.film-stage{width:59%;height:66%;top:21%;right:-3%;mask-image:linear-gradient(90deg,transparent,#000 12%)}.panel-main{width:65%;height:44%;left:24%;top:35%;transform:translateZ(70px) rotateY(-5deg)}.panel-one{width:34%;height:27%;left:44%;top:2%;transform:translateZ(-100px) rotateY(-10deg) rotateZ(-3deg)}.panel-two{width:33%;height:28%;left:55%;top:83%;transform:translateZ(-20px) rotateY(10deg) rotateZ(3deg)}.scene-panel>span{font-size:9px;letter-spacing:.8px}.clients{max-width:1500px;margin:auto;padding-top:40px;padding-bottom:40px;border-bottom:1px solid #ffffff16}.clients>p{font-size:12px;max-width:130px}.client-list img{height:28px;opacity:.65}
.section-wrap{max-width:1500px;margin:0 auto;padding-top:74px;padding-bottom:74px}.section-heading{margin-bottom:30px}.section-heading .eyebrow,.about .eyebrow{font-size:12px;color:#8f9499;margin-bottom:15px;letter-spacing:1.2px}h2{font-size:clamp(36px,4vw,60px)}.text-link{font-size:14px;gap:26px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;max-width:1280px;margin:auto}.project-wide{grid-column:auto}.project-offset{padding-top:0}.project-image,.project-wide .project-image{aspect-ratio:2.05;box-shadow:none}.project-image img{filter:saturate(.8)}.project-caption{padding:14px 0 18px;display:flex;align-items:baseline;gap:14px}.project-caption h3{font-size:22px;letter-spacing:-.6px}.project-caption p{font-size:12px;text-transform:none;letter-spacing:0;margin:0;max-width:180px}.project-arrow{height:34px;width:34px;font-size:20px;right:12px;top:12px}.image-tag{font-size:10px;left:16px;bottom:14px}
.reels-section{display:grid;grid-template-columns:1fr 1.7fr;gap:50px;background:transparent;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;overflow:visible;align-items:center}.reels-section:before{display:none}.reels-section .section-heading{display:block;margin:0}.reels-section .text-link{margin-top:24px}.vertical-grid{gap:15px;padding:0;max-width:700px}.vertical-card,.vertical-card:nth-child(even){transform:none;border-radius:3px;box-shadow:none}.vertical-card:hover{transform:translateY(-7px) rotateY(-5deg)}.vertical-card>div{left:12px;bottom:14px}.vertical-card h3{font-size:16px;letter-spacing:-.4px}.vertical-card small{font-size:11px;letter-spacing:0;text-transform:none}.reel-play{font-size:20px;right:12px;top:10px}
.about{grid-template-columns:260px 1fr;gap:70px;max-width:1120px;padding-top:80px;padding-bottom:80px}.about-photo{transform:none}.about-photo:before{display:none}.about-photo img{height:300px;filter:saturate(.35);border-radius:3px}.about-photo span{font-size:11px;text-transform:none;letter-spacing:0;line-height:1.5}.about-copy>p:not(.eyebrow){font-size:16px;max-width:590px;margin-top:20px}.about-copy>.text-link{margin-top:18px}.capabilities{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;scroll-margin-top:100px}.capabilities span{font-size:12px;border:1px solid #ffffff26;padding:7px 10px;border-radius:3px;color:#b8bdc2}
.contact-section{max-width:none;background:#111416;color:var(--ink);border-top:1px solid #ffffff20;padding-top:64px;padding-bottom:42px}.contact-section>.eyebrow{font-size:12px;color:#92999f}.contact-section h2{font-size:clamp(64px,7.4vw,110px);margin:26px 0 32px}.contact-section h2 a{color:var(--accent)}.contact-section h2 a:hover{color:#fff}.contact-section h2 span{margin-left:4vw}.contact-bottom{border-color:#ffffff26;font-size:16px;padding-top:24px}.site-footer{font-size:12px}.scene-panel{box-shadow:0 20px 40px #0007}.hero-coordinates{color:#92999f}
@media(min-width:651px) and (max-width:1000px){.opening{min-height:660px}.film-stage{width:61%;right:-8%;height:58%;top:26%}.hero-copy h1{font-size:9.5vw}.hero-copy .eyebrow{max-width:300px}.project-caption{display:block}.project-caption p{margin-top:6px;max-width:none}.reels-section{grid-template-columns:1fr;gap:28px}.reels-section .section-heading{display:flex}.reels-section .text-link{margin-top:0}.vertical-grid{width:100%;max-width:640px;margin:auto}.about{gap:35px;grid-template-columns:220px 1fr}.about-photo img{height:280px}}
@media(max-width:650px){.navigation{height:82px}.opening{height:auto;min-height:780px;max-height:none}.hero-copy{top:165px;width:88%;transform:none}.hero-copy h1{font-size:17vw}.hero-copy .eyebrow{font-size:11px;line-height:1.5;margin-bottom:20px;max-width:310px}.hero-description{font-size:15px;margin:23px 0}.hero-coordinates{top:110px;font-size:9px}.film-stage{width:91%;right:-7%;top:420px;height:270px;mask-image:linear-gradient(90deg,transparent,#000 10%)}.panel-main{width:65%;height:47%;top:29%;left:23%}.panel-one{width:32%;height:27%;left:47%;top:-1%}.panel-two{width:30%;height:25%;left:48%;top:83%}.hero-foot{bottom:20px;font-size:11px}.motion-button{font-size:11px}.clients{padding:28px var(--gutter)}.clients>p{font-size:11px;margin-bottom:23px}.client-list img{height:25px;width:78px}.section-wrap{padding:46px var(--gutter)}.section-heading{gap:15px;margin-bottom:24px}.section-heading .eyebrow{font-size:11px}.section-heading .text-link{font-size:12px;gap:16px}h2{font-size:36px}.project-grid{gap:25px}.project-image,.project-wide .project-image{aspect-ratio:2.05}.project-caption{padding:12px 0;display:flex}.project-caption h3{font-size:20px}.project-caption p{font-size:11px;max-width:150px}.reels-section{grid-template-columns:1fr;gap:25px;overflow:hidden}.reels-section .section-heading{display:flex;align-items:end}.reels-section .text-link{margin-top:0}.vertical-grid{grid-template-columns:repeat(4,130px);gap:12px;max-width:none;overflow-x:auto;padding:0 0 14px;scroll-snap-type:x mandatory}.vertical-card{scroll-snap-align:start}.vertical-card:nth-child(even),.vertical-card:hover{transform:none}.vertical-card h3{font-size:15px}.about{grid-template-columns:100px 1fr;gap:22px;align-items:start}.about-photo img{height:145px}.about-photo span{font-size:10px;padding-top:10px}.about-copy h2{font-size:32px}.about-copy .eyebrow{font-size:10px}.about-copy>p:not(.eyebrow){font-size:15px;margin-top:15px}.capabilities{gap:6px;margin-top:16px}.capabilities span{font-size:11px;padding:5px 8px}.about .text-link{font-size:12px;gap:12px}.contact-section h2{font-size:17vw}.contact-bottom{font-size:15px}.site-footer{font-size:11px}}
@media(max-width:360px){.about{grid-template-columns:1fr}.about-photo{display:none}.hero-copy .eyebrow{font-size:10px}.project-caption{display:block}.project-caption p{text-align:left;max-width:none;margin-top:5px}}

/* Orange highlights and a compact three-film desktop row. */
.section-heading .eyebrow,.about .eyebrow{color:var(--accent)}
.nav-book:hover{background:var(--accent);border-color:var(--accent);color:#111}
.project-caption{display:block}.project-caption p{max-width:none;margin-top:6px}
@media(min-width:651px) and (max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.project-grid{grid-template-columns:minmax(0,1fr)}}
/* Hero film installation: one moving image, layered in physical depth. */
.cinema-stage{width:47%;height:62%;right:4%;top:24%;mask-image:none;pointer-events:auto;perspective:1600px}
.cinema-camera{transform:translate3d(var(--pan-x,0px),var(--pan-y,0px),var(--dolly,0px)) rotateX(var(--rx,-5deg)) rotateY(var(--ry,-16deg))}
.cinema-screen{position:absolute;inset:12% 0 17%;transform:translateZ(45px);background:#141718;border:1px solid #ffffff45;box-shadow:0 40px 90px #000a;overflow:hidden;border-radius:3px}
.cinema-screen video{width:100%;height:100%;object-fit:cover;display:block}
.cinema-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(#0007,transparent 30%,transparent 55%,#000b);pointer-events:none}
.cinema-reflection{position:absolute;inset:0;background:linear-gradient(125deg,#ffffff22,transparent 35%,transparent 75%,#ffffff08);pointer-events:none;z-index:1}
.cinema-topline{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:2;font-size:9px;letter-spacing:1.4px;color:#ffffffb0}
.cinema-caption{position:absolute;bottom:20px;left:23px;right:20px;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:24px;letter-spacing:-.6px}
.cinema-caption small{display:block;font-size:12px;letter-spacing:.2px;color:#c1c4c5;margin-top:6px}
.cinema-play{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;border:1px solid #ffffff80;background:#ffffff0a;backdrop-filter:blur(8px);font-size:26px;transition:background .2s}
.cinema-play:hover{background:var(--accent);border-color:var(--accent);color:#111}
.cinema-outline{position:absolute;border:1px solid #ffffff21;border-radius:3px;pointer-events:none}
.outline-back{inset:5% -3% 24% 3%;transform:translateZ(-70px)}
.outline-front{inset:18% 4% 11% -4%;transform:translateZ(-25px);border-color:#ff603b65}
.cinema-base{position:absolute;top:89%;left:1%;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#969da3;transform:translateZ(25px)}
.scene-light{background:radial-gradient(ellipse,#5d71872b,transparent 65%);right:-12%;top:5%}.scene-grid{display:none}
.statement-band{margin:0;transform:none;padding:15px 0;background:#ff603b}
.statement-band>div{font-size:14px;letter-spacing:2.3px;animation-duration:46s}
.statement-band span{font-size:20px;padding:0 35px}
@media(min-width:651px) and (max-width:1000px){.cinema-stage{width:45%;right:3%;top:29%;height:52%}.cinema-caption{font-size:20px}.cinema-topline{font-size:7px;left:13px;right:13px}.cinema-base{font-size:7px;letter-spacing:1px}.cinema-caption{left:16px;right:16px}.cinema-play{width:36px;height:36px;font-size:21px}}
@media(max-width:650px){.opening{min-height:835px}.cinema-stage{width:81%;right:7%;top:475px;height:265px;perspective:1200px}.cinema-screen{inset:7% 0 15%}.outline-back{inset:0 -3% 22% 3%}.outline-front{inset:14% 4% 8% -4%}.cinema-topline{font-size:7px;letter-spacing:.8px;top:13px;left:14px;right:14px}.cinema-caption{font-size:20px;left:16px;bottom:16px;right:14px}.cinema-caption small{font-size:11px}.cinema-play{width:35px;height:35px;font-size:21px}.cinema-base{font-size:7px;letter-spacing:.8px;top:91%}.statement-band{padding:12px 0}.statement-band>div{font-size:12px}.statement-band span{padding:0 24px}}
/* Scroll-directed sequence: film → actual set → editing room. */
.scroll-story{height:420svh;position:relative;background:#080a0c}
.story-viewport{position:sticky;top:0;height:100svh;min-height:550px;overflow:hidden;isolation:isolate;background:#080a0c}
.story-world{position:absolute;width:max(100vw,177.778svh);height:max(56.25vw,100svh);left:50%;top:50%;transform:translate(-50%,-50%);perspective:1400px}
.edit-room{position:absolute;inset:0;background-size:100% 100%;background-position:center;opacity:0}
.set-world{position:absolute;inset:0;transform-origin:50% 50%;opacity:0;overflow:hidden;will-change:transform,opacity}
.set-image{height:100%;width:100%;object-fit:cover;object-position:50% 53%;filter:brightness(.7)}
.set-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#07090cc9,transparent 45%,#07090c22),linear-gradient(0deg,#07090c88,transparent 30%)}
.story-film{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform,opacity;background:#050505;overflow:hidden}
.story-film video{display:block;width:100%;height:100%;object-fit:cover}
.film-glass{position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff25;background:linear-gradient(120deg,#fff1,transparent 35%);pointer-events:none}
.story-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07090cf2, #07090c80 45%,#07090c11 80%),linear-gradient(#0005,transparent 25%,transparent 65%,#0008);pointer-events:none}
.story-viewport .hero-copy{top:45%;transform:translateY(-35%);width:65%;z-index:5;will-change:opacity,transform}
.story-caption{position:absolute;z-index:5;top:40%;left:var(--gutter);opacity:0;pointer-events:none;max-width:600px}
.story-caption .eyebrow{color:var(--accent);margin-bottom:20px;font-size:12px}
.story-caption h2{font-size:clamp(42px,4.7vw,74px);text-shadow:0 3px 30px #0009}.story-caption h2 em{color:#ece6dc}.story-caption>p:not(.eyebrow){color:#d0d1d1;margin-top:23px;font-size:16px}.edit-caption{top:23%;max-width:380px}.edit-caption h2{font-size:clamp(35px,3.5vw,56px)}.edit-caption .text-link{margin-top:16px}
.story-controls{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;z-index:12;gap:25px;font-size:12px}.story-chapters{display:flex;gap:30px;color:#ffffff65}.story-chapters .is-active{color:var(--accent)}.story-skip{color:#dadada}.story-progress{position:absolute;height:2px;bottom:0;left:0;right:0;background:#ffffff15;z-index:12}.story-progress span{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.scroll-invitation{position:absolute;bottom:98px;left:var(--gutter);font-size:12px;color:#c8cccf;z-index:6;letter-spacing:.5px}.scroll-invitation span{display:inline-block;margin-left:20px;color:var(--accent);font-size:20px}.story-viewport .motion-button{min-height:44px}
@media(max-width:650px){.scroll-story{height:360svh}.story-viewport{min-height:620px}.story-viewport .hero-copy{top:26%;width:88%;transform:none}.story-viewport .hero-copy h1{font-size:18vw}.story-world{width:max(100vw,177.778svh);height:max(56.25vw,100svh)}.story-controls{bottom:17px;gap:15px;font-size:11px;flex-wrap:wrap}.story-chapters{order:3;width:100%;justify-content:space-between;font-size:10px;gap:10px}.story-controls .motion-button{margin-left:auto}.story-caption{top:27%;right:var(--gutter);max-width:none}.story-caption h2{font-size:40px}.story-caption>p:not(.eyebrow){font-size:14px}.edit-caption{top:17%}.edit-caption h2{font-size:34px}.edit-caption>p:not(.eyebrow){font-size:13px}.scroll-invitation{bottom:120px}.set-image{object-position:50% 55%}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-viewport{position:relative;height:90svh}.story-chapters,.scroll-invitation{display:none}.story-world{perspective:none}}
.edit-room{background-image:url('../images/editing-suite-concept.png');will-change:transform,opacity}
.edit-caption{top:18%;max-width:25%}.edit-caption h2{font-size:clamp(30px,3.2vw,52px)}
@media(max-width:650px){.edit-caption{top:13%;max-width:none}.edit-caption h2{font-size:32px}.edit-caption>p:not(.eyebrow){margin-top:12px}.edit-caption .text-link{margin-top:8px}.story-caption{background:linear-gradient(90deg,#090a0b80,transparent);padding:15px 0}}
/* Shared camera geometry prevents the monitor/footage handoff from drifting. */
.story-world{perspective:none}
.edit-room{opacity:1;transform-origin:50.55% 46.8%;background-size:100% 100%;backface-visibility:hidden}
.monitor-content{position:absolute;left:28%;top:27.4%;width:45.2%;height:38.8%;overflow:hidden;background:#050505;border-radius:1px;isolation:isolate}
.monitor-content .set-world,.monitor-content .story-film{inset:0;opacity:1;transform:none;will-change:opacity}
.monitor-content .set-image{object-position:50% 54%;filter:brightness(.85)}
.monitor-content .set-vignette{background:linear-gradient(90deg,#07090c77,transparent 60%)}
.monitor-content .story-film video{object-fit:cover}
.film-glass{box-shadow:none;background:none}
.story-caption{filter:drop-shadow(0 2px 14px #000)}
@media(max-width:650px){.edit-caption{top:12%;background:none}.story-viewport{min-height:0}.scroll-story{height:360svh}}
/* Keep the final caption clear of the physical monitor. */
.edit-caption{top:5%;left:var(--gutter);right:var(--gutter);max-width:none;background:none;padding:0}
.edit-caption .eyebrow{margin-bottom:10px}.edit-caption h2{font-size:32px;line-height:1.1}.edit-caption h2 br{display:none}.edit-caption h2 em:before{content:' '}.edit-caption>p:not(.eyebrow){display:none}.edit-caption .text-link{position:absolute;right:0;top:15px;margin:0}
@media(max-width:650px){.edit-caption{top:6%}.edit-caption h2{font-size:26px;max-width:260px}.edit-caption .text-link{position:static;margin-top:10px;font-size:12px}}
/* Continuous video-to-studio pullback, without a photo interlude. */
.scroll-story{height:300svh}
.monitor-content .story-film{opacity:1;transform:none}
@media(max-width:650px){.scroll-story{height:280svh}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}}

/* Approved productive edit suite. Screen coordinates follow this image's bezel. */
.edit-room{background-image:url('../images/editing-suite-workspace.webp');transform-origin:49.05% 44.3%}
.monitor-content{left:27.45%;top:28.45%;width:43.2%;height:31.7%}