:root{--ink:#0b101b;--ink-2:#151d2d;--paper:#f0f0ec;--blue:#0668e1;--line:#d1d3d4;--muted:#777d88;--ease:cubic-bezier(.16,1,.3,1);--pad:clamp(20px,4vw,68px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img,video,svg{display:block}
img,video{max-width:100%}
::selection{background:var(--blue);color:white}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.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:10px;left:10px;z-index:200;background:var(--blue);color:#fff;padding:12px 18px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--blue);z-index:101;transform:scaleX(0);transform-origin:left;pointer-events:none}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);color:white;border-bottom:1px solid #ffffff30;transition:background .35s ease,box-shadow .35s ease}
.site-header.is-scrolled{background:#0b101bef;backdrop-filter:blur(18px);box-shadow:0 6px 30px #0002}
.brand{display:inline-flex;align-items:center;gap:13px;width:max-content;font-size:20px;font-weight:900;letter-spacing:-.06em}
.brand-period{color:var(--blue)}
.brand-mark{position:relative;display:inline-block;width:27px;height:27px;transform:rotate(-12deg)}
.brand-mark i{position:absolute;width:9px;height:9px;background:var(--blue);transform:rotate(45deg)}
.brand-mark i:nth-child(1){top:0;left:0}.brand-mark i:nth-child(2){top:0;right:0}.brand-mark i:nth-child(3){bottom:0;left:0}.brand-mark i:nth-child(4){bottom:0;right:0}
.main-nav{display:flex;align-items:center;gap:37px;font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.07em}
.main-nav a,.text-link,.header-cta,.site-footer a{transition:color .25s ease}
.main-nav a:hover,.text-link:hover,.header-cta:hover,.site-footer a:hover{color:#78b7ff}
.header-cta{justify-self:end;display:flex;align-items:center;gap:9px;font:500 11px 'DM Mono',monospace;letter-spacing:.06em}
.cta-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #0668e124;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px #0668e10b}}
.hero{position:relative;min-height:max(800px,100svh);overflow:hidden;padding:140px var(--pad) 36px;background:var(--ink);color:#fff;isolation:isolate}
.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.32;background-image:linear-gradient(#7c92b11d 1px,transparent 1px),linear-gradient(90deg,#7c92b11d 1px,transparent 1px);background-size:clamp(42px,5vw,90px) clamp(42px,5vw,90px);mask-image:linear-gradient(90deg,#000 10%,transparent 94%)}
.hero::after{content:'';position:absolute;z-index:-1;right:-23vw;top:-20vw;width:75vw;height:75vw;border-radius:50%;background:radial-gradient(circle,#0668e129 0,transparent 60%);pointer-events:none}
.hero-topline,.hero-bottomline,.section-kicker,.reel-footer,.feature-meta,.feature-overlay,.services-header,.contact-overline,.contact-bottom,.site-footer{font:500 11px 'DM Mono',monospace;letter-spacing:.065em;text-transform:uppercase}
.hero-topline,.hero-bottomline{display:flex;justify-content:space-between;gap:20px;color:#b7c0cf}
.hero-topline .live-dot{margin-right:9px}
.hero-content{position:relative;z-index:3;width:min(100%,1140px);margin-top:clamp(70px,8vw,150px)}
.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase}
.hero-eyebrow{display:flex;align-items:center;gap:12px;color:#91bfff;margin:0 0 22px}
.key-diamond{display:inline-block;width:9px;height:9px;background:var(--blue);transform:rotate(45deg);flex:none}
.hero h1{font-size:clamp(68px,10.4vw,172px);line-height:.86;letter-spacing:-.095em;text-transform:uppercase;font-weight:900;margin:0;max-width:1220px}
.hero-line{display:block;width:max-content;max-width:100%;opacity:0;transform:translateY(.7em) rotate(2deg);animation:hero-enter 1s var(--ease) forwards}
.hero-line:nth-child(2){animation-delay:.13s}.hero-line:nth-child(3){animation-delay:.26s}
.hero-line-two{font-size:.62em;line-height:1.18;letter-spacing:-.075em}
.hero-line em,.reel-section h2 em,.work-intro h2 em,.archive-intro h2 em,.studio-layout h2 em,.contact-section h2 em{font-style:normal;color:var(--blue)}
.blue-period{color:var(--blue)}
@keyframes hero-enter{to{opacity:1;transform:none}}
.hero-description{max-width:370px;margin:36px 0 28px;font-size:16px;line-height:1.5;color:#ccd3dc}
.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.pill-button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:17px 20px;border-radius:50px;font:500 11px 'DM Mono',monospace;letter-spacing:.04em;transition:transform .5s var(--ease),background .25s,color .25s}
.pill-button:hover{transform:translateY(-5px)}
.pill-button-blue{background:var(--blue);color:white}.pill-button-blue:hover{background:#2182f5}
.pill-button-dark{background:var(--ink);color:white;margin-top:28px}
.text-link{font:500 11px 'DM Mono',monospace;border-bottom:1px solid #748196;padding-bottom:7px;letter-spacing:.04em}
.text-link span{margin-left:12px}
.hero-bottomline{position:relative;z-index:3;align-items:end;margin-top:clamp(70px,10vw,160px)}
.hero-bottomline span:first-child span{display:inline-block;margin-left:8px;animation:bob 1.2s ease-in-out infinite alternate}
@keyframes bob{to{transform:translateY(7px)}}
.graph-widget{position:absolute;z-index:2;right:var(--pad);top:clamp(160px,15vw,245px);width:clamp(300px,33vw,530px);background:#101a2a;border:1px solid #7d91a7;box-shadow:18px 18px 0 #0668e1a8;transform:rotate(5deg);transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.graph-widget:hover,.graph-widget:focus-within{transform:rotate(1deg);box-shadow:9px 9px 0 var(--blue)}
.graph-bar,.graph-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:7px 13px;background:#0a111d;font:500 10px 'DM Mono',monospace;color:#b4c3d6}
.graph-bar{border-bottom:1px solid #57697d}.graph-bar .key-diamond{width:6px;height:6px;margin-right:7px}
.graph-canvas{position:relative;aspect-ratio:4/3;background-image:linear-gradient(#8ea7c81b 1px,transparent 1px),linear-gradient(90deg,#8ea7c81b 1px,transparent 1px);background-size:17.5% 20%}
.graph-canvas svg{width:100%;height:100%;overflow:visible;touch-action:none}
.graph-axis{fill:none;stroke:#8ca4bc;stroke-width:1.5}.graph-grid-lines{fill:none;stroke:#74839945;stroke-width:1}
.graph-curve{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 7px #0668e188)}
.graph-handle-line{fill:none;stroke:#d8e2ef;stroke-width:1.5;stroke-dasharray:4 4}
.graph-key{fill:var(--blue)}.graph-handle{fill:#eef5ff;stroke:var(--blue);stroke-width:3;cursor:grab;touch-action:none}.graph-handle:active{cursor:grabbing}
.graph-label{position:absolute;font:10px 'DM Mono',monospace;color:#c3cedc;pointer-events:none}.graph-label-a{top:10px;left:12px}.graph-label-b{bottom:12px;right:12px}
.graph-footer{border-top:1px solid #57697d}.graph-footer code{font:10px 'DM Mono',monospace;color:#88bcff}.graph-footer button{border:0;background:none;color:#fff;font:10px 'DM Mono',monospace;padding:5px 0}.graph-footer button:hover{color:#88bcff}
.graph-demo{position:relative;height:25px;border-top:1px solid #30455d;background:#0a111d}.graph-demo .demo-track{position:absolute;left:15px;right:15px;top:12px;height:1px;background:#7289a866}.graph-demo #demo-object{position:absolute;z-index:1;top:7px;left:15px;width:11px;height:11px;transform:rotate(45deg);background:var(--blue)}
.ticker{overflow:hidden;background:var(--blue);color:#fff;padding:13px 0;border-block:1px solid #1a5dab}.ticker-track{display:flex;width:max-content;animation:ticker-move 36s linear infinite}.ticker-track>span{white-space:nowrap;font:600 12px 'DM Mono',monospace;letter-spacing:.12em;padding-right:35px}.ticker b{font-size:10px;margin:0 28px}
@keyframes ticker-move{to{transform:translateX(-50%)}}
.reel-section,.work-section,.archive-section,.studio-section,.contact-section{padding:90px var(--pad) 110px;scroll-margin-top:70px}
.reel-section{background:var(--paper)}
.section-kicker{display:flex;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid currentColor;opacity:.7}
.reel-section h2,.work-intro h2,.archive-intro h2,.studio-layout h2,.contact-section h2{font-size:clamp(52px,7.8vw,120px);line-height:.95;letter-spacing:-.085em;font-weight:800;margin:52px 0 46px}
.reel-section h2 em{font-style:normal}
.reel-media{display:block;position:relative;overflow:hidden;aspect-ratio:16/8.3;background:#111;isolation:isolate}
.reel-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease),filter .5s ease}
.reel-media:hover img{transform:scale(1.055);filter:brightness(.75)}
.reel-media::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0007,transparent 30%,transparent 65%,#0009);pointer-events:none}
.reel-scan{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,transparent 48%,#ffffff40 50%,transparent 52%);transform:translateX(-100%);opacity:0;pointer-events:none}.reel-media:hover .reel-scan{opacity:1;animation:scan 1.1s ease forwards}@keyframes scan{to{transform:translateX(100%)}}
.reel-time,.reel-caption{position:absolute;z-index:3;color:#fff;font:500 11px 'DM Mono',monospace;letter-spacing:.1em}.reel-time{top:25px;left:27px;line-height:1.8}.reel-caption{bottom:26px;left:27px;right:27px;display:flex;justify-content:space-between}
.play-disc{position:absolute;z-index:3;left:50%;top:50%;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;transform:translate(-50%,-50%);transition:transform .6s var(--ease),background .3s}.play-disc svg{width:28px;fill:currentColor;margin-left:6px}.reel-media:hover .play-disc{transform:translate(-50%,-50%) scale(1.15);background:#2383f5}
.reel-footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:#67717e}
.work-section{position:relative;background:#e4e7e8;overflow:hidden}
.work-intro{display:flex;align-items:end;justify-content:space-between;gap:30px}.work-intro h2{margin-bottom:75px}.work-intro p{max-width:280px;margin-bottom:83px;font-size:15px;line-height:1.55;color:#4e5867}
.featured-list{position:relative;padding-left:48px}.featured-list::before{content:'';position:absolute;top:0;bottom:0;left:11px;width:1px;background:#aab4bd}
.feature{position:relative;margin-bottom:clamp(90px,12vw,190px);--feature-shift:0px}
.feature:last-child{margin-bottom:0}.feature::before{content:'';position:absolute;z-index:2;top:15px;left:-42px;width:12px;height:12px;background:var(--blue);transform:rotate(45deg);box-shadow:0 0 0 8px #e4e7e8}
.feature-meta{display:flex;justify-content:space-between;gap:15px;padding:0 0 18px;color:#4b5967}.feature-meta .key-diamond{width:7px;height:7px;margin-right:9px}
.feature-media{position:relative;display:block;aspect-ratio:16/8.8;overflow:hidden;background:var(--ink);isolation:isolate}
.js .feature-media::before{content:'';position:absolute;inset:0;z-index:4;background:var(--blue);transform:scaleX(1);transform-origin:right;transition:transform 1.15s var(--ease);pointer-events:none}.js .feature.is-visible .feature-media::before{transform:scaleX(0)}
.feature-media img,.feature-media video{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover;transform:translateY(var(--feature-shift)) scale(1.03);transition:transform .7s ease}
.feature-media video{opacity:0;transition:opacity .5s ease,transform .7s ease}.feature-media.is-playing video{opacity:1}
.feature-media:hover img,.feature-media:hover video{transform:translateY(var(--feature-shift)) scale(1.08)}
.feature-media::after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#0008,transparent 25%,transparent 70%,#0007);pointer-events:none}
.feature-overlay{position:absolute;z-index:2;left:23px;right:23px;top:22px;display:flex;justify-content:space-between;color:#fff;pointer-events:none}
.feature-play{position:absolute;z-index:3;left:50%;top:50%;width:145px;height:145px;border:1px solid #ffffffad;border-radius:50%;display:flex;justify-content:center;align-items:center;gap:16px;background:#0668e1ef;color:white;font:500 12px 'DM Mono',monospace;letter-spacing:.03em;transform:translate(-50%,-50%) scale(.75);opacity:0;transition:transform .6s var(--ease),opacity .4s ease}.feature-media:hover .feature-play,.feature-media:focus-visible .feature-play{transform:translate(-50%,-50%) scale(1);opacity:1}
.feature-copy{display:flex;justify-content:space-between;gap:35px;padding-top:23px;border-top:1px solid #a8b1b9;margin-top:17px;transition:opacity .8s ease .18s,transform .8s var(--ease) .18s}.js .feature-copy{opacity:0;transform:translateY(30px)}.js .feature.is-visible .feature-copy{opacity:1;transform:none}
.feature-copy>div:first-child{display:flex;gap:20px;align-items:start}.feature-index{font:500 13px 'DM Mono',monospace;color:var(--blue);padding-top:10px}.feature h3{font-size:clamp(32px,5.1vw,78px);letter-spacing:-.07em;line-height:1;margin:0;font-weight:800}
.feature-copy-right{width:min(280px,35%)}.feature-copy-right p{margin:3px 0 18px;font-size:14px;line-height:1.5;color:#4e5964}.feature-link{font:500 11px 'DM Mono',monospace;border-bottom:1px solid var(--blue);padding-bottom:7px;color:var(--blue)}.feature-link span{margin-left:10px}
.archive-section{background:var(--ink);color:white}.archive-intro{display:flex;justify-content:space-between;align-items:end;gap:30px}.archive-intro h2{margin-bottom:55px}.archive-intro p{max-width:240px;color:#b1bccd;font-size:14px;line-height:1.5;margin-bottom:60px}
.archive-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 0;border-top:1px solid #60718a;border-bottom:1px solid #60718a;margin-bottom:40px}.filter-buttons{display:flex;flex-wrap:wrap;gap:7px}.filter-buttons button{background:transparent;border:1px solid #56657b;color:#ccd6e4;padding:10px 14px;border-radius:30px;font:500 10px 'DM Mono',monospace;transition:background .2s,color .2s,border-color .2s}.filter-buttons button:hover,.filter-buttons button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.filter-buttons span{opacity:.7}.archive-search{display:flex;align-items:center;min-width:190px;border-bottom:1px solid #75849a}.archive-search input{width:100%;padding:10px 0;color:white;background:transparent;border:0;outline:0;font:10px 'DM Mono',monospace}.archive-search input::placeholder{color:#a8b7c9}.archive-search>span:last-child{font-size:24px;color:#a8b7c9}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 20px}.archive-card{display:block;min-width:0}.archive-card[hidden]{display:none}.archive-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#1d293d}.archive-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.archive-card:hover .archive-image img{transform:scale(1.1);filter:brightness(.72)}.archive-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(26px,4vw,60px);font-weight:900;letter-spacing:-.08em;color:#8aa9d2;background:linear-gradient(135deg,#17253b,#243c61)}.archive-play{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:42px;height:42px;background:var(--blue);border-radius:50%;font-size:22px;transform:scale(.75);opacity:0;transition:transform .4s var(--ease),opacity .3s}.archive-card:hover .archive-play,.archive-card:focus-visible .archive-play{transform:scale(1);opacity:1}.archive-info{display:flex;justify-content:space-between;gap:10px;padding-top:14px}.archive-info>span:first-child{display:flex;flex-direction:column;gap:5px}.archive-info b{font-size:17px;letter-spacing:-.04em}.archive-info small,.archive-num{color:#a9b7c7;font:10px 'DM Mono',monospace;text-transform:uppercase}.archive-empty{padding:35px 0;color:#a9b7c7;font:12px 'DM Mono',monospace}
.archive-new{position:absolute;left:12px;top:12px;padding:7px 9px;background:var(--blue);color:#fff;font:500 10px 'DM Mono',monospace;letter-spacing:.08em}
.studio-section{background:var(--paper)}.studio-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,8vw,150px)}.studio-layout h2{margin:80px 0 30px}.studio-copy{max-width:550px;font-size:clamp(18px,1.7vw,24px);line-height:1.5;letter-spacing:-.03em;color:#404a56}.studio-services{padding-top:80px}.services-header{display:flex;justify-content:space-between;gap:10px;padding-bottom:17px;border-bottom:1px solid #8d959b;color:#5b6470}.studio-services ol{list-style:none;margin:0;padding:0}.studio-services li{display:grid;grid-template-columns:35px 1fr 20px;gap:15px;align-items:center;padding:24px 0;border-bottom:1px solid #bfc5c8;transition:padding .5s var(--ease),color .3s}.studio-services li:hover{padding-left:12px;color:var(--blue)}.studio-services li>span{font:11px 'DM Mono',monospace}.studio-services strong{font-size:clamp(16px,1.6vw,23px);letter-spacing:-.04em}.studio-curve{margin-top:45px;border:1px solid #9ba7b2;padding:15px;background:#e8eaeb}.studio-curve svg{width:100%;height:120px}.studio-curve path{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round}.studio-curve span{font:10px 'DM Mono',monospace;color:#526170}
.contact-section{position:relative;overflow:hidden;background:var(--blue);color:white;min-height:780px}.contact-section::before{content:'';position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#fff7 1px,transparent 1px),linear-gradient(90deg,#fff7 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,#000)}.contact-section>*{position:relative}.contact-overline{display:flex;align-items:center;gap:12px;margin-top:100px}.contact-overline .live-dot{background:white;box-shadow:0 0 0 5px #ffffff40}.contact-section h2{font-size:clamp(62px,10.5vw,170px);margin:35px 0 35px}.contact-section h2 em{color:var(--ink);font-style:normal}.contact-mail{display:inline-flex;align-items:center;gap:50px;border-radius:60px;padding:18px 26px;background:white;color:var(--blue);font:500 12px 'DM Mono',monospace;transition:transform .5s var(--ease),background .25s}.contact-mail:hover{transform:translateX(10px);background:var(--ink);color:white}.contact-bottom{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:clamp(110px,16vw,230px)}.contact-bottom>div{display:flex;gap:26px}.contact-bottom a:hover{text-decoration:underline}
.site-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;background:var(--ink);color:#b5c1d0;padding:26px var(--pad)}
.film-dialog{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:30px;background:#050912eb}.film-dialog[aria-hidden=false]{display:flex}.film-backdrop{position:absolute;inset:0}.film-panel{position:relative;z-index:1;width:min(1100px,100%);max-height:calc(100dvh - 60px);overflow:auto;background:#111a2b;color:white;box-shadow:0 25px 90px #0009}.film-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #425572;color:#b7c8dd;font:11px 'DM Mono',monospace}.film-topbar button,.film-navigation button{background:transparent;border:0;color:white;font:11px 'DM Mono',monospace}.film-topbar button:hover,.film-navigation button:hover{color:#83baff}.film-screen{background:#000;aspect-ratio:16/9}.film-screen video{width:100%;height:100%;object-fit:contain}.film-details{display:flex;justify-content:space-between;gap:30px;padding:22px 25px 30px}.film-details #film-category{color:#85b7f8;text-transform:uppercase;font:11px 'DM Mono',monospace}.film-details h2{font-size:clamp(25px,4vw,54px);letter-spacing:-.06em;margin:8px 0}.film-details p{margin:0;color:#b8c6d5;font-size:14px}.film-navigation{display:flex;gap:22px;align-items:end;white-space:nowrap}
@media(max-width:1100px){.graph-widget{width:38vw;right:3%;top:240px}.hero-content{margin-top:120px}.hero h1{font-size:11.5vw}.feature-media{aspect-ratio:16/9.5}}
@media(max-width:760px){.site-header{height:72px;grid-template-columns:1fr auto}.brand{font-size:18px}.main-nav{display:none}.header-cta-label{display:none}.header-cta{font-size:20px}.header-cta .cta-dot{display:none}.hero{min-height:0;padding-top:105px}.hero-topline span:last-child{display:none}.hero-content{margin-top:70px}.hero h1{font-size:clamp(64px,13.7vw,105px)}.hero-line-two{font-size:.58em}.hero-description{margin-top:30px;max-width:310px}.graph-widget{position:relative;top:auto;bottom:auto;right:auto;width:min(420px,90%);margin:65px auto 0;opacity:1;transform:rotate(3deg);transform-origin:center}.hero-content{z-index:4}.hero-bottomline{margin-top:65px}.reel-section,.work-section,.archive-section,.studio-section,.contact-section{padding:65px var(--pad) 80px}.section-kicker span:last-child{display:none}.reel-section h2,.work-intro h2,.archive-intro h2,.studio-layout h2{font-size:clamp(48px,10vw,78px)}.reel-media{aspect-ratio:4/3}.reel-media img{object-position:center}.work-intro,.archive-intro{display:block}.work-intro h2,.archive-intro h2{margin-bottom:15px}.work-intro p,.archive-intro p{margin:0 0 60px}.featured-list{padding-left:25px}.featured-list::before{left:5px}.feature::before{left:-25px;width:10px;height:10px}.feature-meta{font-size:9px}.feature-media{aspect-ratio:4/3}.feature-copy{display:block}.feature-copy-right{width:auto;padding-left:35px;margin-top:16px}.feature-play{width:95px;height:95px;font-size:10px;opacity:1;transform:translate(-50%,-50%) scale(1)}.archive-controls{align-items:stretch;flex-direction:column}.archive-search{width:100%}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 15px}.studio-layout{grid-template-columns:1fr;gap:30px}.studio-layout h2{margin-top:55px}.studio-services{padding-top:20px}.contact-section{min-height:660px}.contact-section h2{font-size:clamp(60px,12vw,100px)}.contact-overline{margin-top:90px}.contact-bottom{margin-top:150px;display:block}.contact-bottom>div{margin-top:25px}.film-dialog{padding:0}.film-panel{max-height:100dvh;height:100dvh}.film-details{display:block}.film-navigation{margin-top:30px}}
@media(max-width:480px){.header-cta{gap:0}.header-cta-label,.header-cta .cta-dot{display:none}.header-cta span:last-child{font-size:22px}.hero{min-height:0}.hero-topline{font-size:9px}.hero-content{margin-top:70px}.hero h1{font-size:clamp(61px,15.2vw,82px)}.hero-line-two{font-size:.55em}.hero-description{font-size:14px;max-width:250px}.hero-actions{gap:15px}.pill-button{padding:15px 17px;font-size:10px}.text-link{font-size:10px}.graph-widget{width:94%;margin-top:60px}.hero-bottomline{font-size:9px}.reel-section h2{font-size:12vw}.reel-media{aspect-ratio:1/1}.play-disc{width:80px;height:80px}.archive-grid{grid-template-columns:1fr}.archive-image{aspect-ratio:16/9}.contact-bottom>div{flex-wrap:wrap;gap:15px}.site-footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-line{opacity:1;transform:none}.js .feature-media::before{display:none}.js .feature-copy{opacity:1;transform:none}.ticker-track{animation:none}.graph-widget{transform:none}}

/* The showreel now opens the page below the fixed navigation. */
.site-header{background:var(--ink)}
.reel-section{padding-top:calc(92px + 90px)}
@media(max-width:760px){.reel-section{padding-top:calc(72px + 65px)}}