@font-face{font-family:'Bodoni Moda';src:url('./fonts/BodoniModa.ttf') format('truetype');font-weight:400 900;font-display:swap}@font-face{font-family:'Bodoni Moda';src:url('./fonts/BodoniModa-Italic.ttf') format('truetype');font-style:italic;font-weight:400 900;font-display:swap}@font-face{font-family:'Hanken Grotesk';src:url('./fonts/HankenGrotesk.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:'Fragment Mono';src:url('./fonts/FragmentMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--cream:#ede8d6;--muted:#a7a49b;--mint:#b8f6e1;--ink:#0c1012;--ease:cubic-bezier(.19,1,.22,1)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font:12px 'Hanken Grotesk',sans-serif;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;border:0;cursor:pointer;background:none;padding:0}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--mint);outline-offset:6px}button:hover,a:hover{color:var(--mint)}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;left:3vw;right:3vw;top:30px;display:flex;align-items:flex-start;justify-content:space-between;z-index:40;pointer-events:none;transition:opacity .5s}header>*{pointer-events:auto}.wordmark{font-size:16px;font-weight:500;letter-spacing:.2em}.wordmark span{display:block;font-size:7px;letter-spacing:.18em;margin-top:8px;opacity:.5}nav{display:flex;gap:30px}nav button{text-transform:uppercase;font-size:10px;letter-spacing:.16em;padding:4px 0 8px;border-bottom:1px solid transparent}nav button span{margin-left:9px;font-size:7px;opacity:.4}nav button.active{border-color:var(--mint)}.sound{font-size:8px;letter-spacing:.1em;padding-top:5px}.sound span{margin-left:6px;color:var(--mint)}.view-ui{position:fixed;inset:0;pointer-events:none;transition:opacity .55s,transform .75s var(--ease)}.view-ui button,.view-ui input{pointer-events:auto}.view-ui.departing{opacity:0;transform:translateY(12px)}.eyebrow{font-size:9px;letter-spacing:.2em;line-height:1.6;text-transform:uppercase}.gallery-top{position:absolute;left:3vw;right:3vw;top:16%;display:flex;justify-content:space-between;align-items:center}.edition{font-family:'Bodoni Moda',serif;font-style:italic;font-size:12px;opacity:.4}.bottom-bar{position:absolute;bottom:32px;left:3vw;right:3vw;display:flex;justify-content:space-between;align-items:center}.browse-hint{display:flex;align-items:center;gap:17px;font-size:8px;letter-spacing:.17em}.browse-hint small{display:block;margin-top:6px;font-size:8px;opacity:.45}.scroll-track{width:76px;height:1px;background:#c8d1c449;position:relative}.scroll-track:after{content:'';position:absolute;width:20px;height:1px;background:var(--mint);left:var(--progress,0%);transition:left .2s}.line-button{font-size:9px;letter-spacing:.15em;padding:12px 0}.line-button span{margin-left:18px;opacity:.5}.commercial-arrows{display:flex;gap:25px;align-items:center}.commercial-arrows button{font-size:24px;width:45px;height:35px;transition:transform .4s}.commercial-arrows button:hover{transform:scale(1.2)}#workCount{font-size:8px;letter-spacing:.22em;min-width:50px;text-align:center}#commercialCaption{position:absolute;left:50%;top:77%;transform:translateX(-50%);text-align:center;white-space:nowrap}#workNumber{color:var(--mint);font-size:8px;letter-spacing:.3em}#openWork{display:block;margin:9px auto 0}#workTitle{font:400 clamp(24px,2.5vw,42px)/1 'Bodoni Moda',serif;letter-spacing:-.01em;margin:0}#commercialCaption p{font-size:7px;letter-spacing:.24em;opacity:.4;margin:14px 0}.watch-caption{position:absolute;left:100%;top:26px;display:flex;gap:13px;margin-left:24px;font-size:7px;letter-spacing:.1em;opacity:0;transition:opacity .3s}#openWork:hover .watch-caption{opacity:1}#cardLabels{position:absolute;inset:0}.card-label{position:absolute;transform:translate(-50%,0);font-size:8px;letter-spacing:.1em;white-space:nowrap;opacity:.45}.card-label b{color:var(--mint);font-weight:400;margin-right:12px}.corner-copy{position:absolute;left:3vw;bottom:110px}.corner-copy h1{font:400 26px 'Bodoni Moda',serif;margin:12px 0}.door-label{position:absolute;transform:translate(-50%,-50%);font-size:8px;letter-spacing:.12em;padding:10px;background:#160b0a77}.door-label span{display:block;opacity:.5;margin-top:6px;font-size:7px}#stops{display:flex;gap:18px}#stops button{font-size:9px;opacity:.4;padding:10px 0}#stops button.active{opacity:1;border-bottom:1px solid var(--cream)}#posterHint{position:fixed;z-index:20;pointer-events:none;text-shadow:0 2px 12px #000}#posterHint span,#posterHint small{display:block;font-size:7px;letter-spacing:.2em}#posterHint strong{display:block;font:26px 'Bodoni Moda',serif;margin:9px 0}#posterHint small{opacity:.55}#brandCursor{position:fixed;z-index:35;pointer-events:none;width:90px;height:90px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d0f5e878;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .25s;background:#bde7dd08;backdrop-filter:blur(2px)}#brandCursor span{font:10px/1.2 'Bodoni Moda',serif;text-align:center;max-width:60px}#brandCursor i{font:17px Arial;font-style:normal}#brandCursor img{max-width:55px;max-height:40px}#transition{position:fixed;inset:0;background:#120c0e;z-index:50;pointer-events:none;opacity:0;transition:opacity .35s}.destination{position:fixed;inset:0;z-index:25;outline:none}.destination.reveal{animation:reveal .85s var(--ease) both}.destination.exit{animation:depart .45s var(--ease) both;pointer-events:none}@keyframes reveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes depart{to{opacity:0;transform:translateY(18px)}}.back-button{position:absolute;top:113px;left:3vw;font-size:9px;letter-spacing:.13em;padding:10px 0}.focus-copy{position:absolute;top:25%;left:57%;width:35%;max-width:560px}.focus-copy h1{font:400 clamp(45px,5.8vw,92px)/.93 'Bodoni Moda',serif;letter-spacing:-.025em;margin:26px 0}.focus-copy p{font-size:13px;line-height:1.7;opacity:.65;max-width:330px}.film-actions{display:flex;gap:35px;margin-top:40px;flex-wrap:wrap}.text-action{font-size:10px;letter-spacing:.13em;padding:15px 0;border-bottom:1px solid #fff4}.text-action span{margin-left:15px}.focus-copy small{font-size:8px;line-height:1.6;display:block;opacity:.38;margin-top:20px;max-width:300px}.next-film{font-size:8px;letter-spacing:.12em;display:block;margin-top:45px;opacity:.6}.page-sheet{overflow:auto;background:#101414f5;padding:190px 6vw 90px;backdrop-filter:blur(35px)}.index-heading h1{font:400 76px/.95 'Bodoni Moda',serif;margin:20px 0 65px}#filmGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:35px 24px}.film-card{text-align:left}.film-card img,.film-card .no-poster{width:100%;aspect-ratio:2/3;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#382929;transition:transform .65s var(--ease),filter .5s}.film-card:hover img,.film-card:hover .no-poster{transform:translateY(-10px) rotate(-1deg);filter:saturate(1.2)}.film-card .no-poster{padding:25px;font:28px 'Bodoni Moda',serif}.film-card strong{display:block;font-size:11px;font-weight:400;margin-top:18px}.film-card small{display:block;opacity:.4;font-size:8px;margin-top:7px}#filmGrid.works-index{display:block}.work-row{display:flex;width:100%;align-items:center;border-top:1px solid #d9dfcd22;padding:24px 0;gap:35px;text-align:left}.work-row b{font-size:9px;font-weight:400;opacity:.4}.work-row strong{font:42px 'Bodoni Moda',serif;font-weight:400}.work-row small{margin-left:auto;font-size:9px;opacity:.5}.work-row i{font:30px Georgia;font-style:normal}.about-layout{margin:4vh 7vw}.about-layout h1{font:400 clamp(90px,13vw,190px)/.8 'Bodoni Moda',serif;letter-spacing:-.04em;margin:45px 0}.about-layout p{font-size:16px;margin:40px 0}.about-links{display:flex;gap:45px;font-size:10px;letter-spacing:.14em}#projectPage{overflow:auto;background:linear-gradient(#0c101200 0%,#0c1012fa 90%);padding:140px 5vw 60px}body.project-open header{opacity:.65}.project-top{display:flex;align-items:center;gap:25px;margin:0 0 28px;font-size:8px;letter-spacing:.18em}.project-top button{margin-right:auto;font-size:9px;letter-spacing:.12em}#projectBrand{opacity:.5}#playerFrame{position:relative;width:100%;height:min(65vh,52vw);min-height:240px;background:#070809;isolation:isolate;overflow:hidden}#videoMount{width:100%;height:100%}#videoMount video{width:100%;height:100%;display:block;object-fit:contain;background:#050607}#centerPlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border:1px solid #efe9d786;border-radius:50%;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#ffffff06;backdrop-filter:blur(4px);transition:opacity .4s,scale .4s}#centerPlay:hover{scale:1.08}#centerPlay span{font-size:18px}#centerPlay small{font-size:7px;letter-spacing:.18em}.playing #centerPlay{opacity:0;pointer-events:none}.player-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:18px;padding:44px 25px 22px;background:linear-gradient(transparent,#000a);transition:opacity .5s}.player-controls button,.player-controls>span{font-size:9px;white-space:nowrap}.player-controls>span{font-variant-numeric:tabular-nums;font-size:9px}.timeline{position:relative;flex:1;height:24px}.timeline:before,.timeline .buffered,.timeline .elapsed{content:'';position:absolute;left:0;top:11px;height:1px;pointer-events:none}.timeline:before{right:0;background:#fff3}.timeline .buffered{background:#fff4;width:0}.timeline .elapsed{background:var(--mint);width:0}.timeline .elapsed:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--mint);position:absolute;right:-2px;top:-2px}.timeline input{position:absolute;inset:0;width:100%;height:24px;opacity:0;cursor:ew-resize;margin:0}.timeline input:focus-visible{opacity:.3}.timeline output{position:absolute;bottom:30px;left:0;font:9px 'DM Sans',sans-serif;transform:translateX(-50%);padding:5px 8px;background:var(--cream);color:#111;opacity:0;pointer-events:none}.timeline:hover output{opacity:1}#projectVolume{width:55px;height:2px;accent-color:var(--cream)}#projectFull{font-size:20px}.project-heading{display:flex;justify-content:space-between;align-items:center;padding-top:35px}.project-heading h1{font:400 clamp(42px,6vw,92px)/.95 'Bodoni Moda',serif;letter-spacing:-.025em;margin:14px 0 0}.project-heading .eyebrow{opacity:.45;font-size:8px}#projectInfoBtn{font-size:8px;letter-spacing:.1em;white-space:nowrap;margin-left:20px}#projectInfoBtn span{font-size:20px;margin-left:10px}#projectInfo{display:grid;grid-template-columns:1fr 1fr;gap:12vw;padding:60px 0 25px;line-height:1.7;animation:reveal .6s var(--ease)}#projectInfo p{max-width:480px;opacity:.65}#projectInfo dl{display:grid;grid-template-columns:120px 1fr;gap:15px;font-size:10px}#projectInfo dt{opacity:.35}#projectInfo dd{margin:0}.project-next{padding:100px 0 20px;margin-top:60px;border-top:1px solid #eee2}.project-next>span{font-size:8px;letter-spacing:.2em;opacity:.4}.project-next button{display:flex;justify-content:space-between;width:100%;font:400 50px 'Bodoni Moda',serif;margin-top:25px}.project-next i{font-style:normal}#mediaStatus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:#090d0be6;padding:20px;font-size:12px;max-width:80%;pointer-events:none}#playerFrame:fullscreen{height:100vh!important;max-height:none;background:#000}#playerFrame:fullscreen #videoMount{height:100%}#playerFrame.idle.playing .player-controls{opacity:0}#playerFrame:focus-within .player-controls{opacity:1!important}.screen-meta{position:absolute;bottom:120px;left:3vw}.screen-meta h2{font:36px 'Bodoni Moda',serif;margin:12px 0}.screen-meta p{font-size:8px;opacity:.5}.screen-controls{position:absolute;bottom:30px;left:3vw;right:3vw;display:flex;gap:24px;align-items:center;padding-top:20px;border-top:1px solid #fff3}.screen-controls button,.screen-controls span{font-size:8px;white-space:nowrap}.screen-controls input{flex:1;min-width:20px;height:1px;accent-color:var(--cream)}.seat-controls{position:absolute;right:3vw;bottom:130px;display:flex;gap:15px;font-size:8px;letter-spacing:.1em;align-items:center}.seat-controls span{opacity:.4}.seat-controls button{font-size:8px;padding:8px}.seat-controls .selected{border-bottom:1px solid #eee8}#toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:80;background:#111e;color:var(--cream);padding:12px 20px;font-size:10px;opacity:0;pointer-events:none;transition:opacity .3s}#loading{position:fixed;inset:0;z-index:100;background:#0d1112;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .7s}#loading h1{font:400 100px/.75 'Bodoni Moda',serif;margin:40px 0 45px;letter-spacing:-.04em}#loading h1 i{font-weight:400}#loading p{font-size:7px;letter-spacing:.25em;opacity:.4;margin-top:22px}.loadline{height:1px;width:150px;background:#eee2;overflow:hidden}.loadline i{display:block;background:var(--mint);width:45%;height:1px;animation:load 1.1s ease-in-out infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(350%)}}#fallback{position:fixed;inset:100px 5vw;background:#151819;padding:40px;z-index:30}
@media(max-width:700px){header{top:22px;left:22px;right:22px;flex-wrap:wrap;gap:20px}.wordmark{font-size:13px}.wordmark span{font-size:6px}nav{order:3;width:100%;gap:25px}nav button{font-size:8px}.sound{font-size:7px}.gallery-top{top:20%;left:22px}.edition{display:none}.gallery-top .eyebrow{font-size:7px}#commercialCaption{top:68%;width:90%;white-space:normal}#workTitle{font-size:35px}#commercialCaption p{font-size:6px}.bottom-bar{bottom:25px;left:22px;right:22px}.browse-hint{font-size:7px;gap:8px}.scroll-track{width:25px}.commercial-arrows{gap:3px}.commercial-arrows button{width:30px}#workCount{font-size:7px}.line-button{font-size:7px}.watch-caption{position:static;opacity:.7;font-size:7px;display:block;margin:16px 0 0}.corner-copy{left:22px}.back-button{top:135px;left:22px}.focus-copy{top:auto;bottom:6%;left:22px;width:calc(100% - 44px)}.focus-copy h1{font-size:43px;margin:14px 0}.focus-copy p{font-size:11px}.film-actions{margin-top:15px;gap:25px}.focus-copy small{font-size:7px}.next-film{margin-top:20px}.page-sheet{padding:210px 22px 50px}.index-heading h1{font-size:54px;margin-bottom:40px}#filmGrid{grid-template-columns:repeat(2,1fr);gap:30px 18px}.work-row{gap:16px;padding:20px 0}.work-row strong{font-size:29px}.work-row small{display:none}.about-layout{margin:0}.about-layout h1{font-size:100px}.about-links{gap:24px;font-size:8px}#projectPage{padding:150px 18px 45px}.project-top{gap:13px;font-size:7px;margin-bottom:24px}.project-top button{font-size:8px}#playerFrame{height:51vh;min-height:200px}.player-controls{padding:40px 12px 16px;gap:10px}.player-controls button,.player-controls>span{font-size:7px}#projectVolume{display:none}#projectFull{font-size:18px}.project-heading{align-items:flex-start;gap:10px}.project-heading h1{font-size:43px}#projectInfoBtn{font-size:7px;margin-top:22px;margin-left:0}#projectInfo{grid-template-columns:1fr;gap:20px;padding-top:35px}.project-next{padding-top:45px}.project-next button{font-size:36px}.screen-meta{left:22px;bottom:160px}.screen-controls{left:22px;right:22px;gap:12px;flex-wrap:wrap}.screen-controls input{min-width:90px}.seat-controls{left:22px;right:auto;bottom:110px}.screen-meta h2{font-size:28px}#stops{gap:10px}.card-label{display:none}#brandCursor{display:none!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#projectPage{background:linear-gradient(#0c101233,#0c1012f2 80%);backdrop-filter:blur(18px)}.view-ui.departing{pointer-events:none}.view-ui.departing button,.view-ui.departing input{pointer-events:none}body.project-open header{opacity:1}#brandCursor{left:-120px;top:-120px}

/* Third movement: a quiet, typographic viewing instrument. */
#brandCursor{width:auto;height:auto;border:0;border-radius:0;background:none;backdrop-filter:none;gap:14px;transform:translate(23px,-50%);color:#f5f0df;text-shadow:0 1px 15px #0008}
#brandCursor:before{content:'';width:24px;height:1px;background:currentColor;opacity:.65}#brandCursor span{font:8px 'Hanken Grotesk',sans-serif;letter-spacing:.16em;max-width:none;white-space:nowrap}#brandCursor i{font-size:14px}
#commercialCaption p{opacity:.55}.card-label{font-size:8px;opacity:.7;letter-spacing:.16em}.gallery-top .edition{opacity:.65}
#projectPage{padding:121px 4vw 65px;background:#0c1012c4;backdrop-filter:blur(28px)}.project-top{margin-bottom:24px}#playerFrame{height:min(66vh,52vw);min-height:260px;background:transparent}#videoMount video{object-fit:contain;background:#080b0d}
#centerPlay{left:6%;top:50%;transform:translateY(-50%);width:auto;height:auto;border:0;border-radius:0;align-items:flex-start;gap:22px;background:none;backdrop-filter:none;text-align:left;padding:14px 0;filter:drop-shadow(0 2px 20px #0007)}
#centerPlay small{font-size:8px;letter-spacing:.22em}#centerPlay>span{position:relative;font:400 clamp(60px,8.5vw,132px)/.78 'Bodoni Moda',serif;letter-spacing:-.04em}#centerPlay i{font-weight:400}#centerPlay b{position:absolute;left:112%;bottom:0;font:32px 'Bodoni Moda',serif;font-weight:400}#centerPlay:hover{scale:1;color:#fff}#centerPlay:hover b{transform:translate(6px,-6px)}#centerPlay b{transition:transform .5s var(--ease)}
#playCursor{position:absolute;z-index:3;pointer-events:none;transform:translate(23px,-50%);font-size:8px;letter-spacing:.18em;opacity:0;text-shadow:0 1px 15px #000;white-space:nowrap}#playCursor:before{content:'';display:inline-block;width:22px;height:1px;background:currentColor;margin-right:12px;vertical-align:middle}#playerFrame.playing:has(#videoMount:hover) #playCursor{opacity:1}#playerFrame.playing #videoMount{cursor:none}
.player-controls{display:block;left:32px;right:32px;bottom:24px;padding:60px 0 0;background:none;z-index:4;isolation:isolate}.player-controls:before{content:'';position:absolute;inset:-45px -32px -24px;z-index:-1;background:linear-gradient(transparent,#020605a6);pointer-events:none}
.transport{display:flex;align-items:center;gap:25px;padding-bottom:24px}.transport button{font-size:8px;letter-spacing:.17em;padding:8px 0}.transport #projectPlay{width:55px;text-align:left}.player-note{font:italic 11px 'Bodoni Moda',serif;opacity:.55}.sound-control{display:flex;align-items:center;gap:12px;margin-left:auto}.transport #projectFull{font-size:8px}
#projectVolume{appearance:none;-webkit-appearance:none;background:#eee6;height:1px;width:0;opacity:0;margin:0;transition:width .35s,opacity .35s;cursor:ew-resize}.sound-control:hover #projectVolume,.sound-control:focus-within #projectVolume{width:54px;opacity:1}#projectVolume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:3px;height:9px;background:var(--cream);border:0;border-radius:0}#projectVolume::-moz-range-thumb{width:3px;height:9px;background:var(--cream);border:0;border-radius:0}
.timeline{height:25px;width:calc(100% - 60px);--played:0%;background:repeating-linear-gradient(90deg,#fff3 0 1px,transparent 1px calc(100% / 60));background-size:100% 3px;background-position:0 13px;background-repeat:no-repeat}.timeline:before,.timeline .buffered,.timeline .elapsed{top:8px}.timeline:before{background:#fff3}.timeline .elapsed{background:#eee8d9}.timeline .elapsed:after{display:none}.timeline input{height:28px;top:-5px}.timeline #projectElapsed{position:absolute;top:-1px;left:clamp(0px,var(--played),calc(100% - 42px));color:#191f1c;background:#e9eadb;padding:5px 7px;font:8px/1 'Hanken Grotesk',sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;pointer-events:none;z-index:1;transition:left .1s linear}.timeline output{bottom:40px;background:none;color:#f5f1e4;border-left:1px solid #fff6;border-radius:0;font-size:8px;padding:0 0 14px 7px;transform:none}.timeline input:focus-visible{opacity:0;outline:none}.timeline:focus-within{outline:1px solid #e8ead980;outline-offset:7px}.player-controls #projectDuration{position:absolute;right:0;bottom:11px;opacity:.55;font-size:8px;font-variant-numeric:tabular-nums}
.project-heading{padding-top:29px}.project-heading h1{font-size:clamp(48px,5.8vw,88px)}#projectInfoBtn{border-bottom:1px solid #ede8d640;padding:14px 0}#mediaStatus{background:none;font:italic 24px 'Bodoni Moda',serif;text-shadow:0 2px 20px #000;pointer-events:none}
.screen-controls{border:0;padding:24px 0 0;bottom:30px;gap:25px;flex-wrap:wrap;background:linear-gradient(transparent,#08090733)}.screen-controls button{font-size:8px;letter-spacing:.14em;padding:9px 0}.screen-controls #playPause{min-width:60px;text-align:left}.screen-controls #videoTime{font-variant-numeric:tabular-nums;letter-spacing:.03em;opacity:.6}.cinema-timeline{position:absolute;left:0;right:0;top:0;height:21px;--played:0%;background:repeating-linear-gradient(90deg,#ede8d63d 0 1px,transparent 1px calc(100% / 80));background-size:100% 4px;background-repeat:no-repeat;background-position:0 8px}.cinema-timeline:before,.cinema-progress{position:absolute;left:0;top:4px;height:1px;content:'';background:#ede8d638;right:0}.cinema-progress{right:auto;width:var(--played);background:var(--cream)}.cinema-progress:after{content:'';position:absolute;right:0;top:-3px;width:2px;height:8px;background:var(--cream)}.cinema-timeline #seek{position:absolute;inset:-5px 0 0;width:100%;height:24px;opacity:0;cursor:ew-resize;margin:0}.cinema-timeline:focus-within{outline:1px solid var(--cream);outline-offset:5px}#videoMute{margin-left:auto}.screen-meta{bottom:119px}.screen-meta .eyebrow{letter-spacing:.25em}.screen-meta h2{font-size:40px}.seat-controls{bottom:122px}
#visitCounter{margin-left:auto;margin-right:45px}#stops{margin-right:auto}#counterDock{position:absolute;bottom:100px;left:3vw;right:3vw;display:flex;align-items:flex-end;gap:30px;pointer-events:none;animation:reveal .7s var(--ease)}#counterDock button{pointer-events:auto;font-size:8px;letter-spacing:.13em;white-space:nowrap;padding:12px 0}#counterDock>button{position:absolute;left:0;bottom:80px;opacity:.65}.counter-title{display:flex;flex-direction:column;gap:14px;min-width:32%}.counter-title i{font:italic 34px 'Bodoni Moda',serif}.counter-title span{font-size:8px;letter-spacing:.08em;opacity:.65}.counter-actions{display:flex;gap:30px;align-items:center;margin-left:auto}.counter-actions button{border-bottom:1px solid #efe9d74d}.counter-actions button span{margin-left:16px;font-size:18px}.at-counter .corner-copy,.at-counter #enterCinema,.at-counter #stops,.at-counter .browse-hint{opacity:0!important;pointer-events:none}.at-counter .bottom-bar{justify-content:flex-end}#posterHint{padding:16px 20px;background:linear-gradient(90deg,#17131088,transparent);max-width:290px}#posterHint strong{font-size:23px}.door-label{background:#160b0a40;font-size:7px;transition:opacity .4s}body[data-view=lobby] header{filter:drop-shadow(0 1px 8px #140e0a)}
@media(max-width:700px){#projectPage{padding:146px 18px 45px}#playerFrame{height:51vh;min-height:240px}.player-controls{left:15px;right:15px;bottom:16px}.player-controls:before{inset:-35px -15px -16px}.transport{gap:14px;padding-bottom:21px}.transport button,.transport #projectFull{font-size:7px}.player-note{display:none}.sound-control{gap:0}#centerPlay{left:8%;gap:19px}#centerPlay>span{font-size:78px}#playCursor{display:none!important}.timeline{width:calc(100% - 46px)}.project-heading h1{font-size:46px}#visitCounter{margin:0;font-size:7px}#stops{display:none}#counterDock{left:22px;right:22px;bottom:87px;display:block}.counter-title{gap:10px}.counter-title i{font-size:29px}.counter-actions{gap:18px;margin-top:18px;flex-wrap:wrap}.counter-actions button{font-size:6px!important}.counter-title span{font-size:7px}#counterDock>button{bottom:112px}.screen-controls{left:22px;right:22px;gap:16px;padding-top:22px}.screen-controls button{font-size:7px}#videoMute{margin-left:0}.screen-controls #videoTime{font-size:7px}#screenOnlyBtn{margin-left:auto}.screen-meta{bottom:170px}.screen-meta h2{font-size:31px}.seat-controls{bottom:120px}}
#playerFrame{width:min(100%,calc(68vh * 1.777778));height:auto;min-height:0;aspect-ratio:16/9;margin:0 auto;background:transparent}#videoMount video{background:transparent}.project-top,.project-heading,#projectInfo,.project-next{max-width:calc(68vh * 1.777778);margin-left:auto;margin-right:auto}.timeline:hover output{opacity:0}.timeline.scrub-preview:hover output{opacity:1}#playerFrame:fullscreen{width:100vw!important;aspect-ratio:auto}
@media(max-width:700px){#playerFrame{width:100%;height:auto;aspect-ratio:16/9;min-height:0}.project-top,.project-heading,#projectInfo,.project-next{max-width:none}#centerPlay{gap:12px}#centerPlay>span{font-size:48px}#centerPlay small{font-size:6px}.transport{padding-bottom:14px}.player-controls{bottom:6px}.player-note{display:none}.timeline #projectElapsed{font-size:7px}.transport button,.transport #projectFull{font-size:6px}}
body[data-view=lobby]:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(#090a0a62,transparent 20%,transparent 65%,#0b09056e)}.view-ui{z-index:2}#counterDock{text-shadow:0 2px 13px #060503b3}
@media(max-width:700px){body[data-view=lobby]:before{background:linear-gradient(#090a0a9c,transparent 25%,transparent 62%,#0b0905b3)}.counter-title span{opacity:.85}.counter-actions{gap:18px 24px}.counter-actions button{font-size:7px!important;min-height:42px}.at-counter #counterDock>button{bottom:131px}}
/* Reference palette: no invented naming, decorative captions or lobby slogans. */
.corner-copy,.edition,.player-note{display:none}#counterDock .counter-title i{font:10px 'Hanken Grotesk',sans-serif;letter-spacing:.16em}#counterDock .counter-title{min-width:20%}.counter-title span:empty{display:none}#counterDock{bottom:100px}#counterDock>button{bottom:65px}.counter-actions button{font-size:8px!important}.door-label{background:none;border:1px solid #d9c6a32b;padding:9px 12px;opacity:.65}.door-label:hover{opacity:1}body[data-view=lobby]:before{background:linear-gradient(#07040235,transparent 20%,transparent 70%,#07040260)}
@media(max-width:700px){#counterDock{bottom:95px}#counterDock>button{bottom:100px}.counter-actions{gap:25px}.counter-title{margin-bottom:15px}.counter-actions button{font-size:8px!important}body[data-view=lobby]:before{background:linear-gradient(#07040270,transparent 25%,transparent 62%,#07040290)}}

/* Film art is composited above the room; the mounted frame remains architectural. */
#filmFocus{background:linear-gradient(90deg,#100b0866,#100b08c9 58%,#100b08ed);backdrop-filter:blur(9px);overflow:auto;isolation:isolate}
#filmFocus.reveal{animation:filmReveal .65s ease both}#filmFocus.exit{animation:filmDepart .42s ease both}
@keyframes filmReveal{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(9px)}}@keyframes filmDepart{to{opacity:0}}
#focusArtwork{position:absolute;left:14vw;top:21vh;width:min(30vw,43vh);aspect-ratio:2/3;transform-origin:0 0;pointer-events:none;will-change:transform,opacity;box-shadow:0 25px 90px #0005}
#focusArtwork img{display:block;width:100%;height:100%;object-fit:contain}#filmFocus .focus-copy{z-index:1}
#brandCursor{gap:15px;transform:translate(25px,-50%);filter:drop-shadow(0 2px 12px #0007)}#brandCursor:before{width:17px;opacity:.45}#brandCursor img{width:116px;height:50px;max-width:136px;max-height:54px;object-fit:contain;display:block}#brandCursor i{opacity:.55}
@media(max-width:700px){#focusArtwork{left:calc(50% - 10vh);top:190px;width:20vh;max-width:38vw}#filmFocus .focus-copy{position:relative;left:auto;top:auto;bottom:auto;width:auto;margin:calc(200px + 32vh) 22px 45px}#filmFocus .focus-copy h1{font-size:40px;margin:16px 0}#filmFocus .focus-copy p{margin:12px 0}#filmFocus .next-film{margin-top:28px}}

#brandCursor{mix-blend-mode:screen}#brandCursor span[data-brand="ATELIER CHARETTE"]{width:90px;height:90px;overflow:hidden}#brandCursor span[data-brand="ATELIER CHARETTE"] img{width:148px;height:148px;max-width:none;max-height:none;transform:translate(-31px,-28px)}#brandCursor span[data-brand="TEACHMECODE"] img{width:145px;max-width:145px}

/* Paper lifts in the scene: no modal wash, backdrop blur or camera jump. */
#filmFocus,#filmFocus.reveal,#filmFocus.exit{background:none;backdrop-filter:none;animation:none;transform:none;isolation:auto;overflow:hidden}
#focusArtwork{box-shadow:none;pointer-events:auto;transform:none;will-change:auto}
#filmFocus .focus-copy,#filmFocus>.back-button{opacity:var(--focus,0);transition:none;text-shadow:0 2px 16px #090502,0 1px 4px #090502}
#filmFocus .focus-copy{padding:24px 28px;background:linear-gradient(110deg,#160e09ba,#160e0952);border-left:1px solid #e5d3b126;backdrop-filter:blur(3px)}
#filmFocus .focus-copy h1{margin-top:20px}#filmFocus .focus-copy p{opacity:.85}
#magazineLink{position:absolute;transform:translate(-50%,-50%);width:74px;height:58px;background:transparent;border:0}
#magazineLink span{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);font-size:7px;letter-spacing:.11em;white-space:nowrap;opacity:.7;text-shadow:0 1px 6px #000}
#magazineLink:hover span,#magazineLink:focus-visible span{opacity:1}#magazineLink:focus-visible{outline:1px solid #ead9b6;border-radius:2px}
#counterDock .counter-title small{font-size:7px;letter-spacing:.14em;opacity:.55}
@media(max-width:700px){#filmFocus .focus-copy{padding:16px 18px;margin:calc(200px + 32vh) 12px 18px}#filmFocus{overflow:auto}#filmFocus .focus-copy h1{font-size:34px}#magazineLink{width:52px;height:44px}#magazineLink span{font-size:6px}}

/* One navigation system across every room. */
header{top:30px;left:3vw;right:3vw;align-items:center;filter:drop-shadow(0 2px 10px #0008)}
.wordmark{font:500 15px/1.1 'Hanken Grotesk',sans-serif;letter-spacing:.10em}.wordmark span{display:block;font-family:'Fragment Mono',monospace;font-size:6px;letter-spacing:.10em}
nav{gap:32px;margin:0}nav button{font:400 11px 'Hanken Grotesk',sans-serif;letter-spacing:.08em}nav button span{font-family:'Fragment Mono',monospace;font-size:7px}
.eyebrow,.line-button,.sound,.back-button,.project-top,.gallery-top,.card-label,.transport button,.player-controls>span,.screen-controls,.seat-controls,#workNumber,#workCount,.browse-hint,.timeline #projectElapsed,.timeline output,#projectInfo dl,.counter-actions button{font-family:'Fragment Mono',monospace}
#lobbyUI .browse-hint,#lobbyUI #allFilmsBtn{font-size:8px}#visitCounter{margin-left:auto;margin-right:35px}#lobbyUI:not(.at-counter) #enterCinema{opacity:.7;background:#130a0a30}#lobbyUI:not(.at-counter) #enterCinema:hover{opacity:1}
#projectPage{--film-aspect:1.777778}#playerFrame{width:min(100%,calc(68vh * var(--film-aspect)));aspect-ratio:var(--film-aspect)}
#projectInfo dl dd:last-child{opacity:.7}#projectVariants{display:flex;gap:15px;overflow:auto;max-width:calc(68vh * 1.777778);margin:28px auto 0;padding:0 0 15px;scrollbar-width:thin}
.variant{flex:0 0 145px;text-align:left;opacity:.55;padding-bottom:10px;border-bottom:1px solid transparent;transition:opacity .3s,border-color .3s}.variant:hover,.variant.active{opacity:1}.variant.active{border-color:#e7ddbe}.variant img{width:145px;height:82px;object-fit:cover;display:block;margin-bottom:12px}.variant strong{font:11px 'Hanken Grotesk';display:block;line-height:1.35}.variant small{font:8px 'Fragment Mono';display:block;opacity:.65;margin-top:8px}
#filmVersions{display:flex;gap:16px;margin:22px 0;flex-wrap:wrap}#filmVersions button{font:9px 'Fragment Mono';padding:9px 0;border-bottom:1px solid #eee2;opacity:.55}#filmVersions button.active{opacity:1;border-color:#ddd}
#projectPage.portrait{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(250px,1fr);grid-template-rows:auto auto auto auto;align-content:start;column-gap:7vw;padding-left:max(5vw,calc((100vw - 1150px)/2));padding-right:max(5vw,calc((100vw - 1150px)/2));}
#projectPage.portrait .project-top{grid-column:1/-1;width:100%;max-width:none}#projectPage.portrait #playerFrame{grid-column:1;grid-row:2/4;align-self:start;width:min(100%,calc(68vh * var(--film-aspect)));margin:0 auto}
#projectPage.portrait .project-heading{grid-column:2;grid-row:2;display:block;width:100%;align-self:end;margin:0;padding:30px 0 0}#projectPage.portrait .project-heading h1{font-size:clamp(40px,5.4vw,78px);line-height:.95}#projectPage.portrait #projectInfoBtn{display:none}
#projectPage.portrait #projectInfo{grid-column:2;grid-row:3;display:block;margin:0;padding:25px 0 0;border:0;align-self:start}#projectPage.portrait #projectInfo p{font-size:15px;line-height:1.8;max-width:360px}#projectPage.portrait #projectInfo dl{margin-top:40px;font-size:9px}#projectPage.portrait #projectVariants{grid-column:1/-1;width:100%;max-width:none}#projectPage.portrait .project-next{grid-column:1/-1;width:100%;max-width:none}
#projectPage.portrait #centerPlay>span{font-size:clamp(45px,5vw,80px)}#projectPage.portrait .player-controls{left:16px;right:16px}#projectPage.portrait .transport{gap:12px}#projectPage.portrait .transport button{font-size:6px}#projectPage.portrait .sound-control{gap:0}#projectPage.portrait #projectVolume{display:none}
@media(max-width:700px){header{top:22px;left:22px;right:22px;gap:20px}.wordmark{font-size:13px}nav{gap:24px}nav button{font-size:10px}#visitCounter{margin:0}.wordmark span{font-size:5px}#projectPage.portrait{display:block;padding:152px 22px 45px}#projectPage.portrait #playerFrame{height:min(64vh,115vw);width:auto;max-width:100%}#projectPage.portrait .project-heading{padding-top:30px}#projectPage.portrait #projectInfo dl{margin-top:20px}#projectVariants{gap:12px}.variant{flex-basis:120px}.variant img{width:120px;height:72px}#projectPage.portrait .project-heading h1{font-size:47px}#lobbyUI .browse-hint,#lobbyUI #allFilmsBtn{font-size:7px}}
@media(min-width:701px){#projectPage.portrait{grid-template-rows:auto calc(68vh * .4) calc(68vh * .6) auto auto}#projectPage.portrait #playerFrame{height:68vh;width:auto;max-width:100%}.project-next{grid-row:5}#projectPage.portrait #projectVariants{grid-row:4}#projectPage.portrait .project-next{grid-row:5;margin-top:50px}}