@font-face{font-family:Switzer;src:url('/assets/Switzer-Medium.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:'Geist Mono';src:url('/assets/GeistMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--night:#1F1432;--red:#D40000;--olive:#5F6537;--gold:#D4A63A;--linen:#F3ECE0;--ink:var(--linen);--canvas:#000000;--line:rgba(243,236,224,.22);--muted:color-mix(in srgb,var(--linen) 72%,#000);--gutter:32px;--sans:Switzer,Arial,sans-serif;--mono:'Geist Mono',monospace;--ease:cubic-bezier(.2,.7,.2,1);--scene-ease:cubic-bezier(.65,0,.35,1);--header:64px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--canvas);color:var(--ink);font:500 16px/1.45 var(--sans);-webkit-font-smoothing:antialiased}body,button,a,input,select,textarea{cursor:url('/assets/cursor-star.svg') 14 14,auto}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none;padding:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:var(--night)}::-webkit-scrollbar{width:6px;height:4px}::-webkit-scrollbar-thumb{background:var(--olive)}::-webkit-scrollbar-track{background:var(--night)}img,video{display:block;width:100%;height:auto}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.05;letter-spacing:-.04em}fieldset{border:0;margin:0;padding:0;min-width:0}legend{padding:0}.mono,legend,.site-header nav,.menu-toggle,.scene-switch,.hero-bottom,.format-filters button,.view-switch button,.site-footer,.brief-section label,.dialog-bar,.dialog-bottom,.back-work{font:400 11px/1.4 var(--mono);letter-spacing:.025em;text-transform:uppercase}.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:12px;left:12px;z-index:99;padding:12px;background:var(--gold);color:var(--night);transform:translateY(-200%)}.skip-link:focus{transform:none}[hidden]{display:none!important}
.site-header{height:64px;position:absolute;left:0;right:0;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(31,20,50,.45),transparent)}.brand{display:flex;gap:3px;align-items:flex-start;font:500 18px/1 var(--sans);letter-spacing:-.04em}.brand-star svg{width:9px;height:9px;color:var(--gold)}.header-center{display:flex;align-items:center;gap:12px;position:absolute;left:50%;transform:translateX(-50%);font:10px var(--mono);white-space:nowrap;letter-spacing:.025em}.status-dot{height:5px;width:5px;background:var(--red);border-radius:50%;box-shadow:0 0 0 3px rgba(212,0,0,.1)}.site-header nav{display:flex;align-items:center;gap:28px;font-size:11px}.site-header nav a{opacity:.78;transition:opacity .2s,color .2s}.site-header nav a:hover,.site-header nav a[aria-current=page]{opacity:1;color:var(--gold)}.site-header .nav-contact{border:1px solid var(--line);padding:12px 16px;opacity:1}.menu-toggle{display:none}.home{overflow-x:hidden}.screen-hero{height:100svh;min-height:660px;position:relative;overflow:hidden;isolation:isolate;background:var(--night)}.hero-layer{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease);z-index:-3}.hero-layer.active{opacity:1;z-index:-2}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(31,20,50,.43),rgba(31,20,50,.16) 42%,rgba(31,20,50,.66));pointer-events:none}.scene-switch{position:absolute;left:var(--gutter);top:80px;background:rgba(243,236,224,.16);padding:4px;display:flex;gap:2px;border:1px solid rgba(243,236,224,.12);border-radius:10px;backdrop-filter:blur(12px);z-index:4}.scene-switch>span{padding:8px 10px;color:var(--linen);align-self:center;font-size:10px}.scene-switch button{padding:8px 12px;border-radius:7px;min-height:32px;font:10px var(--mono);text-transform:uppercase;transition:background .25s,color .25s}.scene-switch button[aria-pressed=true]{background:var(--linen);color:var(--night)}.hero-copy{position:absolute;left:var(--gutter);right:var(--gutter);top:32%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;transition:top .6s var(--scene-ease),bottom .6s var(--scene-ease)}.hero-copy h1{font-size:clamp(52px,6vw,100px);line-height:.98;white-space:nowrap}.hero-copy p{font-size:10px;padding-bottom:5px}.hero-formats{text-align:right}.filmstrip{position:absolute;left:0;right:0;top:45%;height:280px;z-index:2;overflow:hidden}.filmstrip-track{display:flex;gap:5px;width:max-content;align-items:flex-start;animation:filmstrip-drift 50s linear infinite}.filmstrip:hover .filmstrip-track,.filmstrip:focus-within .filmstrip-track{animation-play-state:paused}.hero-thumb{width:15.25vw;min-width:150px;flex-shrink:0;position:relative;transition:height .6s var(--scene-ease),filter .4s;filter:brightness(.8);height:130px;overflow:hidden}.hero-thumb img{height:100%;object-fit:cover;transition:transform .6s var(--ease)}.hero-thumb:hover img{transform:scale(1.04)}.hero-thumb.selected{height:260px;filter:brightness(1)}.hero-thumb.selected:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold)}@keyframes filmstrip-drift{to{transform:translateX(-50%)}}.view-project{position:absolute;z-index:4;right:var(--gutter);top:66%;padding:11px 22px;border-radius:10px;background:rgba(243,236,224,.18);border:1px solid rgba(243,236,224,.16);font-size:15px;display:flex;gap:16px;align-items:center;backdrop-filter:blur(12px);transition:background .25s}.view-project:hover{background:rgba(243,236,224,.3)}.view-project svg{width:17px;height:17px}.hero-bottom{position:absolute;bottom:20px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4;font-size:10px}.hero-progress{width:255px;display:grid;grid-template-columns:18px 1fr 18px;gap:16px;align-items:center}.hero-progress>div{height:1px;background:var(--line);overflow:hidden}.hero-progress i{display:block;height:1px;background:var(--gold);transform:scaleX(var(--progress,0));transform-origin:left}.hero-playback{display:flex;gap:22px}.hero-playback button{font:inherit;text-transform:uppercase;border-bottom:1px solid transparent;padding:6px 0}.hero-playback button:hover{border-color:var(--gold)}.hero-signoff{text-align:right;color:var(--linen)}.hero-marquee{display:none}.scene-2 .hero-copy{top:auto;bottom:30%;display:block;text-align:center}.scene-2 .hero-copy h1{font-size:clamp(70px,13vw,180px)}.scene-2 .hero-copy p{display:inline-block;margin:24px 12px 0}.scene-2 .filmstrip,.scene-4 .filmstrip{top:auto;bottom:105px;left:var(--gutter);height:65px;width:430px}.scene-2 .filmstrip-track,.scene-4 .filmstrip-track{animation:none;gap:6px}.scene-2 .hero-thumb,.scene-4 .hero-thumb{width:70px;min-width:0;height:48px}.scene-2 .hero-thumb.selected,.scene-4 .hero-thumb.selected{height:60px}.scene-2 .hero-thumb:nth-child(n+6),.scene-4 .hero-thumb:nth-child(n+6){display:none}.scene-2 .view-project{top:auto;bottom:111px}.scene-3 .hero-layer{inset:94px 5vw 85px;border:1px solid var(--line)}.scene-3 .hero-copy{top:auto;bottom:18%;left:9vw;right:12vw;grid-template-columns:1fr}.scene-3 .hero-copy h1{font-size:clamp(64px,10vw,148px)}.scene-3 .hero-copy p{display:inline-block;text-align:left}.scene-3 .hero-formats{display:none}.scene-3 .filmstrip{left:auto;right:var(--gutter);top:30%;width:80px;height:auto;overflow:visible}.scene-3 .filmstrip-track{flex-direction:column;animation:none;gap:8px}.scene-3 .hero-thumb{width:75px;height:55px;min-width:0}.scene-3 .hero-thumb.selected{height:85px}.scene-3 .hero-thumb:nth-child(n+6){display:none}.scene-3 .view-project{top:auto;bottom:18%;right:12vw}.scene-4 .hero-copy{display:none}.scene-4 .hero-marquee{display:flex;position:absolute;bottom:12%;font-size:16vw;letter-spacing:-.04em;line-height:1;white-space:nowrap;animation:filmstrip-drift 25s linear infinite;width:max-content}.scene-4 .filmstrip{bottom:auto;top:52%;width:400px}.scene-4 .view-project{top:53%}
.inner-page{padding:120px var(--gutter) 80px;min-height:100svh}.grid-ground{background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(33.333% - 1px),rgba(243,236,224,.045) calc(33.333% - 1px),rgba(243,236,224,.045) 33.333%)}.work-intro{margin-bottom:82px}.work-intro h1{font-size:clamp(48px,4.5vw,76px);display:flex;gap:18px;align-items:center;margin-bottom:24px}.title-star{display:flex;color:var(--gold)}.title-star svg{width:25px;height:25px}.work-intro p{max-width:420px;font-size:11px;color:var(--muted);line-height:1.7}.work-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:52px}.work-toolbar fieldset{display:flex;gap:8px}.work-toolbar legend{color:var(--muted);margin-bottom:16px}.work-toolbar button{border:1px solid var(--line);padding:12px 18px;min-height:42px;transition:background .2s,color .2s}.work-toolbar button:hover{border-color:var(--gold)}.work-toolbar button[aria-pressed=true]{background:var(--linen);color:var(--night);border-color:var(--linen)}.project-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 5vw}.project-card{min-width:0}.card-meta{display:flex;justify-content:space-between;margin-bottom:16px;font-size:10px;color:var(--muted)}.project-image{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--olive)}.project-image img{height:100%;object-fit:cover;object-position:50% 35%;transition:transform .7s var(--ease),filter .4s}.project-card:hover .project-image img{transform:scale(1.04);filter:brightness(.8)}.card-action{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s}.project-card:hover .card-action,.project-card:focus-visible .card-action{opacity:1;transform:none}.card-caption{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-top:18px}.card-caption h2{font-size:25px;letter-spacing:-.035em}.card-caption p,.card-caption>span{max-width:55%;font-size:10px;text-align:right;color:var(--muted);line-height:1.5}.project-index.list{display:block}.project-index.list .project-card{display:grid;grid-template-columns:180px 120px 1fr;gap:36px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.project-index.list .card-meta{order:2;display:block;font-size:10px;margin:0}.project-index.list .card-meta>span{display:block;margin:8px 0}.project-index.list .project-image{order:1;height:100px;aspect-ratio:auto}.project-index.list .card-caption{order:3;margin:0;align-items:center}.project-index.list h2{font-size:42px}.project-index.list .card-action{display:none}.films-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 32px}.film-launch{width:100%;display:block;position:relative;background:var(--olive);overflow:hidden}.film-launch img{height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 35%;transition:filter .4s,transform .7s var(--ease)}.film-launch:hover img{filter:brightness(.65);transform:scale(1.025)}.play-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:20px;white-space:nowrap;padding:12px 22px;background:rgba(31,20,50,.55);border:1px solid var(--line);border-radius:8px;font-size:15px}.film-note{margin-top:15px;color:var(--muted);font-size:10px}
.project-cta{padding:96px var(--gutter) 36px;border-top:1px solid var(--line);background:var(--olive);color:var(--linen)}.project-cta>p{margin-bottom:24px;font-size:10px}.project-cta>a{font-size:clamp(48px,7.5vw,120px);letter-spacing:-.04em;line-height:1.05;display:flex;gap:24px;align-items:center}.project-cta>a svg{width:6vw;height:6vw}.cta-note{display:flex;justify-content:space-between;margin-top:54px;font:10px var(--mono)}.site-footer{padding:20px var(--gutter);display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.site-footer a:hover{color:var(--gold)}.frame-hero{height:100svh;min-height:640px;position:relative;isolation:isolate;overflow:hidden}.frame-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:-3}.frame-shade{position:absolute;inset:0;background:rgba(31,20,50,.58);z-index:-2}.frame-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,20,50,.1) 40%,var(--night));z-index:-1}.frame-copy{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:30px;padding:100px 30px}.frame-copy h1{font-size:clamp(80px,12vw,180px);letter-spacing:-.04em;max-width:1000px;line-height:.95}.frame-copy>p{font-size:11px;line-height:1.5;max-width:400px}.social-short{border:1px solid var(--line);border-radius:50%;height:38px;width:38px;display:flex;gap:4px;align-items:center;justify-content:center;font-size:9px}.social-short svg{width:10px;height:10px}.frame-time{position:absolute;top:82px;right:40px;font-size:9px;display:flex;gap:10px;align-items:center}.frame-time i{width:4px;height:4px;background:var(--red);border-radius:50%}.frame-corner{position:absolute;width:15px;height:15px;opacity:.65;border-color:var(--linen)}.corner-a{top:80px;left:24px;border-top:1px solid;border-left:1px solid;border-radius:3px 0 0 0}.corner-b{top:80px;right:24px;border-top:1px solid;border-right:1px solid;border-radius:0 3px 0 0}.corner-c{bottom:44px;left:24px;border-bottom:1px solid;border-left:1px solid;border-radius:0 0 0 3px}.corner-d{bottom:44px;right:24px;border-bottom:1px solid;border-right:1px solid;border-radius:0 0 3px 0}.frame-ruler{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:space-between;gap:18px;overflow:hidden;font:7px var(--mono);color:rgba(243,236,224,.5);white-space:nowrap}.frame-ruler span{padding-top:12px;border-left:1px solid var(--line);min-width:22px;flex-shrink:0}.content-section{padding:96px var(--gutter);display:grid;grid-template-columns:1fr 2fr;gap:8vw;border-top:1px solid var(--line)}.content-section>h2,.brief-section h2{font-size:clamp(42px,5vw,76px)}.large-copy{font-size:clamp(27px,3.3vw,50px);line-height:1.2;letter-spacing:-.03em;text-wrap:pretty}.large-copy+.mono{margin-top:36px;color:var(--muted);font-size:11px;line-height:1.8;max-width:560px}.practice-item{border-top:1px solid var(--line)}.practice-item:last-child{border-bottom:1px solid var(--line)}.practice-item summary{padding:28px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:clamp(28px,3vw,44px);letter-spacing:-.03em}.practice-item summary::-webkit-details-marker{display:none}.detail-plus{font-size:30px;color:var(--gold);font-weight:400;transition:transform .3s}.practice-item[open] .detail-plus{transform:rotate(45deg)}.practice-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:10px 0 35px}.practice-content p{font-size:20px;line-height:1.45;max-width:25ch}.practice-content img{height:280px;object-fit:cover;object-position:50% 30%}.about-film-band{height:75svh;min-height:450px;position:relative;overflow:hidden}.about-film-band video{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.about-film-band>p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(60px,10vw,150px);line-height:1;letter-spacing:-.04em}.brief-section{grid-template-columns:1fr 1.5fr;gap:10vw}.brief-section>div>p{margin-top:24px;line-height:1.8;color:var(--muted)}.email-link{display:block;font-size:17px;margin:42px 0 20px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px}.instagram-link{display:inline-flex;align-items:center;gap:15px}.brief-section label{display:block;color:var(--muted);font-size:10px;margin-bottom:26px}.brief-section input,.brief-section select,.brief-section textarea{display:block;width:100%;min-height:46px;margin-top:10px;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--linen);font:500 17px/1.4 var(--sans);letter-spacing:0;outline-offset:3px;resize:vertical}.brief-section select option{background:var(--night);color:var(--linen)}.brief-section input::placeholder,.brief-section textarea::placeholder{color:color-mix(in srgb,var(--linen) 65%,#000)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-submit{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:36px}.form-submit>p{font-size:9px;line-height:1.6;color:var(--muted)}.form-submit>button{padding:15px 22px;display:flex;gap:20px;align-items:center;background:var(--red);color:var(--linen);font-size:16px;white-space:nowrap}.contact-close{padding:100px var(--gutter);background:var(--linen);color:var(--night)}.contact-close>a{display:flex;align-items:center;justify-content:space-between;font-size:clamp(74px,14vw,200px);letter-spacing:-.04em;margin-top:25px;line-height:1}.contact-close svg{width:10vw;height:10vw}
.project-cover{height:90svh;min-height:600px;position:relative;isolation:isolate}.project-cover>img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;position:absolute;z-index:-2}.project-cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(31,20,50,.3),rgba(31,20,50,.15) 40%,rgba(31,20,50,.76))}.back-work{position:absolute;left:var(--gutter);top:95px}.project-cover-title{position:absolute;bottom:55px;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;justify-content:space-between;gap:30px}.project-cover-title h1{font-size:clamp(70px,10vw,155px)}.project-cover-title>span{font-size:10px;padding-bottom:10px}.project-film{padding:0 var(--gutter) 70px}.project-film video{max-height:90svh;aspect-ratio:16/9;object-fit:contain;background:#000000}.project-film>span{display:block;margin-top:16px;color:var(--muted);font-size:10px}.project-gallery{padding:0 var(--gutter) 80px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-gallery button{display:block;overflow:hidden;background:rgba(243,236,224,.03)}.project-gallery img{height:70vw;max-height:840px;object-fit:cover;object-position:center;transition:transform .7s var(--ease)}.project-gallery button:nth-child(3n){grid-column:1/-1}.project-gallery button:nth-child(3n) img{height:75svh;max-height:900px;object-fit:contain}.project-gallery button:hover img{transform:scale(1.015)}.next-project{display:block;border-top:1px solid var(--line);padding:60px var(--gutter);background:var(--red);color:var(--linen)}.next-project>span:last-child{display:flex;align-items:center;justify-content:space-between;font-size:clamp(48px,8vw,120px);letter-spacing:-.04em;margin-top:25px}.next-project svg{width:6vw;height:6vw}.media-dialog{max-width:none;max-height:none;width:100vw;height:100svh;padding:0;margin:0;border:0;background:var(--night);color:var(--linen)}.media-dialog::backdrop{background:rgba(31,20,50,.95)}.media-dialog[open]{display:flex;flex-direction:column}.dialog-bar{height:70px;padding:0 var(--gutter);display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line)}.dialog-bar h2{font:inherit;letter-spacing:inherit;margin-right:auto;max-width:60%;line-height:1.5}.dialog-close{font:inherit;padding:12px 0 12px 20px}.dialog-stage{flex:1;min-height:0;display:grid;place-items:center;padding:20px}.dialog-stage img,.dialog-stage video{width:100%;height:100%;min-height:0;max-height:calc(100svh - 160px);object-fit:contain}.dialog-stage video{background:#000000}.dialog-bottom{height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);font-size:10px}.dialog-prev,.dialog-next{padding:12px;font-size:22px}.route-curtain{position:fixed;inset:0;z-index:60;background:var(--night);display:grid;place-items:center;transform:translateY(100%);pointer-events:none}.route-curtain svg{width:44px;height:44px;color:var(--gold)}.route-curtain.active{pointer-events:auto}.reveal{opacity:1}.js-motion .reveal{will-change:transform}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .25s both}::view-transition-new(root){animation:page-in .4s var(--ease) both}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-copy{top:34%}.hero-thumb{height:170px}.hero-thumb.selected{height:310px}.filmstrip{height:330px}.scene-2 .filmstrip,.scene-4 .filmstrip{height:65px}.scene-3 .filmstrip{height:auto}}
@media(max-width:1199px){.header-center>span:last-child{display:none}.header-center{left:42%}.site-header nav{gap:20px}.hero-copy{grid-template-columns:1.1fr .8fr 1fr}.hero-copy h1{font-size:60px}.project-index{gap:45px 26px}.card-caption{display:block}.card-caption p{max-width:100%;text-align:left;margin-top:9px}.hero-signoff{max-width:210px}.hero-bottom{font-size:9px}}
@media(max-width:810px){:root{--gutter:20px;--header:64px}.site-header{height:64px}.brand{font-size:20px}.header-center{left:50%;font-size:9px}.menu-toggle{display:flex;align-items:center;gap:18px;margin-left:auto;z-index:32;min-height:44px}.menu-toggle span{font-size:22px;color:var(--gold)}.site-header nav{display:none;position:fixed;inset:64px 0 0;background:var(--night);padding:55px 25px;flex-direction:column;align-items:flex-start;gap:28px;font:500 54px/1.1 var(--sans);letter-spacing:-.04em;z-index:31}.site-header nav.open{display:flex}.site-header nav a{opacity:1}.site-header .nav-contact{border:0;padding:0}.screen-hero{min-height:700px}.scene-switch{top:82px;left:20px;right:auto;max-width:calc(100vw - 40px);gap:0;padding:3px}.scene-switch>span{font-size:8px;padding:7px}.scene-switch button{font-size:8px;padding:8px 10px;min-height:32px}.hero-copy{top:31%;left:20px;right:20px;display:block}.hero-copy h1{font-size:clamp(45px,10vw,72px);white-space:normal;letter-spacing:-.04em}.hero-copy p{font-size:9px;padding:0;margin-top:13px;display:inline-block}.hero-category{margin-right:20px}.hero-formats{text-align:left}.filmstrip{top:47%;height:250px}.hero-thumb{width:35vw;min-width:125px;height:95px}.hero-thumb.selected{height:205px}.view-project{right:20px;top:auto;bottom:105px;padding:10px 16px;font-size:13px;gap:15px}.hero-bottom{bottom:20px;left:20px;right:20px;flex-wrap:wrap;gap:16px;font-size:9px}.hero-progress{width:130px;gap:10px}.hero-playback{gap:15px}.hero-signoff{width:100%;max-width:none;text-align:left;font-size:8px}.scene-2 .hero-copy{bottom:40%;top:auto}.scene-2 .hero-copy h1{font-size:17vw}.scene-2 .hero-copy p{margin:15px 8px 0;font-size:8px}.scene-2 .filmstrip,.scene-4 .filmstrip{left:20px;bottom:190px;width:calc(100vw - 40px);height:65px}.scene-2 .hero-thumb,.scene-4 .hero-thumb{width:calc((100vw - 64px)/5);height:44px;min-width:0}.scene-2 .hero-thumb.selected,.scene-4 .hero-thumb.selected{height:60px}.scene-2 .view-project{bottom:105px}.scene-3 .hero-layer{inset:140px 20px 150px}.scene-3 .hero-copy{bottom:28%;left:36px;right:36px}.scene-3 .hero-copy h1{font-size:13vw}.scene-3 .filmstrip{right:20px;top:26%;width:50px;bottom:auto}.scene-3 .hero-thumb{width:50px;height:40px}.scene-3 .hero-thumb.selected{height:60px}.scene-3 .view-project{bottom:105px;right:20px}.scene-4 .filmstrip{top:35%;bottom:auto}.scene-4 .hero-marquee{font-size:25vw;bottom:31%}.scene-4 .view-project{top:auto;bottom:105px}.hero-background{object-position:center 35%}.inner-page{padding-top:115px;padding-bottom:65px}.work-intro{margin-bottom:60px}.work-intro h1{font-size:52px;margin-bottom:22px}.work-intro p{font-size:10px;line-height:1.7}.work-toolbar{gap:20px;margin-bottom:36px;flex-wrap:wrap}.work-toolbar legend{font-size:9px;margin-bottom:12px}.work-toolbar button{font-size:9px;padding:10px 14px;min-height:40px}.work-toolbar fieldset{gap:5px}.view-switch{margin-left:auto}.project-index{grid-template-columns:1fr 1fr;gap:40px 18px}.project-image{aspect-ratio:3/4}.card-meta{font-size:8px;margin-bottom:12px;gap:5px}.card-caption h2{font-size:24px}.card-caption p{font-size:8px}.card-action{display:none}.project-index.list .project-card{grid-template-columns:86px 1fr;gap:18px;padding:18px 0}.project-index.list .project-image{height:100px;grid-row:1/3}.project-index.list .card-meta{order:3;grid-column:2}.project-index.list .card-meta>span{display:inline-block;margin:0 12px 0 0}.project-index.list .card-caption{order:2;grid-column:2;display:block}.project-index.list h2{font-size:30px}.project-index.list .card-caption p{margin-top:7px}.films-grid{grid-template-columns:1fr;gap:45px}.film-note{font-size:9px}.film-launch img{aspect-ratio:4/3}.project-cta{padding:65px 20px 26px}.project-cta>p{font-size:8px;margin-bottom:25px}.project-cta>a{font-size:clamp(38px,8.5vw,68px);gap:15px}.project-cta>a svg{width:35px;height:35px}.cta-note{font-size:8px;gap:20px;margin-top:40px}.site-footer{padding:22px 20px;font-size:8px;gap:20px;flex-wrap:wrap}.footer-time{display:none}.frame-hero{min-height:650px}.frame-copy{gap:28px;padding:100px 25px}.frame-copy h1{font-size:19vw}.frame-copy>p{font-size:9px;line-height:1.6}.frame-time{top:90px;right:35px;font-size:8px}.content-section{display:block;padding:65px 20px}.content-section>h2{font-size:44px;margin-bottom:40px}.large-copy{font-size:30px;line-height:1.2}.large-copy+.mono{font-size:10px;margin-top:28px}.practice-item summary{font-size:30px;padding:24px 0}.practice-content{gap:20px}.practice-content p{font-size:17px}.practice-content img{height:220px}.about-film-band{height:70svh;min-height:430px}.about-film-band>p{font-size:16vw}.brief-section>div{margin-bottom:55px}.brief-section h2{font-size:46px}.email-link{font-size:17px;margin-top:30px}.brief-section label{font-size:9px;margin-bottom:24px}.brief-section input,.brief-section select,.brief-section textarea{font-size:16px}.form-pair{gap:18px}.form-submit{align-items:start;flex-direction:column}.form-submit button{width:100%;justify-content:space-between}.contact-close{padding:75px 20px}.contact-close>a{font-size:17vw}.project-cover{height:80svh;min-height:530px}.project-cover-title{display:block;bottom:40px}.project-cover-title h1{font-size:15vw;margin-bottom:20px}.project-cover-title>span{font-size:9px}.project-film{padding:0 20px 50px}.project-film video{aspect-ratio:4/3}.project-film>span{font-size:8px}.project-gallery{padding:0 20px 50px;gap:15px}.project-gallery img{height:65vw}.project-gallery button:nth-child(3n) img{height:65svh}.next-project{padding:45px 20px}.next-project>span:last-child{font-size:11vw;gap:20px}.next-project svg{width:30px;height:30px}.dialog-bar{height:65px;padding:0 20px;gap:15px;font-size:9px}.dialog-stage{padding:10px}.dialog-stage img,.dialog-stage video{max-height:calc(100svh - 140px)}.dialog-bottom{height:65px;padding:0 20px;font-size:8px}.grid-ground{background-size:150% 100%}}
@media(max-width:390px){.scene-switch button{padding:8px}.hero-copy h1{font-size:43px}.hero-formats{max-width:200px}.work-toolbar button{padding:10px 11px}.card-caption h2{font-size:22px}.header-center{display:none}.hero-playback{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.filmstrip-track{animation:none!important}.hero-marquee{animation:none!important}.reveal{will-change:auto}.route-curtain{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
.site-header{position:fixed;transition:background .25s}.site-header.scrolled{background:rgba(31,20,50,.94);backdrop-filter:blur(12px)}body.menu-open,body.viewer-open{overflow:hidden}
.site-header{background:rgba(31,20,50,.64)}.hero-shade{background:linear-gradient(180deg,rgba(31,20,50,.62),rgba(31,20,50,.60) 42%,rgba(31,20,50,.78))}.project-gallery .landscape-frame{grid-column:1/-1}.project-gallery .landscape-frame img{height:auto;max-height:85svh;object-fit:contain}.project-gallery button:nth-child(3n).landscape-frame img{height:auto;max-height:85svh}
.scene-4 .hero-copy{display:block;top:0;bottom:auto;left:0;right:auto;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.brief-section input,.brief-section textarea{caret-color:var(--gold)}.brief-section input:user-invalid,.brief-section textarea:user-invalid{border-bottom-color:var(--red)}.view-switch legend{text-align:right;width:100%}
/* Black is the ground; the five named colours are punctuation. */
:root{--black:#000;--canvas:var(--black)}.site-header,.site-header.scrolled{background:rgba(0,0,0,.78)}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.48) 42%,rgba(0,0,0,.7))}.frame-shade{background:rgba(0,0,0,.6)}.frame-hero:after{background:linear-gradient(180deg,transparent 40%,#000)}.screen-hero,.media-dialog,.site-header nav.open,.route-curtain{background-color:#000}.project-cta,.contact-close,.next-project{background:#000;color:var(--linen)}.project-cta{border-top-color:var(--olive)}.project-cta>a:hover,.contact-close>a:hover{color:var(--gold)}.next-project{border-top-color:var(--red)}.next-project svg{color:var(--red)}.project-cta>p{display:none}.brief-section select option{background:#000}.work-toolbar button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:var(--linen)}.hero-layer{background:#000}.project-cover-shade{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.15) 40%,rgba(0,0,0,.78))}.project-image,.film-launch{background:#000000}.media-dialog::backdrop{background:rgba(0,0,0,.96)}
.work-explorer{margin:0 0 25px}.explorer-stage{min-height:560px;height:72svh;position:relative;overflow:hidden;background:var(--night);touch-action:pan-y}.explorer-image{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:opacity .3s}.explorer-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.05) 75%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 70%);pointer-events:none}.explorer-hint{position:absolute;top:28px;left:28px;font-size:10px;color:var(--gold)}.explorer-info{position:absolute;left:32px;bottom:35px;max-width:560px;pointer-events:none}.explorer-info h2{font-size:clamp(52px,6vw,94px);margin-top:18px}.explorer-category{font-size:10px}.explorer-description{font-size:19px;line-height:1.4;margin:22px 0;max-width:34ch}.explorer-open,.explorer-film{pointer-events:auto;display:inline-flex;align-items:center;gap:22px;padding:12px 18px;border:1px solid var(--line);font-size:14px;background:rgba(0,0,0,.5)}.explorer-open{background:var(--red);border-color:var(--red)}.explorer-film{margin-left:8px}.explorer-controls,.scrub-controls{display:flex;align-items:center;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.explorer-controls>button,.scrub-controls>button{font-size:24px;min-width:44px;min-height:44px}.explorer-count{min-width:65px}.explorer-range,.scrub-range,.notebook-slider{accent-color:var(--gold);height:2px;flex:1;min-width:0;cursor:ew-resize;width:100%}.explorer-range{margin-left:15px}.frame-scrubber{padding:15px var(--gutter) 70px}.scrub-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}.scrub-heading h2{font-size:42px}.scrub-heading>span{font-size:10px;max-width:220px;text-align:right}.scrub-stage{height:76svh;min-height:450px;position:relative;background:#000000;touch-action:pan-y}.scrub-stage img{width:100%;height:100%;object-fit:contain}.scrub-expand{position:absolute;bottom:20px;right:20px;background:rgba(0,0,0,.75);border:1px solid var(--line);padding:12px 18px;font-size:13px}.scrub-count{font-size:10px;min-width:60px}.contact-sheet{margin:0 var(--gutter) 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-sheet>summary{padding:25px 0;display:flex;justify-content:space-between;list-style:none;font-size:26px}.contact-sheet>summary::-webkit-details-marker{display:none}.contact-sheet>summary span{font-size:10px;color:var(--gold)}.contact-sheet .project-gallery{padding:10px 0 35px}.visual-notebook{grid-template-columns:1fr 1.5fr;gap:7vw}.visual-notebook h2{font-size:clamp(40px,4vw,64px);margin-bottom:30px}.visual-notebook .mono{font-size:10px;line-height:1.7;color:var(--muted)}.notebook-tabs{display:flex;flex-direction:column;align-items:start;margin-top:32px;gap:12px}.notebook-tabs button{font-size:22px;border-bottom:1px solid transparent;padding:8px 0;color:var(--muted)}.notebook-tabs button[aria-selected=true]{color:var(--linen);border-bottom-color:var(--gold)}.notebook-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000000}.notebook-media video,.notebook-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.notebook-still{clip-path:inset(0 50% 0 0)}.notebook-label{position:absolute;top:18px;left:18px;padding:5px 8px;background:rgba(0,0,0,.75);color:var(--linen)!important}.notebook-label.right{right:18px;left:auto}.notebook-divider{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--gold);pointer-events:none}.notebook-slider-label{display:block;padding:20px 0 8px}.notebook-slider{display:block;margin:18px 0}.notebook-caption{font-size:18px;line-height:1.5;margin-top:10px;max-width:42ch}.brief-progress{display:flex;justify-content:space-between;margin-bottom:36px;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:9px;color:var(--gold)}.brief-navigation{display:flex;gap:20px;justify-content:space-between;margin-top:32px}.brief-navigation>button{padding:13px 22px;border:1px solid var(--line);font-size:15px}.brief-navigation .brief-next{margin-left:auto;background:var(--red);border-color:var(--red)}.brief-step{min-height:280px}.form-submit{align-items:start}.brief-step .form-submit{margin-top:28px}
@media(max-width:810px){.work-explorer{margin:0}.explorer-stage{height:72svh;min-height:560px}.explorer-info{left:20px;right:20px;bottom:24px;max-width:none}.explorer-info h2{font-size:48px}.explorer-description{font-size:17px;max-width:30ch}.explorer-hint{top:20px;left:20px;font-size:9px}.explorer-open,.explorer-film{font-size:12px;padding:11px 13px;gap:12px}.explorer-controls{gap:13px}.explorer-count{font-size:9px;min-width:52px}.explorer-range{margin-left:0}.frame-scrubber{padding:10px 20px 50px}.scrub-heading{display:block}.scrub-heading h2{font-size:34px;margin-bottom:16px}.scrub-heading>span{text-align:left;font-size:9px}.scrub-stage{height:65svh;min-height:400px}.scrub-controls{gap:13px}.scrub-expand{right:12px;bottom:12px;font-size:11px}.contact-sheet{margin:0 20px 50px}.contact-sheet>summary{font-size:21px;gap:20px}.contact-sheet>summary span{font-size:8px}.notebook-tabs{flex-direction:row;flex-wrap:wrap;gap:15px;margin:25px 0 32px}.notebook-tabs button{font-size:15px;padding:8px 0}.visual-notebook h2{font-size:42px}.notebook-caption{font-size:17px}.notebook-media{aspect-ratio:4/5}.brief-progress{font-size:8px;gap:18px}.brief-step{min-height:300px}}
/* Visible editorial construction grid, shared across the black inner pages. */
body{position:relative}body:not(.home)::before{content:"";position:absolute;inset:64px 0 0;z-index:8;pointer-events:none;background-image:linear-gradient(to bottom,rgba(243,236,224,.13) 50%,transparent 50%),linear-gradient(to bottom,rgba(243,236,224,.13) 50%,transparent 50%),linear-gradient(to bottom,rgba(243,236,224,.13) 50%,transparent 50%),linear-gradient(to bottom,rgba(243,236,224,.13) 50%,transparent 50%);background-position:0 0,33.333% 0,66.666% 0,100% 0;background-size:1px 8px;background-repeat:repeat-y}.grid-ground{background-image:none}.content-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top-style:dashed}.content-section>h2{grid-column:1}.content-section>div{grid-column:2/4}.content-section.visual-notebook>div:first-child,.content-section.brief-section>div:first-child{grid-column:1}.content-section.brief-section>form{grid-column:2/4}.project-cta,.site-footer,.next-project,.contact-sheet,.practice-item,.practice-item:last-child{border-color:var(--line);border-style:dashed;border-width:1px 0 0}.practice-item:last-child,.contact-sheet{border-bottom-width:1px}.project-cta{min-height:70svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 32px 65px}.project-cta>a{justify-content:center;font-size:clamp(58px,8.5vw,140px)}.cta-note{justify-content:center;gap:32px;font-size:10px;line-height:1.6}.story-ledger{background:#000}.ledger-heading{padding:65px var(--gutter);border-top:1px dashed var(--line);min-height:255px}.ledger-heading h2{font-size:clamp(48px,4.8vw,76px);margin-bottom:26px}.ledger-heading p{font-size:11px;line-height:1.7;color:var(--muted)}.story-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:112px;padding:25px var(--gutter);gap:32px;border-top:1px dashed var(--line);transition:background .25s}.story-row:last-child{border-bottom:1px dashed var(--line)}.story-row h3{font-size:clamp(28px,2.8vw,44px);letter-spacing:-.03em}.story-row>.mono{font-size:11px;line-height:1.6}.story-row-end{display:flex;justify-content:space-between;align-items:center;gap:20px}.story-row-end .mono{font-size:11px;line-height:1.6}.story-row svg{width:22px;height:22px;color:var(--linen);transition:transform .25s,color .25s}.story-row:hover{background:rgba(31,20,50,.4)}.story-row:hover svg{transform:translate(3px,-3px);color:var(--gold)}.brief-step{scroll-margin-top:100px}
@media(max-width:810px){body:not(.home)::before{background-position:0 0,50% 0,50% 0,100% 0;opacity:.75}.content-section{display:block}.project-cta{padding:75px 20px;min-height:60svh}.project-cta>a{font-size:clamp(40px,9vw,70px)}.cta-note{font-size:8px;gap:16px;flex-wrap:wrap}.ledger-heading{padding:50px 20px;min-height:230px}.ledger-heading h2{font-size:42px}.story-row{grid-template-columns:1fr 1fr;gap:15px;min-height:115px;padding:22px 20px}.story-row h3{font-size:27px}.story-row>.mono{font-size:8px;line-height:1.6}.story-row-end{grid-column:1/-1;justify-content:space-between}.story-row-end .mono{font-size:8px}.story-row-end svg{width:16px;height:16px}}
html{scroll-behavior:auto}