﻿/* Full-screen film opening */
body{background:#090a09}header{position:absolute;top:0;left:0;right:0;margin:0 4%;height:100px;z-index:5;border-color:#ffffff35}.header-caption{color:#e2e1d4}.wordmark{font-size:46px}.header-nav{display:flex;align-items:center;gap:44px;font:9px var(--mono);letter-spacing:1px}.header-nav span{color:#c6c5b8}.header-nav a{padding:12px 0}.header-nav a:hover{color:var(--orange)}
.reel{height:420vh;border:0;background:#080908}.reel-stage{height:100svh;min-height:580px;max-width:none;padding:0;display:block;overflow:hidden;isolation:isolate}.reel-screen{position:absolute;inset:0;border:0;z-index:-3;margin:0;background:#080908 url('/assets/reel/frame-0001.webp') center/cover no-repeat}.reel-screen canvas{object-fit:cover;filter:saturate(.78) contrast(1.08);transform:scale(1.025)}.reel-stage:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#0009,transparent 32%,#0002 55%,#000d),linear-gradient(90deg,#0005,transparent 65%)}.reel-stage:after{content:'';position:absolute;inset:12px;border:1px solid #ffffff20;pointer-events:none;z-index:4}.cinema-meta{position:absolute;left:4%;right:4%;top:125px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.5px}.cinema-meta>span:first-child{display:flex;gap:10px;align-items:center}.cinema-meta .status-light{display:inline-block}.cinema-meta>span:last-child{color:#d3d0c6}.cinema-title{position:absolute;left:3.5%;right:3.5%;top:24%;transform:translateY(var(--title-shift,0px));opacity:var(--title-opacity,1);will-change:transform,opacity;pointer-events:none}.cinema-title>p{font:11px var(--mono);letter-spacing:5px;margin:0 0 12px 5px}.cinema-title h1{font:800 clamp(70px,16.9vw,300px)/.79 var(--display);letter-spacing:-.025em;margin:0;text-transform:uppercase}.cinema-title h1>span:first-child{color:transparent;-webkit-text-stroke:1.3px #f6f5e9}.cinema-visible{display:flex!important;align-items:center;margin-top:12px}.cinema-star{display:inline-block;color:var(--orange);font:clamp(60px,10vw,160px)/1 sans-serif;margin-left:auto;margin-right:2vw;animation:turn 30s linear infinite}.cinema-caption{position:absolute;left:4%;right:4%;bottom:124px;display:flex;align-items:end;justify-content:space-between;gap:30px;font:9px var(--mono);letter-spacing:1px}.cinema-caption>span{color:var(--orange)}.cinema-caption p{font:12px/1.8 'Manrope',sans-serif;letter-spacing:0;margin:0}.cinema-caption a{padding-bottom:12px;border-bottom:1px solid #eeeee788}.cinema-caption a:hover{color:var(--orange)}.reel-controls{position:absolute;bottom:47px;left:4%;right:4%;gap:18px}.reel-controls button{background:#1117;border-color:#ffffff40}.reel-scrubber>span{font-size:8px}.reel-scrubber input{height:16px}.reel-footnote{position:absolute;bottom:20px;left:4%;right:4%;color:#deded3;font-size:8px}#reel-loading{bottom:105px;right:4%;font-size:7px;background:#0009}.cinema-end{position:absolute;top:28%;left:4%;opacity:var(--end-opacity,0);transform:translateY(var(--end-shift,40px));pointer-events:none}.cinema-end>span{font:10px var(--mono);letter-spacing:4px}.cinema-end strong{display:block;font:800 12vw/.85 var(--display);letter-spacing:-.02em;margin-top:15px}.cinema-end strong:after{content:'↗';color:var(--orange);margin-left:20px}.ticker{margin:0;width:100%;transform:none;padding:25px 0}.ticker>div{font-size:44px;animation-duration:22s}.studio{padding-top:95px;background:#101110}.studio-content{padding:70px 0 90px}.studio-content h2{font-size:clamp(80px,10vw,170px)}.worlds-heading{padding:38px 0}.worlds-heading h3{font-size:36px}.world{position:relative;transition:background .3s,color .3s}.world summary{padding:38px 18px;grid-template-columns:100px 1.6fr 1fr 38px;position:relative}.world-title{font-size:clamp(42px,6.4vw,105px);letter-spacing:-2px}.world-toggle{font-size:44px}.world summary:hover{background:var(--orange)}.world summary:hover .world-title,.world summary:hover .world-title i,.world summary:hover .world-number,.world summary:hover .world-toggle,.world summary:hover .world-promise{color:#101110}.world[open]{background:#171915}.world-body{padding-left:140px;padding-top:10px}.world-number{font-size:9px}.world-promise{font-size:12px}.will-reveal{opacity:0;transform:translateY(36px);transition:opacity .7s,transform .7s}.will-reveal.revealed{opacity:1;transform:none}.reel-manual{height:100svh}.reel-manual .reel-stage{position:relative}
@media(max-width:760px){header{height:86px;margin:0 6%}.wordmark{font-size:36px}.header-nav{font-size:8px}.header-nav>span{display:none}.reel{height:340vh}.reel-stage{min-height:550px}.reel-screen{height:100%;aspect-ratio:auto;width:100%}.reel-screen canvas{object-position:51% center}.cinema-meta{left:6%;right:6%;top:112px;font-size:7px;letter-spacing:1px}.cinema-meta>span:last-child{display:none}.cinema-title{top:32%;left:5%;right:5%}.cinema-title>p{font-size:9px;letter-spacing:3px;margin-bottom:16px}.cinema-title h1{font-size:16.5vw;line-height:.87}.cinema-title h1>span:first-child{-webkit-text-stroke:1px #f6f5e9}.cinema-visible{margin-top:12px}.cinema-star{font-size:12vw}.cinema-caption{bottom:148px;left:6%;right:6%;display:block}.cinema-caption>span{font-size:7px}.cinema-caption p{font-size:11px;margin:10px 0 16px}.cinema-caption a{font-size:8px;display:inline-block}.reel-controls{left:6%;right:6%;bottom:57px;gap:10px}.reel-footnote{left:6%;right:6%;bottom:29px;font-size:7px}.reel-controls button{width:32px;height:36px}.reel-scrubber>span{font-size:7px}.cinema-end{left:6%;top:33%}.cinema-end strong{font-size:18vw}.cinema-end>span{font-size:8px}.cinema-end strong:after{margin-left:6px}.ticker{padding:20px 0}.ticker>div{font-size:32px}.studio-content{padding:40px 0 60px}.studio-content h2{font-size:20vw}.worlds-heading h3{font-size:29px}.world summary{grid-template-columns:1fr 30px;padding:28px 8px;gap:14px}.world-title{font-size:clamp(32px,8.8vw,66px);letter-spacing:-1px}.world-toggle{font-size:32px}.world-promise{font-size:11px}.world-body{padding:0 8px 30px}.reel-manual{height:100svh}.reel-footnote>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none;transition:none}.reel{height:100svh}.cinema-title,.cinema-end{will-change:auto}}
/* One shared typographic system for the entire brand roster. */
.brands{background:#0b0c0b;padding:42px 0 46px;border-bottom:1px solid var(--line);overflow:hidden}.brands-heading{margin:0 4% 34px;display:flex;align-items:end;justify-content:space-between;gap:24px}.brands-heading h2{font:500 14px/1.6 'Manrope',sans-serif;letter-spacing:0;margin:10px 0 0;color:#c2c4ba}.brands-heading .tiny-label{font-size:8px;letter-spacing:1.6px}.brands-actions{display:flex;gap:24px;align-items:center;flex-shrink:0}.brands-actions button{color:var(--muted);background:none;border:0;border-bottom:1px solid #56594c;padding:10px 0;font:8px var(--mono);letter-spacing:.6px;cursor:pointer}.brands-actions button:hover{color:var(--orange);border-color:var(--orange)}.brands-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.brands-track{display:flex;width:max-content;animation:brand-loop 110s linear infinite;will-change:transform}.brands-list{display:flex;align-items:center;flex-shrink:0;list-style:none;margin:0;padding:0}.brands-list li{font:800 clamp(22px,2.5vw,36px)/1.3 'Manrope',sans-serif;letter-spacing:-1px;text-transform:uppercase;white-space:nowrap;color:#d9dbcf;display:flex;align-items:center;gap:48px;padding:18px 24px}.brands-list li:after{content:'+';color:#656c5a;font:18px var(--mono);margin-left:24px}.brands-window:hover .brands-track,.brands-window:focus-within .brands-track,.brands-paused .brands-track{animation-play-state:paused}.brands-expanded .brands-window{mask-image:none;margin:0 4%}.brands-expanded .brands-track{animation:none;transform:none;width:100%;will-change:auto}.brands-expanded .brands-list{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.brands-expanded .brands-copy{display:none}.brands-expanded .brands-list li{font-size:clamp(13px,1.5vw,22px);padding:24px 12px;white-space:normal;letter-spacing:-.5px;border-top:1px solid var(--line);min-height:85px}.brands-expanded .brands-list li:after{display:none}
@keyframes brand-loop{to{transform:translateX(-50%)}}
@media(max-width:760px){.brands{padding:30px 0}.brands-heading{margin:0 6% 20px;display:block}.brands-heading h2{font-size:12px}.brands-actions{gap:24px;margin-top:12px}.brands-list li{font-size:25px;padding:14px 16px;gap:25px}.brands-list li:after{margin-left:12px}.brands-expanded .brands-window{margin:0 6%}.brands-expanded .brands-list{grid-template-columns:repeat(2,minmax(0,1fr))}.brands-expanded .brands-list li{font-size:14px;padding:18px 8px;min-height:72px}}
@media(prefers-reduced-motion:reduce){.brands-window{mask-image:none;margin:0 4%}.brands-track{animation:none;transform:none;width:100%;will-change:auto}.brands-list{flex-wrap:wrap;width:100%;justify-content:center}.brands-copy{display:none}.brands-list li{font-size:18px;padding:15px}.brands-list li:after{display:none}#brands-pause{display:none}}
/* Guided project intake */
.contact{background:#e7e9de;color:#141611;padding:90px 4%;display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:start}.contact-intro{position:sticky;top:45px}.contact .tiny-label{color:#63674f;font-size:9px}.contact h2{font:800 clamp(60px,7.5vw,120px)/.85 var(--display);letter-spacing:-2px;margin:30px 0}.contact h2 em{color:#5f6847;font-style:normal}.contact-intro>p{font-size:14px;line-height:1.8}.contact-intro>a{font:11px var(--mono);display:inline-block;margin-top:18px;border-bottom:1px solid #8a907c;padding-bottom:10px}.contact-steps{padding:0;margin:55px 0 0;list-style:none;display:grid;gap:0}.contact-steps li{display:flex;gap:22px;font:10px var(--mono);padding:17px 0;border-top:1px solid #b8bdab;color:#757c66}.contact-steps li[aria-current]{color:#141611;font-weight:600}.contact-steps li[aria-current]:after{content:'↗';margin-left:auto}.contact-steps li.complete{color:#4c5735}.contact-panel{scroll-margin-top:25px}.contact-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font:8px var(--mono);color:#525b43;letter-spacing:1px;margin-bottom:36px}.contact-progress>div{width:100%;height:2px;background:#bdc3af}.contact-progress i{display:block;width:var(--progress,25%);height:100%;background:#252c1b;transition:width .3s}#brief-form fieldset{border:0;padding:0;margin:0;min-width:0}#brief-form legend{font:700 36px/1.05 var(--display);letter-spacing:-.5px;padding:0;margin-bottom:15px}.field-hint{font-size:12px;line-height:1.8;color:#535c46;margin:0 0 24px}.world-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:27px}.world-choices label{position:relative;cursor:pointer}.world-choices input{position:absolute;width:1px;height:1px;opacity:0}.world-choices label>span{padding:18px 12px;border:1px solid #aeb59e;display:flex;gap:9px;align-items:center;font:8px var(--mono);min-height:70px}.world-choices strong{font:600 17px/1.1 var(--display)}.world-choices b{font-size:15px;margin-left:auto}.world-choices input:checked+span{background:#252c1b;color:#eff2e7;border-color:#252c1b}.world-choices input:focus-visible+span{outline:2px solid #455732;outline-offset:3px}.brief-field{display:block;font:10px/1.6 var(--mono);margin:0 0 23px;color:#2e3624}.brief-field>span{color:#8b3d22}.brief-field input,.brief-field textarea,.brief-field select{font:13px/1.6 'Manrope',sans-serif;display:block;width:100%;background:#f6f7ef;color:#141611;border:1px solid #b8bfaa;border-radius:0;padding:13px 14px;margin-top:8px;resize:vertical;color-scheme:light}.brief-field textarea{min-height:105px}.brief-field input::placeholder,.brief-field textarea::placeholder{color:#787f6c}.brief-field small{font:10px/1.5 'Manrope',sans-serif;display:block;margin-top:7px;color:#636c55}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.brief-navigation{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.brief-navigation button{font:9px var(--mono);letter-spacing:.6px;cursor:pointer;border:0;padding:20px}#brief-next{margin-left:auto;background:#252c1b;color:#f1f3e8;display:flex;justify-content:space-between;gap:30px;min-width:210px}#brief-next:hover{background:#4d5b38}#brief-back{background:transparent;color:#38422b;padding-left:0}#brief-status,.contact-privacy{font-size:11px;line-height:1.8;color:#576249}.contact-privacy{padding:16px;background:#dbe0cf}#brief-summary{display:grid;grid-template-columns:140px 1fr;gap:16px 20px;border-top:1px solid #b8bfaa;padding-top:22px}#brief-summary dt{font:9px/1.8 var(--mono);color:#667057}#brief-summary dd{margin:0;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}#brief-download{font:9px var(--mono);background:none;color:#344327;border:0;border-bottom:1px solid #879775;padding:12px 0;cursor:pointer}[hidden]{display:none!important}
@media(max-width:760px){.contact{padding:55px 6%;grid-template-columns:1fr;gap:35px}.contact-intro{position:static}.contact h2{font-size:20vw;margin:24px 0}.contact-intro>p{font-size:12px}.contact-steps{display:flex;gap:0;margin-top:30px}.contact-steps li{flex:1;display:block;font-size:8px;padding:12px 0;border-top:2px solid #bcc4af}.contact-steps li span{display:block;font-size:8px;margin-top:6px}.contact-steps li[aria-current]{border-color:#252c1b}.contact-steps li[aria-current]:after{display:none}.contact-progress{font-size:7px}#brief-form legend{font-size:30px}.world-choices{gap:8px}.world-choices label>span{padding:14px 8px;gap:7px}.world-choices strong{font-size:15px}.world-choices b{display:none}.brief-grid{grid-template-columns:1fr;gap:0}#brief-summary{grid-template-columns:1fr;gap:4px}#brief-summary dd{margin-bottom:12px}.brief-navigation button{padding:18px 12px;font-size:8px}#brief-next{min-width:180px;gap:12px}.contact-progress>span:last-of-type{letter-spacing:0}}

/* Selected work: one loaded film, four interactive studies. */
.portfolio{padding:90px 4% 70px;background:#101110;border-bottom:1px solid var(--line)}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.portfolio-heading h2{font:800 clamp(50px,6.8vw,110px)/.9 var(--display);letter-spacing:-1px;margin:24px 0 0}.portfolio-heading h2 em{font-style:normal;color:var(--orange)}.portfolio-heading>p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:0}.work-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:35px}.work-card{position:relative;border:1px solid #34372e;background:#151711;color:var(--fg);text-align:left;padding:0 0 17px;cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s}.work-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:saturate(.65);transition:filter .25s}.work-card[aria-pressed=true]{border-color:var(--orange);background:#24251b}.work-card:hover img,.work-card[aria-pressed=true] img{filter:saturate(1)}.work-card strong{display:block;font:600 clamp(14px,1.7vw,25px)/1.2 var(--display);margin:14px 14px 8px;overflow-wrap:anywhere}.work-card>span:not(.work-card-index){font:8px var(--mono);color:var(--muted);padding:0 14px;display:block;line-height:1.7}.work-card-index{position:absolute;top:10px;left:10px;background:#080a08c9;padding:5px 8px;font:8px var(--mono);letter-spacing:1px}.work-viewer{border:1px solid var(--line);background:#080908}.work-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 22px}.work-caption h3{font:600 22px var(--display);margin:0;overflow-wrap:anywhere}.work-caption>span{font:9px var(--mono);color:var(--muted)}#work-video{display:block;width:100%;height:auto;max-height:75svh;aspect-ratio:16/9;background:#000;object-fit:contain}.work-tools{display:flex;align-items:center;gap:20px;padding:20px 22px 10px}.work-tools>button{width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);background:none;color:var(--fg);cursor:pointer}.work-tools>button:disabled{opacity:.3;cursor:default}.work-tools>button:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.work-seek-label{flex:1;font:8px var(--mono);letter-spacing:.5px;min-width:0}.work-seek-label output{float:right;color:var(--orange)}.work-seek-label input{width:100%;height:24px;margin:6px 0 0;accent-color:var(--orange);cursor:ew-resize}.work-speed{font:8px var(--mono);color:var(--muted)}.work-speed select{display:block;background:#151711;color:var(--fg);border:1px solid var(--line);margin-top:7px;padding:7px 10px;font:11px var(--mono)}.work-note{margin:0;padding:8px 22px 22px;font:9px/1.8 var(--mono);color:var(--muted)}
@media(max-width:760px){.portfolio{padding:55px 6% 40px}.portfolio-heading{display:block}.portfolio-heading h2{font-size:13vw}.portfolio-heading>p{font-size:11px;margin-top:20px}.work-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-card strong{font-size:17px;margin:12px 10px 7px}.work-card>span:not(.work-card-index){padding:0 10px;font-size:7px}.work-card-index{font-size:7px;left:6px;top:6px;padding:4px}.work-caption{padding:15px 12px;display:block}.work-caption h3{font-size:23px;margin-bottom:5px}.work-caption>span{font-size:8px}.work-tools{padding:16px 10px 5px;gap:8px;flex-wrap:wrap}.work-tools>button{width:30px;height:36px}.work-seek-label{font-size:7px}.work-seek-label output{float:none;display:block;margin-top:7px}.work-speed{width:100%;display:flex;align-items:center;gap:12px;margin-top:5px}.work-speed select{margin-top:0}.work-note{padding:12px 12px 16px;font-size:8px}.header-nav{gap:15px;font-size:7px}}
