@font-face{font-family:Studio Sans;src:url('assets/fonts/dm-sans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Studio Serif;src:url('assets/fonts/playfair-italic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap}
:root{--bg:#11120f;--paper:#e7e5db;--ink:#f0eee6;--muted:#aeafa3;--line:#34372e;--accent:#d5b184;--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 'Studio Sans',Arial,sans-serif;overflow-x:clip}body.player-open{overflow:hidden}::selection{color:var(--bg);background:var(--accent)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}img{max-width:100%}h1,h2,h3,p,figure{margin:0}a,button{touch-action:manipulation}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.5;color:var(--muted)}em{font-family:'Studio Serif',Georgia,serif;font-weight:500;font-style:italic;color:var(--accent)}.signal{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;vertical-align:middle;margin-right:10px}.scroll-progress{height:2px;position:fixed;inset:0 0 auto;background:var(--accent);z-index:40;transform:scaleX(var(--progress,0));transform-origin:left;pointer-events:none}.skip{position:fixed;left:15px;top:-80px;padding:12px;background:var(--paper);color:var(--bg);z-index:60}.skip:focus{top:15px}
/* Navigation remains legible over both film and page. */
.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 56px;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid #ffffff26}.brand{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:600;line-height:1;letter-spacing:-.5px}.brand svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.6}.brand small{display:block;font-size:8px;letter-spacing:4px;margin-top:7px}.header nav{display:flex;align-items:center;gap:35px;font-size:12px}.header nav>a{position:relative;padding-block:9px}.header nav>a>span{font-size:8px;color:#c9c9bf;margin-left:5px;vertical-align:super}.header nav>a:after{content:'';position:absolute;bottom:1px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.header nav>a:hover:after{transform:scaleX(1)}.header .nav-contact{margin-left:10px}#motion-toggle{display:flex;align-items:center;gap:7px;background:#0002;border:1px solid #ffffff40;border-radius:25px;padding:8px 12px;font-size:10px;min-height:36px}.motion-icon{font-size:12px}.motion-text{color:#dfdfd4}
/* Full-bleed, progressively enhanced cinematic opening. */
.hero{position:relative;isolation:isolate;min-height:720px;height:88svh;max-height:1100px;overflow:hidden;background:#1a1b13}.hero-visual,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:62% center;transform:scale(1.025)}#cinema-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s;pointer-events:none}.webgl-ready #cinema-canvas{opacity:1}.hero-shade{z-index:-1;background:linear-gradient(90deg,#080c0bea 0%,#0b110db0 28%,#10150e2b 65%,#151b0e05),linear-gradient(0deg,#0e120ee6,transparent 42%,#0c100a52)}.hero-content{position:absolute;left:7.2%;right:7.2%;bottom:95px}.hero-eyebrow{color:#d7d7c9;margin-bottom:25px;font-size:10px}h1{font-size:clamp(76px,10vw,156px);letter-spacing:-.07em;line-height:.94;font-weight:400;max-width:1000px;text-shadow:0 3px 40px #0001}h1>span,h1>em{display:block}h1>em{font-size:1.06em;letter-spacing:-.06em;line-height:1.03;color:#dfbb8b}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:30px;gap:35px}.hero-intro{font-size:16px;line-height:1.6}.hero-intro span{font-size:12px;color:#d0d1c0}.watch-feature{display:flex;align-items:center;gap:18px;padding:10px 0;background:none;border:0;text-align:left}.play-disc{width:68px;height:68px;display:grid;place-items:center;border:1px solid #eeeada8c;border-radius:50%;font-size:15px;padding-left:3px;background:#1d251d30;backdrop-filter:blur(5px);transition:transform .6s var(--ease),background .3s,color .3s}.watch-feature small{display:block;font-size:9px;letter-spacing:1.5px;color:#deded1;margin-bottom:7px}.watch-feature strong{display:block;font-weight:400;font-size:17px}.watch-feature strong>span{margin-left:20px}.watch-feature:hover .play-disc{transform:scale(1.12);background:var(--paper);color:var(--bg)}.scroll-cue{position:absolute;bottom:28px;left:7.2%;right:7.2%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#d2d5c6;border-top:1px solid #ffffff25;padding-top:18px}.scroll-cue>span:last-child{font-size:18px;letter-spacing:0}
/* Social channels are available immediately, before the work. */
.social-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 7.2%;border-bottom:1px solid var(--line);background:#171913}.strip-label{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.social-strip>a{display:flex;align-items:center;gap:12px;font-size:13px;min-height:24px}.social-strip>a>span{margin-left:16px;color:var(--accent)}.social-strip a:hover{color:var(--accent)}.social-strip svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.4}.social-strip svg path{fill:currentColor;stroke:none}.stats{display:grid;grid-template-columns:repeat(3,1fr) 1fr;padding-block:52px;border-bottom:1px solid var(--line);align-items:center}.stats>div{padding-right:25px}.stats strong{display:block;font-size:47px;line-height:1.2;font-weight:400;letter-spacing:-2px}.stats strong>span{font-size:26px;color:var(--accent);vertical-align:top;padding-top:5px;display:inline-block}.stats>div>span{display:block;margin-top:9px;color:var(--muted);font-size:11px}.stats>p{font-size:13px;color:var(--muted);padding-left:28px;border-left:1px solid var(--line);line-height:1.8}
.section{padding-block:100px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-top .eyebrow{margin-bottom:20px}h2{font-size:clamp(42px,5.5vw,78px);font-weight:400;letter-spacing:-.045em;line-height:1.07}.section-note{color:var(--muted);font-size:13px;line-height:1.8;padding-bottom:5px}.work{overflow:hidden}.film-stage{display:grid;gap:35px}.film-slide{min-width:0}.film-play{display:block;width:100%;position:relative;overflow:hidden;background:#22271c;padding:0;border:0;aspect-ratio:16/9;text-align:left;border-radius:2px}.film-play>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),filter .5s}.film-play:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#070b0766);pointer-events:none}.film-play:hover>img{transform:scale(1.045)}.card-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:65px;height:65px;border-radius:50%;border:1px solid #fffc;background:#13180c40;backdrop-filter:blur(5px);display:grid;place-items:center;padding-left:3px;font-size:14px;z-index:1;transition:background .3s,color .3s,scale .3s}.film-play:hover .card-play{background:var(--paper);color:var(--bg);scale:1.1}.film-caption{display:flex;justify-content:space-between;gap:20px;align-items:end;padding-top:22px}.film-kind{font-size:8px;letter-spacing:1.7px;color:var(--accent)}.film-caption h3{font-size:25px;letter-spacing:-.5px;font-weight:400;line-height:1.25;margin-top:7px}.film-type{font-size:11px;color:var(--muted);padding-bottom:3px}.carousel-ready .film-stage{position:relative;display:block;perspective:1600px;height:clamp(380px,45vw,650px);width:100%;touch-action:pan-y}.carousel-ready .film-slide{position:absolute;width:80%;left:10%;top:0;transform-style:preserve-3d;transition:transform 1s var(--ease),opacity .8s var(--ease),filter .8s var(--ease);will-change:transform;transform:translateX(0) translateZ(-100px);opacity:0;pointer-events:none}.carousel-ready .film-slide.is-active{transform:translateX(0) translateZ(0) rotateY(0deg);opacity:1;z-index:3;pointer-events:auto;filter:brightness(1)}.carousel-ready .film-slide.is-next{transform:translateX(66%) translateZ(-310px) rotateY(-28deg);opacity:.38;z-index:1;filter:brightness(.65)}.carousel-ready .film-slide.is-previous{transform:translateX(-66%) translateZ(-310px) rotateY(28deg);opacity:.38;z-index:1;filter:brightness(.65)}.carousel-ready .film-slide:not(.is-active) .film-caption{opacity:0}.carousel-controls{display:flex;align-items:center;justify-content:space-between;padding-top:10px;width:80%;margin-inline:auto}.carousel-controls[hidden]{display:none}.film-count{font-size:11px;letter-spacing:2px;color:var(--muted);min-width:75px}.film-dots{display:flex;gap:3px}.film-dots button{width:30px;height:36px;padding:0;border:0;background:none;position:relative}.film-dots button:after{content:'';position:absolute;left:9px;right:9px;top:17px;height:2px;background:#555a4d;transition:background .4s,transform .4s}.film-dots button[aria-pressed=true]:after{background:var(--accent);transform:scaleX(1.6)}.carousel-arrows{display:flex;gap:9px}.carousel-arrows button{width:45px;height:45px;display:grid;place-items:center;border:1px solid #565b4c;background:none;border-radius:50%;font-size:18px;transition:background .3s,color .3s}.carousel-arrows button:hover{background:var(--paper);color:var(--bg)}.film-context{margin-top:55px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:35px}.film-context>p{font-size:13px;color:var(--muted);line-height:1.8}.film-context>div{text-align:right}.status{font-size:8px;letter-spacing:1.2px;color:var(--accent)}.film-context>div>p{font-size:12px;margin-top:7px}.film-context>div>p>span{color:var(--muted);font-size:11px}
/* A quiet, warmer interval gives the films and motion room to breathe. */
.studio{background:var(--paper);color:#292d24;padding:100px 0;overflow:hidden}.studio .eyebrow{color:#5c6353;margin-bottom:25px}.studio em{color:#6a754f}.studio-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:center}.studio h2{font-size:clamp(34px,4.1vw,60px);margin-bottom:32px}.studio-copy>p:not(.eyebrow){font-size:14px;max-width:460px;line-height:1.8;color:#51594b}.studio-copy .studio-lead{font-size:17px!important;color:#282e22!important;margin-bottom:10px}.craft-line{display:flex;align-items:center;gap:20px;margin-top:29px;padding-top:22px;border-top:1px solid #989e8e7a;max-width:365px;font-size:12px}.craft-line i{font-style:normal;color:#697958}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid currentColor;padding-block:5px;margin-top:25px}.text-link:hover{color:var(--accent)}.studio .text-link:hover{color:#55633d}.studio-frame{position:relative;perspective:1200px;padding:18px 0 32px;transform:rotate(-3deg);transition:transform 1s var(--ease)}.studio-frame>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:51% center;position:relative;box-shadow:0 25px 45px #1b291b29;transform:rotateY(-7deg);transition:transform 1s var(--ease)}.frame-back{position:absolute;inset:0 -15px 50px 10px;background:#b6baa7;transform:rotate(7deg)}.studio-frame:hover{transform:rotate(0)}.studio-frame:hover>img{transform:rotateY(0)}.studio-frame figcaption{font-size:8px;letter-spacing:1.5px;color:#68715e;margin-top:20px;text-align:center}
.contact{padding-top:90px;padding-bottom:65px}.contact-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:35px}.contact-note{font-size:12px;color:var(--muted)}.contact h2{font-size:clamp(70px,11vw,158px);letter-spacing:-.06em;line-height:.98;margin-bottom:55px;position:relative}.contact h2 em{line-height:1.2}.contact-arrow{font-family:'Studio Sans',sans-serif;font-style:normal;position:absolute;right:6%;top:16%;color:var(--accent);font-size:.72em;transition:transform .7s var(--ease)}.contact-arrow:hover{transform:translate(12px,-12px)}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.contact-links>a{border-top:1px solid #55594b;display:flex;justify-content:space-between;gap:15px;padding:21px 0;font-size:14px;transition:color .3s}.contact-links>a>span:last-child{color:var(--accent);transition:transform .4s var(--ease)}.contact-links>a:hover{color:var(--accent)}.contact-links>a:hover>span:last-child{transform:translate(3px,-3px)}#email-slot:empty{display:none}#email-slot a{display:inline-block;font-size:23px;margin-bottom:30px;border-bottom:1px solid var(--accent)}footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:25px;font-size:10px;color:var(--muted)}.footer-credit{font-size:8px;letter-spacing:1.5px}footer a:hover{color:var(--ink)}dialog{width:min(1100px,94vw);max-height:94svh;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:20px}dialog[open]{animation:player-in .35s var(--ease)}dialog::backdrop{background:#050705ed;backdrop-filter:blur(10px)}.player-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.player-header p{font-size:13px}.player-header button{background:transparent;border:1px solid var(--line);font-size:12px;padding:8px 14px}#player iframe{width:100%;aspect-ratio:16/9;border:0;display:block}dialog>.text-link{margin-top:15px}.reveal-in{animation:reveal-in 1s var(--ease) both}.motion-paused .reveal-in{animation:none!important}.motion-paused *, .motion-paused *:before,.motion-paused *:after{transition:none!important;animation-play-state:paused!important}html.motion-paused{scroll-behavior:auto}@keyframes reveal-in{from{opacity:.1;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes player-in{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:1700px){.hero-content{left:calc((100% - 1400px)/2);right:calc((100% - 1400px)/2)}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header{padding-inline:36px}.hero{min-height:680px}.hero-content{left:6%;right:6%}h1{font-size:110px}.social-strip{padding-inline:6%;gap:20px}.strip-label{display:none}.stats strong{font-size:38px}.studio-grid{gap:45px}.carousel-ready .film-stage{height:clamp(370px,48vw,550px)}.film-caption h3{font-size:22px}.studio h2{font-size:42px}.contact-links{gap:25px}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.header{height:78px;padding-inline:20px}.brand{font-size:14px;gap:8px}.brand small{font-size:7px}.brand svg{width:30px;height:30px}.header nav{gap:16px;font-size:11px}.header nav>a>span,.header nav>a[href='#about']{display:none}.header .nav-contact{margin-left:0}#motion-toggle{padding:7px;min-width:30px;min-height:32px}.motion-text{display:none}.hero{height:82svh;min-height:630px;max-height:920px}.hero-content{left:25px;right:25px;bottom:90px}.hero-shade{background:linear-gradient(90deg,#08100ad9,#0c110c55 70%),linear-gradient(0deg,#0b100cf5,transparent 70%)}.hero-visual img{object-position:58% center}.hero-eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:22px}h1{font-size:clamp(68px,12.5vw,95px);letter-spacing:-.065em}.hero-bottom{margin-top:27px;gap:25px;align-items:start;flex-direction:column}.hero-intro{font-size:15px}.hero-intro br{display:none}.hero-intro span{display:block;font-size:11px;margin-top:3px}.watch-feature{gap:13px}.play-disc{width:49px;height:49px;font-size:11px}.watch-feature small{font-size:8px}.watch-feature strong{font-size:14px}.scroll-cue{left:25px;right:25px;bottom:22px;font-size:7px}.social-strip{padding:19px 20px;gap:13px;flex-wrap:wrap;justify-content:start}.social-strip>a{font-size:10px;gap:6px;min-height:30px}.social-strip>a>span{margin-left:2px}.social-strip svg{width:16px}.stats{grid-template-columns:repeat(3,1fr);padding-block:32px;gap:12px}.stats>div{padding-right:0}.stats strong{font-size:31px;letter-spacing:-1.5px}.stats strong>span{font-size:18px;padding-top:2px}.stats>div>span{font-size:9px;margin-top:6px}.stats>p{display:none}.section{padding-block:60px}.section-top{display:block;margin-bottom:32px}.section-top .eyebrow{font-size:9px;margin-bottom:16px}h2{font-size:43px}.section-note{margin-top:18px;font-size:12px}.section-note br{display:none}.carousel-ready .film-stage{height:auto;aspect-ratio:1.3;min-height:305px;perspective:1000px}.carousel-ready .film-slide{width:94%;left:3%}.carousel-ready .film-slide.is-next{transform:translateX(77%) translateZ(-240px) rotateY(-22deg);opacity:.22}.carousel-ready .film-slide.is-previous{transform:translateX(-77%) translateZ(-240px) rotateY(22deg);opacity:.22}.film-caption{padding-top:16px;gap:10px;align-items:start;flex-direction:column}.film-kind{font-size:7px}.film-caption h3{font-size:21px;margin-top:5px}.film-type{font-size:10px}.card-play{width:50px;height:50px;font-size:11px}.carousel-controls{width:94%;padding-top:8px}.carousel-arrows button{width:42px;height:42px}.film-context{margin-top:32px;padding-top:23px;gap:25px;flex-direction:column}.film-context>p{font-size:12px}.film-context>p br{display:none}.film-context>div{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:20px}.film-context>div>p{font-size:11px;margin-top:0;text-align:right}.studio{padding-block:65px}.studio-grid{grid-template-columns:1fr;gap:45px}.studio h2{font-size:42px}.studio-copy>p:not(.eyebrow){font-size:13px}.studio-copy .studio-lead{font-size:16px!important}.studio-frame{max-width:400px;width:85%;margin-inline:auto;padding-bottom:15px}.studio-frame>img{aspect-ratio:4/3}.studio-frame figcaption{font-size:7px}.studio .eyebrow{font-size:9px}.craft-line{font-size:11px}.contact-top{align-items:start;flex-direction:column;gap:13px;margin-bottom:30px}.contact-note{font-size:11px}.contact h2{font-size:80px;margin-bottom:40px}.contact-arrow{right:2%;top:25%;font-size:.6em}.contact-links{grid-template-columns:1fr;gap:0}.contact-links>a{font-size:15px;padding-block:19px}.contact{padding-bottom:38px}footer{font-size:9px;padding-block:22px;gap:10px}.footer-credit{display:none}.player-header p{font-size:11px}dialog{padding:12px}.player-header button{font-size:11px;padding:7px 10px}}
@media(max-width:360px){.hero-content{left:20px;right:20px}h1{font-size:64px}.header nav{gap:10px}.social-strip{gap:8px}.social-strip>a{font-size:9px}.stats strong{font-size:27px}.stats>div>span{font-size:8px}.contact h2{font-size:69px}.carousel-ready .film-stage{min-height:290px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-visual img{transform:none}.studio-frame,.studio-frame>img{transform:none}}
@media(max-width:760px){h1{font-size:clamp(66px,12.5vw,95px)}}
@media(max-width:360px){h1{font-size:60px}}
/* Reserve the active image height plus its caption at every desktop width. */
@media(min-width:1101px){.carousel-ready .film-stage{height:min(684px,calc(45vw + 39.6px))}}
@media(min-width:761px) and (max-width:1100px){.carousel-ready .film-stage{height:calc(45vw + 57.6px)}}