:root{--ink:#171717;--paper:#faf9f6;--blue:#0668e1;--pad:clamp(20px,3vw,48px)}
body{background:#fff;color:var(--ink)}
.site-progress{height:2px;background:#111}
.site-header,.site-header.is-scrolled{height:82px;background:#fff;color:#1b1b1b;border:0;box-shadow:none;backdrop-filter:none;padding:0 var(--pad);grid-template-columns:1fr auto 1fr}
.brand{font-size:18px;letter-spacing:-.065em}.brand-mark{width:35px;height:35px;background:#111;transform:none;border-radius:2px}.brand-mark i{background:white;width:5px;height:5px}.brand-mark i:nth-child(1){top:10px;left:9px}.brand-mark i:nth-child(2){top:10px;right:9px}.brand-mark i:nth-child(3){bottom:10px;left:9px}.brand-mark i:nth-child(4){bottom:10px;right:9px}
.brand-period{color:#111}.main-nav{gap:34px;font:400 15px Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}.main-nav a:hover,.header-cta:hover{color:var(--blue)}.header-cta{font:500 11px 'DM Mono',monospace}.cta-dot{box-shadow:none;animation:none}
.reel-section{padding:82px 0 0;background:#fff;scroll-margin-top:0}
.reel-media{height:calc(100svh - 82px);min-height:560px;aspect-ratio:auto;background:#131313}
.reel-media img,.reel-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel-background{z-index:1}.reel-media img{z-index:0}.reel-media:hover img{transform:none;filter:none}
.reel-media::before{z-index:2;background:linear-gradient(180deg,#0004,transparent 32%,transparent 65%,#0007)}.reel-time,.reel-caption{z-index:4;font:500 12px 'DM Mono',monospace;letter-spacing:.045em}.reel-time{top:28px;left:var(--pad)}.reel-caption{left:var(--pad);right:var(--pad);bottom:28px}.reel-scan{display:none}.play-disc{z-index:4;width:82px;height:82px;background:#fff;color:#111;opacity:0;transform:translate(-50%,-50%) scale(.7)}.reel-media:hover .play-disc,.reel-media:focus-visible .play-disc{opacity:1;transform:translate(-50%,-50%) scale(1);background:#fff}.reel-media:hover .reel-background{filter:brightness(.78)}.reel-background{transition:filter .5s ease}
.reel-intro{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.5fr);gap:20px 7vw;padding:clamp(110px,15vw,240px) var(--pad) clamp(120px,17vw,260px);border-bottom:1px solid #e7e7e7}.reel-intro-label{font:500 10px/1.65 'DM Mono',monospace;letter-spacing:.035em}.reel-intro h1{grid-column:2;font-size:clamp(62px,8.5vw,150px);font-weight:500;letter-spacing:-.075em;line-height:1.02;margin:-.15em 0 40px}.reel-intro h1 em{font-style:normal;color:#777}.reel-intro p{grid-column:2;max-width:650px;font-size:clamp(20px,2vw,30px);line-height:1.32;letter-spacing:-.04em;color:#555;margin:0}.reel-intro>a{grid-column:2;width:max-content;margin-top:32px;padding-bottom:8px;border-bottom:1px solid #111;font:500 12px 'DM Mono',monospace}.reel-intro>a span{margin-left:30px}
.work-section,.archive-section,.studio-section,.contact-section{background:#fff;color:#171717;padding:100px var(--pad) 150px;overflow:visible}
.section-kicker{border-top:1px solid #d8d8d8;padding-top:16px;color:#666;opacity:1;font:500 11px 'DM Mono',monospace;letter-spacing:.025em}
.work-intro,.archive-intro{display:flex;align-items:end;justify-content:space-between;gap:40px}.work-intro h2,.archive-intro h2{font-size:clamp(55px,6.5vw,108px);font-weight:500;letter-spacing:-.075em;line-height:1.02;margin:70px 0 100px}.work-intro h2 em,.archive-intro h2 em,.studio-layout h2 em,.contact-section h2 em{color:inherit;font-style:normal}.work-intro p,.archive-intro p{font-size:17px;line-height:1.45;max-width:340px;color:#777;margin-bottom:107px}
.featured-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(65px,10vw,175px) clamp(18px,3vw,55px);padding:0}.featured-list::before,.feature::before{display:none}.feature,.feature:last-child{margin:0;min-width:0}.feature:nth-child(even){transform:translateY(clamp(60px,10vw,160px))}.feature-meta{display:none}.feature-media{aspect-ratio:4/5;background:#ececec}.feature:nth-child(3n) .feature-media{aspect-ratio:1/1}.feature:nth-child(4n) .feature-media{aspect-ratio:16/11}.feature-media img,.feature-media video{inset:0;width:100%;height:100%;transform:scale(1)}.feature-media:hover img,.feature-media:hover video{transform:scale(1.04)}.feature-media::after,.feature-overlay{display:none}.js .feature-media::before{background:#fff}.feature-play{width:88px;height:88px;gap:4px;background:#fff;color:#111;border:0;font-size:10px}.feature-media:hover .feature-play,.feature-media:focus-visible .feature-play{opacity:1}.feature-copy,.js .feature-copy{opacity:1;transform:none;display:block;border:0;padding:18px 0 0;margin:0}.feature-copy>div:first-child{display:block}.feature-index{display:none}.feature h3{font-size:clamp(22px,2vw,34px);font-weight:500;letter-spacing:-.045em}.feature-copy-right{width:auto;padding:0;margin-top:10px}.feature-copy-right p{font-size:14px;line-height:1.45;color:#888;max-width:460px}.feature-link{display:none}
.archive-section{padding-top:120px}.archive-intro h2{margin-bottom:65px}.archive-intro p{margin-bottom:70px}.archive-controls{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:70px}.filter-buttons button{border:0;background:none;color:#777;border-radius:0;padding:9px 14px 9px 0;font:500 12px Inter,Arial,sans-serif}.filter-buttons button:hover,.filter-buttons button[aria-pressed=true]{background:none;border:0;color:#111;text-decoration:underline;text-underline-offset:5px}.archive-search{border-bottom:1px solid #aaa}.archive-search input{color:#111;font:12px Inter,Arial,sans-serif}.archive-search input::placeholder{color:#888}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(60px,8vw,145px) clamp(18px,3vw,55px)}.archive-card:nth-child(even){transform:translateY(65px)}.archive-image{aspect-ratio:4/5;background:#eee}.archive-card:nth-child(3n) .archive-image{aspect-ratio:1/1}.archive-card:nth-child(5n) .archive-image{aspect-ratio:16/11}.archive-card:hover .archive-image img{transform:scale(1.04);filter:none}.archive-play{background:#fff;color:#111}.archive-info{padding-top:16px}.archive-info b{font-size:clamp(18px,1.7vw,28px);font-weight:500}.archive-info small,.archive-num{color:#888;font:11px Inter,Arial,sans-serif}.archive-new{background:#fff;color:#111}
.studio-section{padding-top:140px;border-top:1px solid #ddd}.studio-layout h2{font-size:clamp(58px,6.8vw,110px);font-weight:500;margin:90px 0 35px}.studio-copy{font-size:clamp(22px,2.1vw,32px);color:#555}.studio-services{padding-top:100px}.studio-curve{background:#fff}.pill-button-dark{border:1px solid #111;background:#111;color:#fff}
.contact-section{min-height:720px;background:#181818;color:#fff}.contact-section::before{display:none}.contact-section h2{font-size:clamp(64px,9vw,140px);font-weight:500;letter-spacing:-.075em}.contact-mail{border-radius:0;color:#111;background:#fff}.contact-mail:hover{background:#ddd;color:#111}.contact-bottom{margin-top:clamp(100px,14vw,190px)}.site-footer{background:#181818;color:#aaa;border-top:1px solid #444}
.film-panel{background:#fff;color:#111}.film-topbar{border-color:#ddd;color:#555}.film-topbar button,.film-navigation button{color:#111}.film-details #film-category{color:#666}.film-details p{color:#666}
@media(max-width:760px){.site-header,.site-header.is-scrolled{height:68px;grid-template-columns:1fr auto}.brand{font-size:16px}.brand-mark{width:30px;height:30px}.main-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;justify-content:space-around;gap:0;background:#fff;border-top:1px solid #ddd;padding:16px 5px;font-size:13px}.header-cta-label{display:block}.header-cta{font-size:10px}.header-cta .cta-dot{display:none}.reel-section{padding:68px 0 0}.reel-media{height:calc(88svh - 68px);min-height:500px;aspect-ratio:auto}.reel-media img,.reel-background{object-position:center}.reel-caption{font-size:10px}.play-disc{opacity:1;width:65px;height:65px;transform:translate(-50%,-50%)}.reel-intro{display:block;padding:90px var(--pad) 110px}.reel-intro h1{font-size:clamp(56px,11vw,95px);margin:55px 0 30px}.reel-intro p{font-size:22px}.reel-intro>a{display:inline-block}.work-section,.archive-section,.studio-section,.contact-section{padding:80px var(--pad) 110px}.work-intro h2,.archive-intro h2{font-size:clamp(55px,10vw,80px);margin:50px 0 28px}.work-intro p,.archive-intro p{margin:0 0 60px}.featured-list,.archive-grid{grid-template-columns:1fr;gap:70px}.feature:nth-child(even),.archive-card:nth-child(even){transform:none}.feature-media,.feature:nth-child(3n) .feature-media,.feature:nth-child(4n) .feature-media,.archive-image,.archive-card:nth-child(3n) .archive-image,.archive-card:nth-child(5n) .archive-image{aspect-ratio:4/3}.feature-play{width:72px;height:72px;opacity:1;transform:translate(-50%,-50%) scale(1)}.archive-controls{margin-bottom:50px}.studio-layout{display:block}.studio-layout h2{margin:60px 0 30px}.studio-services{padding-top:60px}.contact-section{min-height:650px}.contact-section h2{font-size:clamp(62px,11vw,95px)}.site-footer{padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){.reel-background{display:none}.js .feature-media::before{display:none}}

/* Show every film at its complete frame, including vertical and square work. */
.reel-media{background:#080808}
.reel-media img,.reel-background{object-fit:contain;object-position:center}
.feature-media,.archive-image{aspect-ratio:16/9!important;background:#111}
.feature-media img,.feature-media video,.archive-image img{inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important}
.feature-media video{transform:none!important}
.feature-media[data-video$="glow-collagen.mp4"],.archive-card[data-video$="glow-collagen.mp4"] .archive-image,.archive-card[data-video$="sleep-melts.mp4"] .archive-image,.archive-card[data-video$="slow-sci.mp4"] .archive-image{aspect-ratio:9/16!important}
.archive-card[data-video$="book-launch.mp4"] .archive-image{aspect-ratio:1748/2480!important}
.archive-card[data-video$="iifl.mp4"] .archive-image,.archive-card[data-video$="watchlist.mp4"] .archive-image{aspect-ratio:1!important}
.archive-card[data-video$="insight-w.mp4"] .archive-image,.archive-card[data-video$="tv.mp4"] .archive-image{aspect-ratio:2!important}
.archive-card[data-video$="yt-wrap.mp4"] .archive-image{aspect-ratio:9/16!important}
.archive-card[data-video$="prime-7.mp4"] .archive-image{aspect-ratio:9/16!important}
.feature-media:hover img,.feature-media:hover video,.archive-card:hover .archive-image img{transform:none!important;filter:none}

.js .archive-card{opacity:0;translate:0 45px;transition:opacity .8s ease,translate .95s cubic-bezier(.16,1,.3,1)}
.js .archive-card.is-visible{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.js .archive-card{opacity:1;translate:none}}

/* Graph-editor keyframes return as a scroll-driven project timeline. */
.featured-list{position:relative;padding-left:clamp(34px,4vw,62px);--timeline-progress:0%}
.featured-list::before{display:block;content:"";position:absolute;left:10px;top:0;bottom:0;width:1px;background:#c7cbd1}
.featured-list::after{content:"";position:absolute;z-index:1;left:9px;top:0;width:3px;height:var(--timeline-progress);max-height:100%;background:var(--blue);pointer-events:none;transition:height .18s linear}
.feature::before{display:block;content:"";position:absolute;z-index:3;left:calc(-1 * clamp(34px,4vw,62px) + 3px);top:8px;width:16px;height:16px;background:#fff;border:2px solid #9aa5b3;box-shadow:0 0 0 5px #fff;transform:rotate(45deg);transition:background .35s ease,border-color .35s ease,scale .5s cubic-bezier(.16,1,.3,1)}
.feature.is-current::before{background:var(--blue);border-color:var(--blue);scale:1.25}
.feature-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:13px;padding:0;color:#68727d;font:500 10px 'DM Mono',monospace;letter-spacing:.05em}
.feature-meta .key-diamond{display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;background:var(--blue);transform:rotate(45deg)}
.feature.is-current .feature-meta{color:#111}
@media(max-width:760px){.featured-list{padding-left:31px}.featured-list::before{left:7px}.featured-list::after{left:6px}.feature::before{left:-31px;width:15px;height:15px}.feature-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){.featured-list::after,.feature::before{transition:none}}

/* Selected collaborators, scrolling like a strip of timeline frames. */
.brands-strip{overflow:hidden;padding:24px 0 30px;background:#f2f4f7;border-block:1px solid #d9dde3}
.brands-strip-label{display:flex;align-items:center;gap:10px;padding:0 var(--pad) 22px;color:#5f6a78;font:500 10px 'DM Mono',monospace;letter-spacing:.08em}
.brands-strip-label .key-diamond{width:7px;height:7px}
.brands-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black clamp(55px,6vw,120px),black calc(100% - clamp(55px,6vw,120px)),transparent);mask-image:linear-gradient(90deg,transparent,black clamp(55px,6vw,120px),black calc(100% - clamp(55px,6vw,120px)),transparent)}
.brands-track{display:flex;width:max-content;padding:8px 0 10px;animation:brands-scroll 95s linear infinite}
.brands-strip:hover .brands-track{animation-play-state:paused}
.brands-group{display:flex;align-items:center;flex:none;gap:clamp(22px,3.1vw,55px);padding-right:clamp(22px,3.1vw,55px);white-space:nowrap}
.brands-group span{display:block;font-size:clamp(30px,4.8vw,76px);line-height:1.2;font-weight:600;letter-spacing:-.065em;color:#1a2029}
.brands-group i{display:block;flex:none;width:11px;height:11px;background:var(--blue);transform:rotate(45deg)}
@keyframes brands-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.brands-strip{padding:20px 0 23px}.brands-strip-label{padding-bottom:17px}.brands-viewport{-webkit-mask-image:linear-gradient(90deg,transparent,black 35px,black calc(100% - 35px),transparent);mask-image:linear-gradient(90deg,transparent,black 35px,black calc(100% - 35px),transparent)}.brands-group span{font-size:36px}.brands-group i{width:8px;height:8px}}
@media(prefers-reduced-motion:reduce){.brands-viewport{overflow-x:auto}.brands-track{animation:none}.brands-group:nth-child(2){display:none}}

.archive-note{max-width:55ch;margin:12px 0 0;color:#747474;font-size:14px;line-height:1.5;letter-spacing:-.015em}
.film-details>div:first-child{flex:1;min-width:0}
.film-case-study{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px;padding-top:20px;border-top:1px solid #ddd;max-width:740px}
.film-case-study span{display:block;margin-bottom:9px;color:#777;font:500 10px 'DM Mono',monospace;letter-spacing:.08em}
.film-case-study p{margin:0;color:#252525;font-size:14px;line-height:1.5}
@media(max-width:760px){.film-case-study{grid-template-columns:1fr;gap:20px}.archive-note{font-size:13px}}

/* The studio statement cycles through motion studies. */
.reel-intro[data-motion-stage]{cursor:pointer;overflow:hidden}
.reel-intro-side{grid-column:1;grid-row:1 / span 3;align-self:start}
.motion-inspector{width:min(100%,290px);margin-top:clamp(54px,7vw,112px);padding-top:14px;border-top:1px solid #cbd1d9;color:#697481;font:500 10px 'DM Mono',monospace;letter-spacing:.045em;cursor:default}
.motion-inspector-heading,.motion-time,.motion-easing-data{display:flex;justify-content:space-between;gap:12px;align-items:center}
.motion-live-indicator{display:inline-flex;align-items:center;gap:7px;color:#7d8791}
.motion-live-indicator::before{content:"";width:6px;height:6px;border-radius:50%;background:#aab2bb}
.motion-live-indicator.is-playing{color:var(--blue)}
.motion-live-indicator.is-playing::before{background:var(--blue);box-shadow:0 0 0 4px #0668e119}
.motion-timeline{position:relative;height:2px;margin:31px 6px 13px;background:#c9d0d8}
.motion-timeline-fill{display:block;width:0;height:100%;background:var(--blue)}
.motion-keyframe{position:absolute;top:50%;width:9px;height:9px;border:1px solid var(--blue);background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
.motion-keyframe-start{left:0}.motion-keyframe-end{left:100%}
.motion-playhead{position:absolute;left:0;top:-11px;width:1px;height:23px;background:var(--blue)}
.motion-playhead::before{content:"";position:absolute;top:-4px;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.motion-time{color:#87919c;font-size:9px}
.motion-ease-chart{display:block;width:100%;height:132px;margin:24px 0 9px;overflow:visible}
.motion-chart-grid{fill:none;stroke:#e1e5e9;stroke-width:1}.motion-chart-guide{fill:none;stroke:#aab3be;stroke-width:1;stroke-dasharray:3 5}
#motion-ease-path{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round}
#motion-ease-runner{fill:#fff;stroke:var(--blue);stroke-width:2.5}
.motion-easing-data{align-items:flex-start;flex-direction:column;gap:5px;padding-top:10px;border-top:1px solid #dce0e5}
.motion-easing-data span{color:#171717}.motion-easing-data code{font:500 10px 'DM Mono',monospace;color:#697481;letter-spacing:0}
.motion-study-label{display:inline-block;margin-top:34px;color:#7c8793}
.reel-intro .motion-headline{min-height:2.18em;font-size:clamp(58px,7.7vw,138px);line-height:1.04;letter-spacing:-.078em}
.motion-line{display:block}
.motion-word{display:inline-block;white-space:nowrap;transform-origin:50% 100%;backface-visibility:hidden}
.motion-word:last-of-type{margin-right:0}
.motion-accent{color:#777;transition:color .7s ease}
.reel-intro[data-style="bloom"] .motion-accent,.reel-intro[data-style="wipe"] .motion-accent,.reel-intro[data-style="sweep"] .motion-accent{color:var(--blue)}
.reel-intro-controls{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:22px 45px;margin-top:32px}
.reel-intro-controls a,.motion-remix{width:max-content;padding:0 0 8px;border:0;border-bottom:1px solid #111;background:none;color:#111;font:500 12px 'DM Mono',monospace;letter-spacing:.02em;transition:color .25s ease,border-color .25s ease}
.reel-intro-controls a:hover,.motion-remix:hover{color:var(--blue);border-color:var(--blue)}
.reel-intro-controls span{margin-left:26px}
.motion-remix{cursor:pointer}
.reel-intro.is-leaving .motion-word{animation:motion-out .3s ease-in both;animation-delay:calc(var(--word-index) * 12ms)}
.reel-intro.is-entering .motion-word{animation-duration:.9s;animation-timing-function:var(--motion-ease,cubic-bezier(.16,1,.3,1));animation-fill-mode:both;animation-delay:calc(var(--word-index) * 55ms)}
.reel-intro.is-entering[data-style="rise"] .motion-word{animation-name:motion-rise}
.reel-intro.is-entering[data-style="slide"] .motion-word{animation-name:motion-slide}
.reel-intro.is-entering[data-style="bloom"] .motion-word{animation-name:motion-bloom}
.reel-intro.is-entering[data-style="flip"] .motion-word{animation-name:motion-flip}
.reel-intro.is-entering[data-style="wipe"] .motion-word{animation-name:motion-wipe}
.reel-intro.is-entering[data-style="cascade"] .motion-word{animation-name:motion-cascade}
.reel-intro.is-entering[data-style="stretch"] .motion-word{animation-name:motion-stretch}
.reel-intro.is-entering[data-style="sweep"] .motion-word{animation-name:motion-sweep}
@keyframes motion-out{to{opacity:0;transform:translateY(-.22em);filter:blur(5px)}}
@keyframes motion-rise{from{opacity:0;transform:translateY(.8em)}}
@keyframes motion-slide{from{opacity:0;transform:translateX(-.55em)}}
@keyframes motion-bloom{from{opacity:0;transform:scale(.82);filter:blur(15px)}}
@keyframes motion-flip{from{opacity:0;transform:perspective(900px) rotateX(-75deg) translateY(.3em)}}
@keyframes motion-wipe{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(.22em)}to{clip-path:inset(0 0 0 0)}}
@keyframes motion-cascade{from{opacity:0;transform:translateY(-.55em) rotate(-5deg)}}
@keyframes motion-stretch{from{opacity:0;transform:scaleX(.6) translateY(.15em);filter:blur(3px)}}
@keyframes motion-sweep{from{opacity:0;transform:translateX(.65em) skewX(-12deg)}}
@media(max-width:760px){.reel-intro-side{display:flex;align-items:start;justify-content:space-between;gap:22px}.motion-inspector{width:min(50%,230px);margin-top:0}.motion-ease-chart{height:96px;margin:17px 0 4px}.motion-timeline{margin-top:24px}.reel-intro .motion-headline{min-height:3.15em;font-size:clamp(50px,10.5vw,84px);margin:55px 0 25px}.motion-study-label{margin-top:18px}.reel-intro-controls{gap:22px;margin-top:28px}.reel-intro-controls a,.motion-remix{font-size:10px}.reel-intro-controls span{margin-left:12px}}
@media(max-width:480px){.reel-intro-side{display:block}.motion-inspector{width:min(100%,280px);margin-top:36px}}
@media(prefers-reduced-motion:reduce){.reel-intro.is-leaving .motion-word,.reel-intro.is-entering .motion-word{animation:none!important}}

/* The archive reads as a sequence of frames, with a scrub rail above the films. */
.archive-section{padding-top:clamp(100px,11vw,175px)}
.archive-intro h2{margin-bottom:42px}.archive-intro p{max-width:350px;margin-bottom:48px}
.archive-controls{margin-bottom:0}
.archive-sequencer{position:sticky;top:82px;z-index:12;margin:0 0 56px;padding:16px 0 15px;background:#fff;border-bottom:1px solid #d8dee5;box-shadow:0 12px 18px -18px #18232e55;font:500 10px 'DM Mono',monospace;letter-spacing:.055em;color:#627080}
.archive-sequencer-top,.archive-sequencer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}
.archive-sequencer-top span:first-child{color:var(--blue)}.archive-sequencer-top span:last-child{color:#171717}
.archive-sequencer-track{position:relative;display:flex;justify-content:space-between;align-items:center;height:28px;margin:8px 4px 2px}
.archive-sequencer-track::before,.archive-sequencer-progress{content:"";position:absolute;left:0;top:50%;height:1px;width:100%;background:#d6dce4}
.archive-sequencer-progress{z-index:1;width:var(--sequence-progress,0%);background:var(--blue);transition:width .16s linear}
.archive-sequencer-tick{position:relative;z-index:2;display:block;flex:none;width:5px;height:5px;background:#aeb8c4;transform:rotate(45deg);transition:scale .25s ease,background .25s ease}
.archive-sequencer-tick.is-current{background:var(--blue);scale:1.7}
.archive-sequencer-bottom{font-size:9px;color:#87929e}
.archive-grid{gap:clamp(62px,7vw,110px) clamp(22px,3.2vw,58px)}
.archive-card:nth-child(even){transform:none}
.archive-card{position:relative;padding-top:0;border-top:1px solid #d8dee5;transition:border-color .35s ease}
.archive-card.is-current,.archive-card:hover,.archive-card:focus-visible{border-color:var(--blue)}
.archive-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 15px;color:#75818e;font:500 10px 'DM Mono',monospace;letter-spacing:.045em}
.archive-card-frame{display:flex;align-items:center;gap:11px;color:#4a5766}
.archive-card-frame::before{content:"";display:block;width:8px;height:8px;flex:none;background:#aab4c0;transform:rotate(45deg);transition:background .35s ease,scale .35s ease}
.archive-card.is-current .archive-card-frame::before,.archive-card:hover .archive-card-frame::before,.archive-card:focus-visible .archive-card-frame::before{background:var(--blue);scale:1.3}
.archive-card .archive-image{transition:box-shadow .4s ease}
.archive-card:hover .archive-image,.archive-card:focus-visible .archive-image{box-shadow:0 0 0 1px var(--blue)}
.archive-info{padding-top:20px}.archive-info b{font-size:clamp(24px,2.25vw,38px);line-height:1.05;letter-spacing:-.055em}
.archive-info small{margin-top:8px}.archive-num{font:500 11px 'DM Mono',monospace;color:var(--blue)}
.archive-note{margin-top:18px;padding-top:15px;border-top:1px solid #e5e9ed;max-width:62ch;color:#66717d}
@media(max-width:760px){.archive-sequencer{top:68px;margin-bottom:40px;padding:12px 0}.archive-sequencer-track{height:22px}.archive-sequencer-tick{width:4px;height:4px}.archive-sequencer-bottom span:nth-child(2){display:none}.archive-card-head{font-size:9px}.archive-info b{font-size:clamp(23px,6vw,32px)}.archive-note{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.archive-sequencer-progress,.archive-sequencer-tick,.archive-card,.archive-card-frame::before{transition:none}}

/* Show the supplied animated identity in the header. */
.brand-icon{position:relative;display:block;flex:none;width:50px;height:50px;overflow:visible}
.brand-icon .brand-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.brand-lottie{position:absolute;inset:0;opacity:0;transition:opacity .25s ease}
.brand-lottie svg{display:block;width:100%!important;height:100%!important;transform:scale(2.6)!important;transform-origin:50% 50%}
.brand-icon.is-ready .brand-lottie{opacity:1}
.brand-icon.is-ready .brand-mark{opacity:0}
@media(max-width:760px){.brand-icon{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.brand-lottie{transition:none}}

/* Keep the archive compact while preserving every video's full frame. */
@media(min-width:1100px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(18px,2vw,34px);row-gap:clamp(48px,5vw,76px)}}
.archive-card-head{padding:11px 0 12px;font-size:9px}
.archive-info{padding-top:14px}
.archive-info b{font-size:clamp(20px,1.8vw,28px)}
.archive-info small{margin-top:5px}
.archive-note{margin-top:13px;padding-top:11px;font-size:13px;line-height:1.42}
@media(max-width:760px){.archive-grid{row-gap:56px}.archive-info b{font-size:clamp(21px,5.8vw,28px)}}

/* A product chapter between the films and the full archive. */
.products-section{padding:clamp(90px,9vw,145px) var(--pad) clamp(110px,10vw,165px);background:#f2f4f7;color:#171717;scroll-margin-top:82px}
.products-intro{display:flex;align-items:end;justify-content:space-between;gap:32px}
.products-intro h2{font-size:clamp(60px,7vw,116px);font-weight:500;letter-spacing:-.078em;line-height:1.01;margin:72px 0 80px}
.products-intro h2 em{font-style:normal;color:var(--blue)}
.products-intro p{max-width:340px;margin:0 0 85px;color:#64707e;font-size:18px;line-height:1.42;letter-spacing:-.025em}
.product-card{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);min-height:480px;background:#fff;border:1px solid #dce2e8}
.product-card-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(30px,4.1vw,72px)}
.product-eyebrow{display:flex;align-items:center;gap:12px;color:#687584;font:500 11px 'DM Mono',monospace;letter-spacing:.04em}
.product-eyebrow .key-diamond{display:inline-block;width:9px;height:9px;background:var(--blue);transform:rotate(45deg)}
.product-logo{display:block;width:clamp(76px,7.2vw,112px);height:clamp(76px,7.2vw,112px);margin-top:auto;object-fit:contain;border-radius:12px}
.product-card h3{margin:22px 0 10px;font-size:clamp(78px,9vw,160px);font-weight:500;letter-spacing:-.095em;line-height:.92}
.product-card h3 span{color:var(--blue)}
.product-card-copy>p{max-width:36ch;margin:0 0 28px;color:#687584;font-size:17px;line-height:1.45}
.product-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:11px 0;border-bottom:1px solid #171717;color:#171717;font:500 11px 'DM Mono',monospace;letter-spacing:.035em;transition:color .25s ease,border-color .25s ease}
a.product-link:hover,a.product-link:focus-visible{color:var(--blue);border-color:var(--blue)}
.product-visual{display:flex;flex-direction:column;min-width:0;padding:24px 28px 30px;background:#0c1523;color:#9ab3d2}
.product-visual-top,.product-timeline{display:flex;justify-content:space-between;align-items:center;gap:15px;font:500 10px 'DM Mono',monospace;letter-spacing:.05em}
.product-visual-top span:last-child{color:#3f95ff}
.product-screenshot{display:block;width:100%;height:auto;max-height:none;margin:auto 0;border:1px solid #2f4056;object-fit:contain;box-shadow:0 18px 48px #0006}
.product-timeline{padding-top:15px;color:#8297b2}
.product-timeline-rail{position:relative;display:flex;justify-content:space-between;align-items:center;flex:1;height:1px;background:#4d6480}
.product-timeline-rail i{width:7px;height:7px;background:#1983ff;transform:rotate(45deg)}
@media(max-width:760px){.products-section{padding:80px var(--pad) 105px;scroll-margin-top:68px}.products-intro{display:block}.products-intro h2{font-size:clamp(56px,10vw,84px);margin:52px 0 25px}.products-intro p{margin-bottom:50px}.product-card{grid-template-columns:1fr}.product-card-copy{min-height:340px;padding:35px}.product-logo{margin-top:38px}.product-card h3{font-size:clamp(80px,18vw,130px)}.product-visual{min-height:360px}.product-screenshot{margin:24px 0}}
@media(max-width:480px){.product-visual{padding:20px 16px}}

/* Compact mobile composition: keep the reel in its native landscape frame. */
@media (max-width: 760px) {
  .reel-media {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
  .reel-media img, .reel-background {
    object-fit: cover;
    object-position: center;
  }
  .reel-time { top: 14px; font-size: 9px; }
  .reel-caption { bottom: 14px; font-size: 9px; }
  .play-disc { width: 52px; height: 52px; }
  .reel-intro { padding: 48px var(--pad) 56px; }
  .reel-intro .motion-headline {
    min-height: 0;
    font-size: clamp(42px, 10.5vw, 72px);
    margin: 0 0 24px;
  }
  .reel-intro p { font-size: 20px; }
  .reel-intro-controls { margin-top: 24px; }
  .work-section, .archive-section, .studio-section, .contact-section {
    padding-top: 48px;
    padding-bottom: 64px;
  }
  .work-intro h2, .archive-intro h2 { margin-top: 32px; }
  .studio-layout h2 { margin-top: 36px; }
  .studio-services { padding-top: 36px; }
  .contact-section { min-height: 0; }
  .products-section { padding-top: 48px; padding-bottom: 64px; }
  .products-intro h2 { margin-top: 32px; }
  .products-intro p { margin-bottom: 32px; }
  .product-card-copy { min-height: 0; padding: 28px; }
  .product-visual { min-height: 0; }
  .featured-list, .archive-grid { row-gap: 40px; }
}