:root{--bg:#090909;--fg:#f1f0ec;--muted:#aaa9a6;--line:#323230;--accent:#4490ff;--gutter:clamp(20px,5vw,90px);--font-ui:"Helvetica Neue",Helvetica,Arial,sans-serif;--type-section:clamp(38px,4.6vw,72px);--type-subsection:clamp(30px,3.1vw,46px);font-family:var(--font-ui);color:var(--fg);background:var(--bg);color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:#fff2;touch-action:manipulation}a:hover,button:hover,summary:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;color:var(--muted)}.nav{height:86px;display:flex;align-items:center;gap:40px;padding:0 var(--gutter);border-bottom:1px solid var(--line)}.wordmark{font-size:28px;font-weight:650;letter-spacing:-.1em;display:flex;gap:4px}.logo-square{width:4px;height:4px;background:var(--fg);margin-top:6px}.nav nav{display:flex;gap:32px;align-self:stretch;align-items:stretch;margin-left:auto}.nav nav a{display:flex;align-items:center;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.nav nav a[aria-current]{color:var(--fg);border-bottom-color:var(--accent)}.nav-workflows{font-size:12px;display:flex;gap:20px;border:1px solid #555;padding:11px 15px}.identity{padding:55px var(--gutter) 48px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.identity h1{font-size:clamp(58px,8.3vw,136px);font-weight:500;letter-spacing:-.065em;line-height:.96}.identity p{font-size:13px;line-height:1.7;color:var(--muted);padding-bottom:4px}.role-panel{margin:0 var(--gutter);scroll-margin-top:30px}.project-heading,.role-heading{border-top:1px solid var(--line);padding-top:26px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:29px}.project-heading h2{font-family:var(--font-ui);font-size:var(--type-section);font-weight:400;letter-spacing:-.045em;line-height:1.14;margin-top:11px}.project-label,.role-meta{font-size:11px;line-height:1.6;color:var(--muted)}.scene-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.project-player{min-width:0}#scene-player{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.player-caption{display:grid;grid-template-columns:1fr 1.65fr 36px;gap:25px;padding:24px 0 0}.player-caption h3{font-size:26px;font-weight:400;letter-spacing:-.025em;margin-top:6px}.scene-description p{font-size:14px;line-height:1.65;max-width:47ch}.small-note{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:12px;font-variant-numeric:tabular-nums}.round-action{width:36px;height:36px;border:1px solid #555;border-radius:50%;font-size:23px}.scene-tabs{border-top:1px solid var(--line)}.scene-tab{position:relative;text-align:left;width:100%;display:grid;grid-template-columns:20px 1fr 30px;gap:10px;padding:18px 0 20px;border-bottom:1px solid var(--line);align-items:center;min-width:0}.scene-num{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.scene-thumb{grid-column:2/4;grid-row:1;aspect-ratio:16/9;overflow:hidden;opacity:.55;transition:opacity .2s}.scene-num{grid-column:1;grid-row:1;align-self:start;padding-top:4px}.scene-tab-copy{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:6px;min-width:0}.scene-tab-copy strong{font-size:14px;font-weight:500;line-height:1.3}.scene-tab-copy>span{font-size:10px;color:var(--muted);line-height:1.5}.scene-duration{grid-column:3;grid-row:2;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.scene-arrow{display:none}.scene-tab.active .scene-thumb,.scene-tab:hover .scene-thumb{opacity:1}.scene-tab.active .scene-num{color:var(--accent)}.scene-tab.active:before{content:'';position:absolute;top:0;left:0;width:35px;height:2px;background:var(--accent)}.production-notes{max-width:calc(100% - 288px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.production-notes summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:19px 0;font-size:12px;min-height:48px;align-items:center}.production-notes summary::-webkit-details-marker{display:none}.production-notes summary>span{font-size:22px;font-weight:300}.production-notes[open] summary>span{transform:rotate(45deg)}.production-body{display:grid;grid-template-columns:1fr 2fr;gap:25px;padding:6px 0 25px}.production-body p{font-size:13px;line-height:1.8;color:#c4c3bf;max-width:65ch}.role-heading h2{font-size:var(--type-section);font-weight:400;letter-spacing:-.05em;line-height:1.14;margin-top:11px}.role-meta{text-align:right}.performer-cover{display:block;width:100%;aspect-ratio:16/9;padding:0;position:relative;overflow:hidden;text-align:left}.performer-cover>img{transition:transform .6s;object-position:center}.performer-cover:hover>img{transform:scale(1.02)}.cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 55%)}.cover-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.cover-caption>span:first-child{font-size:26px;letter-spacing:-.02em}.cover-caption .eyebrow{display:block;margin-top:9px;color:var(--fg)}.cover-cta{display:flex;align-items:center;gap:20px;font-size:12px}.play-circle{display:grid;place-items:center;border:1px solid #fff8;width:58px;height:58px;border-radius:50%;font-size:27px}.solutions{margin:80px var(--gutter) 0;padding-top:32px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.solutions h2{font-family:var(--font-ui);font-size:clamp(32px,3.3vw,52px);font-weight:400;letter-spacing:-.035em;line-height:1.13;margin-top:18px}.solutions-copy{padding-top:3px}.solutions-copy p{font-size:15px;line-height:1.8;color:#bcbcb8;max-width:52ch}.workflow-link{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:21px 0;margin-top:29px;font-size:14px;gap:20px}.workflow-link>span:last-child{font-size:24px}.link-context{display:block;font-size:11px;color:var(--muted);margin-top:8px}footer{margin:70px var(--gutter) 0;border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;gap:20px}.footer-name{font-size:18px;letter-spacing:-.035em}.footer-name>span{margin-left:20px}footer>div{color:var(--muted);font-size:10px;line-height:1.7}dialog{width:min(1200px,94vw);max-height:94dvh;background:#101010;color:var(--fg);border:1px solid #444;padding:24px}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:26px;font-weight:400;margin-top:7px;letter-spacing:-.03em}.dialog-top button{font-size:12px;display:flex;gap:18px;align-items:center;min-height:44px}.dialog-top button span{font-size:28px}#modal-player{width:100%;aspect-ratio:16/9;max-height:70dvh;display:block;background:#000}.dialog-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:var(--muted);font-size:11px}.modal-open{overflow:hidden}#video-error{margin-top:18px;font-size:14px}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:var(--accent);color:#000;z-index:10}.skip:focus{top:15px}.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}
@media(min-width:1800px){body{max-width:2000px;margin:auto}}
@media(max-width:1050px){.scene-layout{grid-template-columns:minmax(0,1fr) 190px;gap:22px}.production-notes{max-width:calc(100% - 212px)}.player-caption{grid-template-columns:1fr 36px;gap:16px}.scene-description{grid-column:1/-1;grid-row:2}.round-action{grid-column:2;grid-row:1}.scene-description p{max-width:65ch}.identity{padding-top:40px}.solutions{gap:35px}}
@media(max-width:700px){.nav{height:76px;gap:18px}.nav nav{gap:20px}.nav nav a{font-size:11px;max-width:122px;line-height:1.4}.nav-workflows{display:none}.wordmark{font-size:26px}.identity{padding-top:34px;padding-bottom:33px;align-items:flex-start;flex-direction:column;gap:18px}.identity h1{font-size:clamp(58px,13vw,90px)}.identity p{font-size:11px;line-height:1.6}.project-heading,.role-heading{padding-top:22px;margin-bottom:22px}.project-heading h2,.role-heading h2{font-size:clamp(35px,7.8vw,52px)}.project-label{display:none}.scene-layout{display:flex;flex-direction:column;gap:22px}.project-player{width:100%}.player-caption{padding-top:18px;gap:14px}.player-caption h3{font-size:25px}.scene-description p{font-size:13px}.scene-tabs{display:flex;width:100%;gap:13px;border-top:0}.scene-tab{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:12px 0 14px;flex:1;border-top:1px solid var(--line)}.scene-tab .scene-num{position:static;font-size:9px;padding:0}.scene-thumb{width:100%;aspect-ratio:16/10}.scene-tab-copy{gap:5px}.scene-tab-copy strong{font-size:12px}.scene-tab-copy>span{display:none}.scene-duration{font-size:9px}.scene-tab.active:before{width:100%;top:-1px}.production-notes{max-width:100%;margin-top:25px}.production-body{grid-template-columns:1fr;gap:12px}.production-body p{font-size:12px}.solutions{margin-top:50px;padding-top:25px;grid-template-columns:1fr;gap:25px}.solutions h2{font-size:37px}.solutions-copy p{font-size:14px}.workflow-link{font-size:13px;margin-top:23px}.performer-cover{aspect-ratio:4/3}.cover-caption{left:20px;right:20px;bottom:20px}.cover-caption>span:first-child{font-size:22px}.cover-caption .eyebrow{font-size:8px}.cover-cta{font-size:0;gap:0}.play-circle{width:45px;height:45px;font-size:23px}.role-meta{font-size:10px}footer{margin-top:50px;flex-direction:column;gap:16px}.dialog-top h2{font-size:21px}.dialog-top button{font-size:10px;gap:10px}dialog{padding:15px}.dialog-bottom>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.performer-credits{margin-top:52px}.credits-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:27px}.credits-heading h3{font-family:var(--font-ui);font-size:var(--type-subsection);font-weight:400;letter-spacing:-.035em;margin-top:12px}.credit-profiles{display:flex;gap:25px;font-size:11px}.credits-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.credits-table thead{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.credits-table th,.credits-table td{border-bottom:1px solid var(--line);padding:17px 0;font-weight:400;line-height:1.5}.credits-table th{width:55%;padding-right:35px}.credits-table tbody th{font-size:15px}.credits-table td{font-size:12px;color:#bdbcb8}.credits-footnote{color:var(--muted);font-size:10px;line-height:1.7;margin-top:20px}@media(max-width:700px){.performer-credits{margin-top:38px}.credits-heading{align-items:flex-start;flex-direction:column;gap:20px}.credit-profiles{font-size:11px}.credits-table th{width:54%;padding-right:18px}.credits-table tbody th{font-size:12px}.credits-table td{font-size:10px}.credits-table thead th{font-size:9px}.credits-table th,.credits-table td{padding-block:15px}}
.vfx-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;margin:30px 0}.vfx-intro h3{font-size:26px;font-weight:400;letter-spacing:-.03em}.vfx-intro p{font-size:14px;line-height:1.8;color:#bdbcb8;max-width:65ch}.vfx-showcase{position:relative;background:#000}.vfx-showcase video{display:block;width:100%;aspect-ratio:16/9;background:#000}.vfx-start{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:20px;background:#0004;font-size:14px;color:var(--fg)}.vfx-start:hover .play-circle{background:var(--accent);color:#000}.vfx-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:35px}.vfx-process>div{border-top:1px solid var(--line);padding-top:20px}.vfx-process h3{font-size:20px;font-weight:400;letter-spacing:-.025em;margin-top:17px}.vfx-process p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px;max-width:35ch}.vfx-reference{display:flex;justify-content:space-between;gap:25px;margin-top:35px;font-size:11px;line-height:1.7;color:var(--muted)}#vfx-error{padding:20px 0;font-size:13px}#vfx-error button{text-decoration:underline;padding:10px}@media(max-width:700px){.nav nav{gap:15px}.nav nav a{font-size:10px}.nav{gap:17px}.vfx-intro{grid-template-columns:1fr;gap:15px;margin:25px 0}.vfx-intro h3{font-size:23px}.vfx-intro p{font-size:13px}.vfx-process{grid-template-columns:1fr;gap:26px;margin-top:28px}.vfx-process h3{margin-top:10px}.vfx-process p{max-width:50ch;margin-top:9px}.vfx-reference{flex-direction:column;gap:12px}.vfx-start{font-size:12px}}
.creative-focus{display:grid;grid-template-columns:1fr 2fr;gap:45px;margin-top:42px;border-top:1px solid var(--line);padding-top:28px}.creative-focus h3{font-size:26px;font-weight:400;letter-spacing:-.03em}.creative-focus p{font-size:14px;line-height:1.8;color:#bdbcb8;max-width:65ch;margin-top:18px}@media(max-width:700px){.creative-focus{grid-template-columns:1fr;gap:15px;margin-top:30px;padding-top:23px}.creative-focus h3{font-size:23px}.creative-focus p{font-size:13px;margin-top:14px}}
.vfx-caption{display:grid;grid-template-columns:1fr 1.5fr;gap:45px;padding:24px 0}.vfx-caption h3{font-size:24px;font-weight:400;letter-spacing:-.03em;margin-top:9px}.vfx-caption>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:60ch}.vfx-selection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:12px 0 42px}.vfx-choice{padding:13px 0 0;border-top:2px solid var(--line);text-align:left;min-width:0}.vfx-choice.active{border-color:var(--accent)}.vfx-choice-image{display:block;aspect-ratio:16/9;overflow:hidden;opacity:.65}.vfx-choice.active .vfx-choice-image,.vfx-choice:hover .vfx-choice-image{opacity:1}.vfx-choice-label{display:flex;justify-content:space-between;gap:14px;margin-top:13px;line-height:1.5}.vfx-choice-label strong{font-size:12px;font-weight:400}.vfx-choice-label>span{font-size:10px;color:var(--muted);flex-shrink:0}@media(max-width:700px){.vfx-caption{grid-template-columns:1fr;gap:14px;padding:23px 0}.vfx-caption h3{font-size:23px}.vfx-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;margin-bottom:30px}.vfx-choice-label{gap:8px}.vfx-choice-label strong{font-size:11px}.vfx-choice-label>span{font-size:9px}}

/* One type system across portfolio routes. */
.project-heading h2,.role-heading h2{font-family:var(--font-ui);font-size:var(--type-section);font-weight:400;letter-spacing:-.05em;line-height:1.14}
.credits-heading h3{font-family:var(--font-ui);font-size:var(--type-subsection)}
.work-status{font-size:12px;line-height:1.7;color:var(--muted);margin:-8px 0 26px}.work-status>span{margin:0 12px;color:#626260}.scene-version{display:block;font-size:12px;line-height:1.7;color:var(--fg);margin-bottom:10px}.action-design-section{margin-top:70px;scroll-margin-top:30px;min-height:135px}.action-design-section .project-heading{padding-top:28px}.action-design-section h2{margin:0}.dialog-bottom{flex-wrap:wrap;line-height:1.7}.dialog-bottom>span:first-child{max-width:85ch}@media(max-width:700px){:root{--type-section:clamp(35px,7.8vw,52px);--type-subsection:30px}.work-status{font-size:10px;margin-top:-6px;margin-bottom:21px}.work-status>span{margin:0 6px}.scene-version{font-size:11px}.action-design-section{margin-top:45px;min-height:110px}}
/* Compact, keyboard-accessible credit list with a stable header. */
.credits-scroll-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:13px;font-size:10px;line-height:1.6;color:var(--muted)}.credits-scroll-meta>span:last-child{white-space:nowrap}.credits-scroll{height:356px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#777773 #181818;border-block:1px solid var(--line);padding-right:12px}.credits-scroll::-webkit-scrollbar{width:7px}.credits-scroll::-webkit-scrollbar-track{background:#181818}.credits-scroll::-webkit-scrollbar-thumb{background:#777773;border-radius:6px}.credits-scroll .credits-table thead th{position:sticky;top:0;z-index:1;background:var(--bg);padding-block:13px}.credits-scroll .credits-table tbody tr:last-child>*{border-bottom:0}.credits-scroll .credits-table a{display:inline-block}.credits-scroll .credits-table a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.credits-scroll{height:356px;padding-right:10px}.credits-scroll-meta{font-size:9px;gap:14px}.credits-scroll-meta>span:first-child{max-width:22ch}}
.action-stills{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,32%);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 10px;scrollbar-width:thin;scrollbar-color:#777773 #181818;padding-bottom:20px}.action-still{display:block;padding:0;min-width:0;text-align:left;scroll-snap-align:start}.action-still-image{display:block;position:relative;aspect-ratio:16/10;background:#111;overflow:hidden}.action-still-image img{object-fit:contain}.still-enlarge{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #fff8;border-radius:50%;background:#0008;font-size:19px}.action-still:hover .still-enlarge{background:var(--accent);color:#000}.action-still-caption{display:flex;gap:15px;align-items:baseline;margin-top:15px;line-height:1.5}.action-still-caption>span{font-size:10px;color:var(--muted)}.action-still-caption strong{font-size:12px;font-weight:400}#still-dialog{width:min(1300px,94vw)}#still-image{width:100%;height:70dvh;object-fit:contain;background:#080808}.still-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;font-size:11px;color:var(--muted)}.still-navigation button{padding:12px 0;min-height:44px}@media(max-width:700px){.action-stills{grid-auto-columns:86%;gap:18px}.action-still-caption strong{font-size:11px}#still-image{height:65dvh}.still-navigation{gap:12px;font-size:10px}}
#action-player{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.action-video-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0}.action-video-caption>div{flex:1}.action-video-caption h3{font-size:26px;letter-spacing:-.03em;font-weight:400;margin-top:7px}.action-video-caption .small-note{margin:0}.action-still.active .action-still-image{outline:2px solid var(--accent);outline-offset:-2px}.action-duration{margin-left:auto;white-space:nowrap}@media(max-width:700px){.action-video-caption{gap:15px;flex-wrap:wrap}.action-video-caption h3{font-size:23px}.action-video-caption .small-note{font-size:10px}.action-video-caption .round-action{width:32px;height:32px}.action-still-caption{gap:9px}}
/* Shared media browser: compact choices left, full composition right. */
.media-browser{--rail-width:248px;--rail-height:clamp(330px,37vw,560px);display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);gap:32px;align-items:start}.media-stage{grid-column:2;grid-row:1;min-width:0}.media-list{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:0;min-width:0;max-height:var(--rail-height);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#686865 #181818;border-top:1px solid var(--line);padding:0 8px 0 0;scroll-snap-type:none}.media-list .media-choice{display:grid;grid-template-columns:16px 58px minmax(0,1fr) 29px;gap:9px;align-items:center;width:100%;min-width:0;padding:17px 7px 17px 0;min-height:79px;position:relative;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;scroll-snap-align:none}.media-list .media-choice:before{content:none}.media-list .media-choice.active:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;height:auto;background:var(--accent)}.clip-number{font-size:9px;line-height:1.5;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.clip-thumb{display:block;width:58px;aspect-ratio:16/10;overflow:hidden;background:#111;opacity:.55}.clip-thumb img{width:100%;height:100%;object-fit:contain}.clip-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.clip-copy strong{font-size:12px;line-height:1.4;font-weight:400;letter-spacing:-.01em}.clip-copy>span{font-size:9px;line-height:1.5;color:var(--muted)}.clip-duration{font-size:9px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.media-choice.active .clip-number{color:var(--accent)}.media-choice.active .clip-thumb,.media-choice:hover .clip-thumb{opacity:1}.media-choice:hover{color:var(--fg);background:#ffffff05}.media-choice:focus-visible{outline-offset:-3px}.media-stage .player-caption{grid-template-columns:minmax(0,1fr) 36px;gap:17px;padding-top:23px}.media-stage .player-caption .round-action{grid-row:1;grid-column:2}.media-stage .scene-description{grid-row:2;grid-column:1/-1}.media-stage .scene-description p{max-width:70ch}.media-stage .production-notes{max-width:none;width:100%;margin-top:24px}.media-stage .production-body{grid-template-columns:1fr;gap:12px}.media-stage .vfx-caption{grid-template-columns:1fr;gap:14px;padding-top:23px}.media-stage .vfx-caption>p{max-width:70ch}.media-stage .action-video-caption{gap:17px;align-items:flex-start}.media-stage .action-video-caption h3,.media-stage .vfx-caption h3,.media-stage .player-caption h3{font-size:26px;line-height:1.2}.media-stage video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.media-stage .vfx-showcase{min-width:0}.media-stage .action-video-caption .small-note{white-space:nowrap;padding-top:5px}.action-design-section,.campaign-section{margin-top:80px;scroll-margin-top:30px}.campaign-context{grid-column:1;grid-row:1;border-top:1px solid var(--line);padding-top:18px}.campaign-context p{font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0 25px;max-width:28ch}.campaign-context a{font-size:11px;line-height:1.7}.vfx-panel .vfx-process{margin-top:42px}
@media(min-width:701px) and (max-width:1000px){.media-browser{--rail-width:214px;gap:24px}.media-list .media-choice{grid-template-columns:14px 44px minmax(0,1fr) 27px;gap:7px;padding-block:14px;min-height:73px}.clip-thumb{width:44px}.clip-copy strong{font-size:11px}.clip-copy>span{font-size:8px}.clip-duration{font-size:8px}.media-stage .action-video-caption{flex-wrap:wrap}.media-stage .action-video-caption>div{flex-basis:calc(100% - 55px)}.media-stage .action-video-caption .small-note{order:3;padding:0}}
@media(max-width:700px){.media-browser{display:flex;flex-direction:column;gap:24px}.media-stage{width:100%;order:0}.media-list{order:1;display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(130px,43%);flex-direction:row;max-height:none;width:100%;overflow-x:auto;overflow-y:hidden;gap:16px;padding:0 0 13px;border-top:0;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.media-list .media-choice{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:0;padding:12px 0 15px;border-top:1px solid var(--line);border-bottom:0;scroll-snap-align:start}.media-list .media-choice.active:before{left:0;right:0;top:0;bottom:auto;width:100%;height:2px}.clip-thumb{width:100%;aspect-ratio:16/10}.clip-number{font-size:9px}.clip-copy strong{font-size:12px}.clip-copy>span{display:none}.clip-duration{font-size:9px}.media-stage .player-caption{padding-top:18px}.media-stage .player-caption h3,.media-stage .action-video-caption h3,.media-stage .vfx-caption h3{font-size:23px}.media-stage .vfx-caption{padding-bottom:0}.media-stage .production-notes{margin-top:20px}.media-stage .action-video-caption{padding-bottom:0;flex-wrap:wrap}.media-stage .action-video-caption>div{flex:1;min-width:0}.media-stage .action-video-caption .small-note{white-space:normal;font-size:10px}.action-design-section,.campaign-section{margin-top:55px}.campaign-context{order:1;width:100%;padding-top:18px}.campaign-context p{max-width:55ch;margin:12px 0 17px}.vfx-panel .vfx-process{margin-top:35px}}
.media-list [data-action] .clip-copy>span,.media-list [data-vfx] .clip-copy>span{display:none}
/* Application portfolio: context, contribution and contact. */
.portfolio-intro{margin:0 var(--gutter) 38px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:50px;align-items:start}.portfolio-intro>p{font-size:16px;line-height:1.7;max-width:64ch;color:#c6c5c1}.intro-contact{justify-self:end;display:flex;flex-direction:column;gap:12px;padding-top:4px}.intro-contact>a{font-size:15px;line-height:1.5}.intro-contact>a span{margin-left:14px}.project-index{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:28px;padding:18px 0;border-block:1px solid var(--line)}.project-index a{font-size:13px;line-height:1.5;min-height:30px;display:flex;align-items:center;gap:10px}.project-index a>span{font-size:10px;color:var(--muted)}.project-contribution{font-size:12px;line-height:1.7;margin:-11px 0 12px;color:#c6c5c1}.project-contribution>span{margin:0 8px;color:var(--muted)}.work-status{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin:0 0 25px}.work-status>span{margin:0}.work-status .status-label{color:var(--fg)}.work-status .finish-note{color:var(--muted)}.section-intro{font-size:14px;line-height:1.8;color:var(--muted);max-width:68ch;margin:-9px 0 26px}.contribution-label{font-size:12px!important;line-height:1.9!important;color:var(--fg)!important;margin:20px 0!important}.contribution-label .eyebrow{display:block;margin-bottom:8px}.campaign-context .contribution-label{margin-top:22px!important;margin-bottom:24px!important}.vfx-intro .contribution-label{font-size:12px!important;line-height:1.8!important}.media-error{font-size:13px;line-height:1.7;padding:14px 0;color:var(--muted)}.media-error button{text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:0 8px}.footer-identity{display:flex;flex-direction:column;gap:14px}.footer-identity .footer-name{color:var(--fg)}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.footer-contact>a{font-size:20px;letter-spacing:-.02em;line-height:1.6;color:var(--fg)}.footer-contact>div{display:flex;gap:24px;margin-top:10px;font-size:12px}.footer-contact a:hover{color:var(--accent)}.project-section,.campaign-section{scroll-margin-top:28px}
@media(max-width:700px){.portfolio-intro{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.portfolio-intro>p{font-size:14px;line-height:1.75}.intro-contact{justify-self:start;gap:8px}.intro-contact>a{font-size:14px}.identity{padding-bottom:25px}.project-index{gap:8px 22px;padding:12px 0;margin-bottom:22px}.project-index a{font-size:12px;min-height:38px}.project-index a>span{display:none}.project-contribution{font-size:11px;margin-top:-9px}.work-status{font-size:11px;gap:4px 12px}.section-intro{font-size:13px;margin-bottom:22px}.footer-contact{align-items:flex-start;margin-top:10px}.footer-contact>a{font-size:22px}.vfx-intro{gap:12px}.vfx-intro .contribution-label{margin:14px 0 6px!important}.campaign-context .contribution-label{margin-top:14px!important}}
#action-direction>.project-section .project-heading{border-top:0;padding-top:0}.project-index{margin-bottom:30px}
.project-workflow .eyebrow{display:block;margin-bottom:8px}.project-workflow>span:not(.eyebrow){display:block;margin-top:9px;color:var(--muted)}.film-workflow{font-size:11px;line-height:1.8;color:var(--fg);margin:-12px 0 28px}.film-workflow>span{color:var(--muted);margin-left:14px}.film-credit{font-size:11px;line-height:1.8;color:var(--muted);margin:-6px 0 8px}.project-index{gap:14px 28px}@media(max-width:700px){.film-workflow{margin-top:-8px;font-size:10px}.film-workflow>span{display:block;margin:2px 0 0}.film-credit{font-size:10px;margin-top:14px}.project-index{gap:4px 22px}.project-heading .project-label{display:block;text-align:right;max-width:100px;font-size:10px}}
.youtube-film{aspect-ratio:16/9;background:#000;position:relative}.youtube-film iframe,.youtube-cover{display:block;width:100%;height:100%;border:0}.youtube-cover{position:relative;padding:0;text-align:left}.youtube-cover>img{object-fit:contain}.youtube-cover>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;background:#0005;font-size:14px}.youtube-cover:hover .play-circle{background:var(--accent);color:#000}.film-source-link{display:inline-block;font-size:11px;line-height:1.8;margin-top:10px}
.campaign-scope{font-size:13px;line-height:1.8;color:var(--muted);max-width:64ch;margin:-6px 0 0}.project-recognition{border-top:1px solid var(--line);padding-top:19px;margin-top:4px}.project-recognition p{font-size:18px;line-height:1.5;letter-spacing:-.02em;margin:8px 0}.project-recognition>span:last-child{font-size:11px;line-height:1.8;color:var(--muted)}@media(max-width:700px){.campaign-scope{font-size:12px;margin-top:16px}.project-recognition{margin-top:20px;padding-top:16px}.project-recognition p{font-size:16px}}
/* Quieter opening: name, one introduction and one contact. */
.identity{padding-bottom:36px}.intro-contact{padding-top:4px}.portfolio-intro{margin-bottom:35px}@media(max-width:700px){.identity{padding-bottom:24px}.portfolio-intro{gap:17px;margin-bottom:28px}}
.credit-production{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:baseline}.credit-year{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}@media(max-width:700px){.credit-production{grid-template-columns:1fr;gap:4px}.credit-year{font-size:10px}}

.credit-status{display:block;margin-top:4px;font-size:10px;font-weight:400;color:var(--muted)}
.credits-group th{font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--muted);padding-top:18px}