/* Director's cut: gravity / paper theatre / private cinema. */
:root{--director-ease:cubic-bezier(.22,.7,.12,1)}
.director-stage{position:relative;isolation:isolate;overflow:hidden;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;min-height:920px;padding:52px var(--gutter) 28px}
.director-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;contain:strict}
.director-title{grid-column:1/-1;position:relative;z-index:2}
.director-title .eyebrow{font:9px var(--mono);letter-spacing:.25em;margin-bottom:24px}
.director-stage .hero-copy{position:relative;z-index:3;min-width:0;display:block}
.director-stage .hero-art{min-width:0;z-index:2;animation:none;opacity:1}
.director-title{animation:director-title-in .9s var(--director-ease) both}
@keyframes director-title-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
.director-scene-plate{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;font:8px/1.8 var(--mono);letter-spacing:.12em;color:var(--muted);padding-top:22px;border-top:1px solid var(--line);position:relative;z-index:2}
.director-credits{position:absolute;right:18px;top:45%;writing-mode:vertical-rl;color:var(--muted);font:7px var(--mono);letter-spacing:.2em}
.director-stage .hero-bottom{grid-column:1/-1;grid-row:auto;position:relative;inset:auto;margin-top:0;padding:0;border:0}
.director-instrument{font:9px var(--mono);display:flex;gap:15px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding:14px 0;position:relative;z-index:6}
.director-instrument>span{color:var(--muted);font-size:8px;letter-spacing:.1em}
.director-instrument label{display:flex;align-items:center;gap:10px;min-height:44px;flex-wrap:wrap}
.director-instrument input{accent-color:var(--accent);width:100px;min-height:32px;cursor:pointer}
.director-instrument output{min-width:30px}
.director-instrument button{background:none;color:var(--muted);font:9px var(--mono);border-bottom:1px solid var(--line);min-height:44px}
main>section:not(.hero){position:relative}
.section-head h2{letter-spacing:-.05em}
.section-wrap{padding-top:100px;padding-bottom:100px}
.worlds{padding-top:95px;padding-bottom:90px}
.world-links{gap:24px}
.world-link{transition:background .5s,translate .5s var(--director-ease)}
.world-link:hover{translate:0 -5px}
.site-header{background:color-mix(in srgb,var(--paper) 95%,transparent)}
.chapter-dock{box-shadow:0 4px 28px #0002;backdrop-filter:blur(12px)}

/* 01 / A huge gravitational field, with a photographic artefact on its rim. */
.stellar-page{--paper:#050d14;--panel:#0c1b27;--muted:#9aacba;--line:#a6d9e62b}
.stellar-page .director-stage{background:#050d14;background-image:none;min-height:1000px;gap:28px}
.stellar-page .director-title h1{font:clamp(100px,13.8vw,210px)/.8 var(--display);letter-spacing:-.035em;margin:18px 0 0;display:flex;flex-direction:column;align-items:flex-start;text-shadow:0 4px 50px #0008}
.stellar-page .director-title h1 em{font:italic clamp(38px,5.6vw,84px)/1.3 var(--serif);margin:15px 0 0 24vw;letter-spacing:-.04em;color:#dcc89e}
.stellar-page .director-stage .hero-copy{grid-column:1/6;align-self:center;max-width:460px;padding-top:45px}
.stellar-page .director-stage .hero-lead{font:clamp(25px,2.7vw,40px)/1.5 var(--serif);margin:0 0 16px}
.stellar-page .director-stage .hero-description{max-width:370px;font-size:12px}
.stellar-page .director-stage .hero-art{grid-column:8/13;height:auto;min-height:390px;max-width:470px;align-self:end;padding:0 0 40px;margin:0;gap:20px}
.stellar-page .director-stage .orbit-photo{position:relative;width:100%;background:#0c151c99;padding:8px;border:1px solid #dcc89e66;border-radius:2px;overflow:visible;box-shadow:0 0 60px #97d9ee15}
.stellar-page .director-stage .orbit-photo img{border-radius:0;width:100%;height:auto;object-fit:contain}
.stellar-page .director-stage .orbit{z-index:3;top:10%;height:78%;width:123%;left:-12%;pointer-events:none;opacity:.65;border-color:#a6d9e645}
.stellar-page .director-stage .orbit.second{height:72%;top:16%;width:123%;left:-12%;opacity:.4;border-color:#dfc48875}
.stellar-page .director-stage .orbit-note{max-width:90%;margin:0;font-size:9px;rotate:-2deg;background:#0d1c27dd}
.stellar-page .director-stage .hero-coordinate{position:relative;top:auto;right:auto;order:3;font-size:7px;max-width:100%;text-align:left}
.stellar-page .director-stage .orbital-stations{top:0;bottom:12px}
.stellar-page .director-stage .planet-station span{font-size:8px;background:#050d14cc;padding:5px 7px}
.stellar-page .director-stage .orbit-symbol{bottom:25px;right:-10px;font-size:42px}
.stellar-page .director-stage .scene-console{margin-top:24px;max-width:460px;font-size:9px}
.stellar-page .director-stage .hero-actions{gap:16px;flex-wrap:wrap}
.stellar-page .manifesto{background:#06111a;border-block:1px solid var(--line);padding:38px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}
.stellar-page .manifesto p{font:italic clamp(26px,4.3vw,64px)/1.2 var(--serif);letter-spacing:-.05em}
.stellar-page #people .section-head h2{font:clamp(38px,5.5vw,78px)/1.25 var(--serif)}
.stellar-page .profile-tabs{margin-bottom:25px;border-bottom:1px solid var(--line)}
.stellar-page .person-panel{border-radius:2px;border:1px solid #a6d9e640;grid-template-columns:1.08fr 1fr;background:linear-gradient(130deg,#142330,#08121b)}
.stellar-page .person-image{padding:70px 24px 24px;background:transparent;overflow:hidden}
.stellar-page .person-image:before{opacity:.15;filter:blur(40px)}
.stellar-page .person-image>img{max-height:550px;object-fit:contain;border:0;padding:0}
.stellar-page .person-content{padding:50px 42px}
.stellar-page #mengluo{border-color:#dcc89e60;background:linear-gradient(130deg,#1c211f,#0b1218);grid-template-columns:.95fr 1.1fr}
.stellar-page #mengluo .person-content{border-left:1px solid #dcc89e22}
.stellar-page .person-heading h3{font:clamp(40px,4.3vw,65px)/1 var(--serif)}
.stellar-page .identity-folio{margin-bottom:22px;border:0;background:transparent;padding:0 0 20px;border-bottom:1px solid var(--line);box-shadow:none}
.stellar-page .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 24px;align-items:start}
.stellar-page .photo-card{padding:0;border:0;background:none}
.stellar-page .photo-card:nth-child(3n+2){margin-top:70px}
.stellar-page .photo-card figcaption{padding:14px 0;border-bottom:1px solid var(--line)}
.stellar-page .gallery-grid.is-arranged .photo-card{margin-top:0}
.director-observatory{grid-template-columns:1fr 1fr;gap:40px 6vw;padding:85px 0;margin-inline:var(--gutter)}
.director-observatory .constellation-lab{grid-column:1/-1;border:0;border-bottom:1px solid var(--line);padding:0 0 65px;margin:0;grid-template-columns:.7fr 1.3fr;background:none;box-shadow:none}
.director-observatory .constellation-board{height:320px;background:radial-gradient(ellipse,#15354380,transparent 65%);border:0}
.director-observatory .lab-copy h3{font:clamp(25px,3.4vw,48px)/1.3 var(--serif)}
.director-observatory .constellation-node{box-shadow:0 0 25px #b9e2e833;font-size:26px}
.director-observatory .enc-receiver{padding:0;background:none;box-shadow:none;border:0}
.director-observatory .enc-receiver:before{display:none}
.director-observatory .enc-signal-screen{min-height:310px;border:0;background:radial-gradient(ellipse at 50% 20%,#12333c,#051018);border-bottom:1px solid var(--line)}
.director-observatory .enc-signal-wave{top:35%;opacity:.4}
.director-radar{position:absolute;left:50%;top:25px;translate:-50% 0;width:180px;height:180px;border:1px solid #a6d9e630;border-radius:50%;background:repeating-radial-gradient(transparent 0 29px,#a6d9e616 30px 31px)}
.director-radar span{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 280deg,#a6d9e633 359deg,transparent 360deg);animation:radio-spin 8s linear infinite}
.director-radar i{position:absolute;left:24%;top:44%;width:5px;height:5px;background:#a6d9e6;border-radius:50%;box-shadow:0 0 15px #a6d9e6}
.director-radar i:nth-child(3){left:74%;top:25%;background:#dcc89e}
.director-radar i:nth-child(4){left:56%;top:76%;opacity:.5}
.enc-route-map>svg,.constellation-board>svg,.star-map>svg{inset:0!important;width:100%!important;height:100%!important;overflow:visible}
.enc-route-map>svg{stroke-width:1.2;stroke-opacity:.5;stroke-dasharray:3 7}
.enc-route-map{min-height:210px;margin-top:70px;gap:40px}
.enc-route-map>button:nth-of-type(2){padding-top:35px}
.enc-route-map>button:nth-of-type(3){padding-top:5px}
.enc-route-map i{width:90px;height:90px;background:#07141d}
.enc-flight-journal{padding-top:110px;padding-bottom:90px;background:radial-gradient(ellipse at center,#102b3580,transparent 70%)}
.enc-flight-heading h2{font-size:clamp(35px,5.4vw,76px)}

/* 02 / Paper theatre: a centred title, offset folios and wandering light. */
.warm-page{--paper:#eee2ca;--panel:#f9efd9;--ink:#443825;--muted:#7c6b53;--line:#8f684a3c;background:var(--paper)}
.warm-page .director-stage{padding-top:40px;background:linear-gradient(110deg,#ede1c9,#f8ecd8 52%,#dfc69f);background-image:repeating-linear-gradient(0deg,transparent 0 3px,#76522e03 4px),linear-gradient(110deg,#ede1c9,#f8ecd8 52%,#dfc69f);min-height:1060px;gap:22px}
.warm-page .director-title{text-align:center;grid-row:1}
.warm-page .director-title h1{font:clamp(83px,10vw,158px)/1 var(--serif);letter-spacing:-.07em;margin:0;display:block}
.warm-page .director-title h1 em{font:italic 1.15em var(--serif);display:inline;color:#9a432c;padding-left:.17em}
.warm-page .director-title .eyebrow{color:#755532;font-size:8px;margin-bottom:22px}
.warm-page .director-stage .hero-copy{grid-column:1/5;grid-row:2;align-self:center;padding:35px 0 0;max-width:350px}
.warm-page .director-stage .hero-lead{font:clamp(25px,3vw,42px)/1.65 'STKaiti','KaiTi',var(--serif);margin:0 0 20px}
.warm-page .director-stage .hero-description{font-size:12px;line-height:2}
.warm-page .director-stage .hero-art{grid-column:5/13;grid-row:2;display:grid;grid-template-columns:1fr .38fr;max-width:none;min-height:550px;padding:24px 10px 65px;gap:22px;align-items:center;transform:none}
.warm-page .director-stage .polaroid.primary{rotate:-6deg;background:#fff9e9;padding:15px 15px 22px;box-shadow:12px 24px 50px #55392128;border:1px solid #a585562b;transform:none;width:100%;max-width:none;position:relative;inset:auto}
.warm-page .director-stage .polaroid.secondary{rotate:9deg;align-self:end;margin:0 0 0 -22px;z-index:3;box-shadow:8px 18px 30px #55392122;width:100%;position:relative;inset:auto;padding:9px 9px 18px;transform:none}
.warm-page .director-stage .warm-art.is-tidy .polaroid{rotate:0deg;animation:none;transition:rotate .7s var(--director-ease)}
.warm-page .director-stage .polaroid img{width:100%;height:auto;object-fit:contain;transform:none!important}
.warm-page .director-stage .warm-stamp{top:2%;right:3%;width:105px;height:105px;rotate:13deg;color:#935238;background:#ead8b344}
.warm-page .director-stage .doodle{left:7%;bottom:5%;width:120px;stroke:#976f43}
.warm-page .director-stage .hero-actions{gap:14px;flex-wrap:wrap}
.warm-page .director-stage .scene-console{max-width:350px;border-color:#8f684a4c;margin-top:25px}
.warm-page .director-paper-word{position:absolute;bottom:5%;left:1%;font:22vw/.7 var(--display);letter-spacing:.02em;color:#9a743f0b;pointer-events:none;z-index:-1}
.warm-page .director-scene-plate{border-color:#8f684a55;color:#755b3d;grid-row:4}
.warm-page .director-stage .hero-bottom{grid-row:3}
.warm-page .manifesto{padding:40px var(--gutter);background:#e1cfa8;display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px dashed #9870444d}
.warm-page .manifesto p{font:italic clamp(27px,3.8vw,54px)/1.4 var(--serif)}
.director-spreads .section-head{max-width:700px;margin-bottom:60px}
.director-spreads{overflow:clip}
.director-spreads .section-head h2{font:clamp(40px,5.5vw,75px)/1.25 'STKaiti','KaiTi',var(--serif)}
.director-spreads .season-profiles{display:grid;grid-template-columns:1fr;gap:65px;padding:0}
.director-spreads #haifeng{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;padding:45px;rotate:-1deg;border:0;border-top:1px dashed #98704470;border-bottom:1px dashed #98704470;border-radius:0;background:#f8f0db;box-shadow:6px 12px 35px #6843260c}
.director-spreads #haifeng .season-photo{align-self:center;margin:0;padding:12px;background:#e6d7b5}
.director-spreads #meeq{display:grid;grid-template-columns:.8fr 1.1fr;gap:55px;border:0;background:#fdf5e6;border-radius:100px 0 0 0;padding:55px 45px;margin:0 0 0 5vw;rotate:1deg;box-shadow:-4px 12px 35px #6843260e}
.director-spreads #meeq .season-photo{margin:0;align-self:center;padding:12px;background:#eedcbe;order:0}
.director-spreads .season-card .person-content{padding:0}
.director-spreads .season-card h3{font-size:55px}
.director-spreads .season-card .season-number{top:22px;right:24px;font-size:10px}
.director-spreads .season-card .contacts{grid-template-columns:repeat(2,minmax(0,1fr))}
.warm-page .enc-little-journal{background:linear-gradient(110deg,#e6d4b0,#efe2c8);padding-top:110px;padding-bottom:110px;grid-template-columns:1.2fr .8fr;gap:9vw}
.warm-page .enc-journal-page{box-shadow:16px 24px 40px #6f452b19;border:0;rotate:-4deg;max-width:620px}
.warm-page .enc-journal-editor h2{font-size:clamp(35px,4.6vw,68px)}
.warm-page .enc-wind-letter{background:#f3e6cd;grid-template-columns:.6fr 1.2fr;padding:85px var(--gutter);border-block:1px dashed #8f684a55}
.warm-page .enc-letter-desk{background:transparent;border:0;padding-left:40px;box-shadow:none}
.warm-page .enc-letter-desk h2{font-size:clamp(32px,4.7vw,65px)}
.warm-page .enc-pinwheel-button{grid-template-columns:1fr;max-width:240px;text-align:center;rotate:-8deg}
.warm-page .enc-pinwheel-button svg{max-height:320px}
.warm-page .enc-pinwheel-button>span{font-size:18px}
.warm-page .gallery-grid{columns:3;column-gap:34px}
.warm-page .photo-card{padding:12px 12px 22px;background:#fff9ec;box-shadow:8px 14px 22px #7655340f;margin-bottom:50px}
.warm-page .postcard-section{background:#e3cda7;padding-block:110px}
.warm-page .listen-warm{background:#eee0c4}
.warm-page .listen-warm .listen-player{rotate:-2deg;box-shadow:14px 20px 30px #75512c12}
.warm-page .director-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#bf773915,transparent);opacity:var(--paper-sunset,.55);pointer-events:none;z-index:-1}

/* 03 / Private screening: brutal typography and a long film editing bench. */
.studio-page{--paper:#080a0d;--panel:#11151a;--ink:#eee9de;--muted:#9e9f9b;--line:#ede9dd26;background:#080a0d}
.studio-page .director-stage{min-height:auto;background:#080a0d;padding-top:30px;padding-bottom:40px;gap:28px}
.studio-page .director-title{grid-row:1}
.studio-page .director-title h1{font:clamp(83px,12.1vw,182px)/.83 var(--display);letter-spacing:-.025em;margin:0;display:flex;gap:.1em;grid-row:auto;white-space:nowrap}
.studio-page .director-title h1 span{color:#ede9de;display:inline;margin:0}
.studio-page .director-title .eyebrow{margin:0 0 24px;color:#edaa6a}
.studio-page .director-stage .hero-art{grid-column:1/-1;grid-row:2;width:100%;height:610px;max-width:none;margin:0;padding:36px 42px;background:#040607;border-block:1px solid #e3d8c733;box-shadow:none;--screen-height:538px}
.studio-page .director-stage .viewfinder{position:absolute;inset:auto;left:50%;top:50%;translate:-50% -50%;padding:0;border:0;background:transparent;box-shadow:none;width:min(calc(100% - 84px),calc(var(--screen-height) * var(--frame-ratio,1.5)));max-width:none;margin:0;border-radius:0;height:auto;aspect-ratio:var(--frame-ratio,1.5)}
.studio-page .director-stage .viewfinder>img{height:100%;width:100%;max-height:none;object-fit:contain;filter:grayscale(var(--mono-grade,0)) brightness(var(--exposure,1))}
.studio-page .director-stage .studio-photo-caption{top:12px;left:0;right:0;font-size:8px;padding:0 12px;color:#b4a897}
.studio-page .director-stage .focus-trigger{right:12px;bottom:14px;z-index:6;background:#111920cc;color:#edaa6a}
.studio-page .director-stage .hero-copy{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:.9fr 1fr 1.2fr;gap:20px 5vw;align-items:start;max-width:none}
.studio-page .director-stage .hero-lead{grid-column:1;font:25px/1.5 var(--serif);margin:0}
.studio-page .director-stage .hero-description{grid-column:2;margin:0;font-size:11px;line-height:2}
.studio-page .director-stage .hero-actions{grid-column:3;gap:13px;justify-content:flex-end;align-self:center}
.studio-page .director-stage .scene-console{grid-column:1/-1;border-block:1px solid var(--line);padding:18px 0;justify-content:flex-start;margin:0}
.studio-page .director-stage .hero-bottom{grid-row:4}
.studio-page .director-scene-plate{grid-row:5;border:0;padding:0}
.studio-page .studio-ticker{font-size:clamp(45px,7vw,110px);border-block:1px solid var(--line);background:#121315;color:#aaa394;padding:22px var(--gutter);gap:35px}
.studio-page .studio-profile{grid-template-columns:1.1fr .9fr;padding-top:110px;padding-bottom:110px;gap:9vw}
.studio-page .studio-about h2{font:clamp(35px,4.5vw,66px)/1.25 var(--serif)}
.studio-page .studio-id{background:#e9e1d2;color:#282b2a;border:0;border-radius:0;rotate:2deg;box-shadow:14px 18px 0 #292824;padding:45px 40px 40px 65px;--ink:#282b2a;--muted:#70716b;--line:#29282433;--accent:#9c5026;min-width:0}
.studio-page .studio-id .person-heading{min-width:0;flex-wrap:wrap}
.studio-page .studio-id .person-heading>div{min-width:0;max-width:100%}
.studio-page .studio-id .person-heading h3{overflow-wrap:anywhere}
.studio-page .studio-profile{min-width:0}
.studio-page .studio-id:before{background:repeating-linear-gradient(#1b201e 0 13px,transparent 13px 24px);left:12px;top:12px;bottom:12px;width:13px;border:0}
.studio-page .enc-contact-story{background:#161719;padding-top:100px;padding-bottom:95px;border-block:1px solid var(--line)}
.studio-page .enc-contact-heading h2{font:clamp(35px,5vw,72px)/1.2 var(--display)}
.director-screening{margin:38px 0;border:1px solid #a6997f55;padding:12px;background:#07090b}
.director-screen-frame{height:440px;position:relative;overflow:hidden;background:radial-gradient(ellipse,#222323,#050708);display:grid;place-items:center;isolation:isolate}
.director-screen-frame>img{position:absolute;inset:18px 25px;width:calc(100% - 50px);height:calc(100% - 36px);object-fit:contain;opacity:0;transition:opacity 1s var(--director-ease);filter:grayscale(var(--mono-grade,0)) brightness(var(--exposure,1));z-index:1}
.director-screen-frame>img.screen-current{opacity:1}
.director-screen-frame>p{font:italic 26px/1.8 var(--serif);color:#aaa28f;text-align:center}
.director-screen-frame>span{position:absolute;bottom:8px;left:16px;font:7px var(--mono);letter-spacing:.12em;color:#d6c5ac;z-index:2;background:#080a0daa;padding:4px 8px}
.director-screen-controls{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:16px 8px 4px;font:9px var(--mono);color:#b6ae9e}
.director-screen-controls button{border:1px solid var(--line);padding:10px 14px;font:10px var(--mono)}
.director-screen-controls output{color:#edaa6a;margin-left:auto}
.director-screen-controls>span{font-size:8px}
[data-screen-playing=true] .director-screen-frame:after{content:'';position:absolute;inset:0;border:1px solid #d7ad6d55;pointer-events:none;animation:screen-breathe 4s linear infinite}
.studio-page .enc-story-strip{margin-top:28px;padding:20px 0;border-block:2px dashed #d4bd9433;gap:18px;background:#0c0e11}
.studio-page .enc-story-slot{background:none;border:0;border-right:1px solid var(--line)}
.studio-page .enc-composition-lab{background:#080a0d;grid-template-columns:.65fr 1.35fr;gap:35px 6vw;padding-top:110px;padding-bottom:90px}
.studio-page .enc-composition-stage{border:0;background:#050607;padding:16px;min-height:0;align-self:center;grid-column:2;grid-row:1/4}
.studio-page .enc-compose-guide{inset:16px}
.studio-page .enc-composition-stage>img{filter:grayscale(var(--mono-grade,0)) brightness(var(--exposure,1))}
.studio-page .enc-show-original .enc-composition-stage>img{filter:none}
.studio-page .enc-composition-head{grid-column:1;grid-row:1;display:block}
.studio-page .enc-composition-head h2{font-size:clamp(35px,3.5vw,52px)}
.studio-page .enc-composition-controls{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.studio-page .enc-composition-note{grid-column:1;grid-row:3}
.studio-page .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 16px;border-top:1px solid var(--line);padding-top:35px}
.studio-page .photo-card{border:0;padding:0 0 14px;background:none;border-bottom:1px solid var(--line)}
.studio-page .photo-card figcaption{font-size:8px;padding-top:12px}
.studio-page .gallery-grid.is-arranged{grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-page .listen-studio .listen-heading h2{font-size:clamp(40px,5vw,75px)}
.studio-page .listen-studio .listen-player{border:0;border-block:1px solid var(--line);background:#0e1216;box-shadow:none;padding:40px 6vw}
@keyframes screen-breathe{50%{opacity:.2}}
.motion-off .director-radar span,.motion-off .director-screen-frame:after,[data-enc-motion=paused] .director-radar span{animation-play-state:paused}

@media(max-width:1100px){
 .director-stage{gap:25px;min-height:880px}.stellar-page .director-stage{min-height:950px}.stellar-page .director-stage .hero-copy{grid-column:1/7}.stellar-page .director-stage .hero-art{grid-column:8/13;min-height:340px}.warm-page .director-stage{min-height:930px}.warm-page .director-stage .hero-art{min-height:450px;grid-column:6/13}.warm-page .director-stage .hero-copy{grid-column:1/6}.studio-page .director-stage .hero-art{height:540px}.studio-page .director-stage .hero-copy{grid-template-columns:1fr 1fr}.studio-page .director-stage .hero-actions{grid-column:1/-1;justify-content:flex-start}.director-spreads #haifeng,.director-spreads #meeq{gap:25px;padding:36px}.studio-page .enc-composition-lab{grid-template-columns:1fr 1.2fr}.studio-page .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.warm-page .gallery-grid{columns:2}
}
@media(max-width:760px){
 .director-stage{padding:32px 24px 25px;grid-template-columns:1fr!important;gap:22px;min-height:0!important}.director-title{grid-column:1!important;grid-row:1!important}.director-title .eyebrow{font-size:7px;line-height:1.8;letter-spacing:.12em;margin-bottom:18px}.director-stage .hero-copy{grid-column:1!important;grid-row:2!important;padding:0!important;max-width:none!important}.director-stage .hero-art{grid-column:1!important;grid-row:3!important;margin:0!important;width:100%!important;max-width:none!important}.director-stage .hero-bottom{grid-column:1;grid-row:4!important;margin-top:4px}.director-scene-plate{grid-column:1;grid-row:5!important;flex-wrap:wrap;gap:10px;font-size:6px;padding-top:15px}.director-scene-plate>span:nth-child(2){flex-basis:100%;order:3}.director-credits{display:none}.director-instrument{font-size:8px;gap:8px 12px;padding:8px 0}.director-instrument>span{font-size:7px}.director-instrument input{width:80px}.director-stage .hero-description{font-size:11px!important}.section-wrap{padding-top:70px;padding-bottom:70px}.worlds{padding-block:70px}.section-head{gap:22px}.section-head h2{font-size:34px}.chapter-dock{max-width:calc(100vw - 65px)!important;left:50%;overflow:auto;scrollbar-width:none}.chapter-dock a{flex-shrink:0}
 .stellar-page .director-title h1{font-size:clamp(75px,20.5vw,155px);margin:15px 0 0}.stellar-page .director-title h1 em{font-size:clamp(35px,9.2vw,65px);margin:10px 0 0 20vw;white-space:nowrap}.stellar-page .director-stage .hero-lead{font-size:29px;margin-top:28px}.stellar-page .director-stage .hero-copy{max-width:500px!important}.stellar-page .director-stage .hero-art{min-height:0;padding:18px 12px 45px;gap:16px;justify-self:end}.stellar-page .director-stage .orbit-photo{border-radius:2px;padding:5px;max-width:450px;margin:auto}.stellar-page .director-stage .orbit-photo img{border-radius:0}.stellar-page .director-stage .orbit-note{max-width:89%;margin:0}.stellar-page .director-stage .orbit{width:108%;left:-4%;top:16%;height:63%}.stellar-page .director-stage .orbit.second{width:108%;left:-4%;top:21%;height:62%}.stellar-page .director-stage .orbital-stations{inset:5px -8px 15px}.stellar-page .director-stage .orbit-symbol{right:0;bottom:24px}.stellar-page .director-stage .hero-coordinate{font-size:6px}.stellar-page .manifesto,.warm-page .manifesto{flex-direction:column;align-items:flex-start;padding:28px 24px}.stellar-page .manifesto p{font-size:34px}.stellar-page #people .section-head h2{font-size:36px}.stellar-page .person-panel,.stellar-page #mengluo{grid-template-columns:1fr}.stellar-page .person-image{padding:35px 20px 20px}.stellar-page .person-image>img{max-height:420px}.stellar-page .person-content{padding:27px 22px}.stellar-page .person-heading h3{font-size:42px}.stellar-page .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.stellar-page .photo-card:nth-child(3n+2){margin-top:0}.stellar-page .photo-card:nth-child(2n){margin-top:35px}.stellar-page .photo-card figcaption{font-size:7px}.director-observatory{grid-template-columns:1fr;margin-inline:24px;padding:65px 0;gap:35px}.director-observatory .constellation-lab{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.director-observatory .constellation-board{height:250px}.director-observatory .lab-copy h3{font-size:31px}.director-observatory .enc-signal-screen{min-height:285px}.enc-route-map{grid-template-columns:1fr;gap:42px;margin:45px 0 35px;min-height:0}.enc-route-map>button,.enc-route-map>button:nth-of-type(2),.enc-route-map>button:nth-of-type(3){padding:0;display:grid;grid-template-columns:80px 1fr;text-align:left;gap:5px 20px;align-items:center}.enc-route-map i{grid-row:1/4;margin:0;width:75px;height:75px;font-size:28px}.enc-route-map>button>span,.enc-route-map small,.enc-route-map b{grid-column:2;margin:0}.enc-route-map>button>span{font-size:10px}.enc-route-map small{font-size:10px}.enc-route-map b{font-size:7px}.enc-flight-journal{padding:65px 24px}.enc-flight-heading{grid-template-columns:1fr;gap:25px}.enc-flight-heading h2{font-size:34px}.enc-flight-footer{font-size:8px;gap:12px}
 .warm-page .director-title h1{font-size:clamp(53px,13vw,90px);margin:5px 0 0}.warm-page .director-title h1 em{display:block;font-size:1.25em;padding:0;margin-top:-7px}.warm-page .director-stage .hero-copy{text-align:center;margin:auto;max-width:520px!important}.warm-page .director-stage .hero-lead{font-size:26px;margin:12px 0}.warm-page .director-stage .hero-actions{justify-content:center;font-size:10px}.warm-page .director-stage .scene-console{justify-content:center;margin:20px auto 0}.warm-page .director-instrument{justify-content:center}.warm-page .director-stage .hero-art{padding:30px 14px 55px;grid-template-columns:1fr .33fr;gap:14px;min-height:300px!important}.warm-page .director-stage .polaroid.primary{padding:8px 8px 15px;rotate:-4deg}.warm-page .director-stage .polaroid.secondary{padding:6px 6px 12px;rotate:8deg;margin-left:-15px}.warm-page .director-stage .polaroid p{font-size:11px}.warm-page .director-stage .warm-stamp{width:75px;height:75px;top:5px;right:0;font-size:7px}.warm-page .director-stage .warm-stamp span{font-size:14px}.warm-page .director-stage .doodle{width:80px;bottom:0}.warm-page .manifesto p{font-size:32px}.director-spreads .section-head{margin-bottom:35px}.director-spreads .section-head h2{font-size:35px}.director-spreads #haifeng,.director-spreads #meeq{grid-template-columns:1fr;gap:25px;padding:35px 23px;margin:0;rotate:0deg}.director-spreads #meeq{border-radius:60px 0 0 0}.director-spreads .season-card h3{font-size:43px}.director-spreads .season-card .contacts{grid-template-columns:1fr}.director-spreads #haifeng .season-photo{order:-1}.warm-page .enc-little-journal{grid-template-columns:1fr;padding:70px 28px;gap:55px}.warm-page .enc-journal-page{rotate:-2deg}.warm-page .enc-journal-editor h2{font-size:38px}.warm-page .enc-wind-letter{grid-template-columns:1fr;padding:65px 24px;gap:38px}.warm-page .enc-pinwheel-button{grid-template-columns:1fr .6fr;max-width:320px;text-align:left;rotate:-4deg}.warm-page .enc-pinwheel-button svg{max-height:230px}.warm-page .enc-letter-desk{padding:0}.warm-page .enc-letter-desk h2{font-size:34px}.warm-page .gallery-grid{columns:2;column-gap:15px}.warm-page .photo-card{padding:7px 7px 15px;margin-bottom:25px}.warm-page .postcard-section{padding-block:70px}
 .studio-page .director-title h1{font-size:clamp(46px,12.8vw,100px);gap:.1em;line-height:.95}.studio-page .director-title h1 span{display:inline;margin:0}.studio-page .director-stage .hero-art{grid-row:2!important;height:350px;padding:22px 4px;background:#040607}.studio-page .director-stage .viewfinder{inset:25px 4px;width:auto;max-width:none;height:auto}.studio-page .director-stage .studio-photo-caption{font-size:6px;top:6px;padding:0}.studio-page .director-stage .hero-copy{grid-row:3!important;display:block}.studio-page .director-stage .hero-lead{font-size:27px}.studio-page .director-stage .hero-description{margin:16px 0}.studio-page .director-stage .hero-actions{justify-content:flex-start;margin-bottom:18px}.studio-page .director-stage .scene-console{padding:14px 0;justify-content:flex-start}.studio-page .studio-ticker{font-size:35px;gap:16px;padding:20px 24px}.studio-page .studio-profile{grid-template-columns:1fr;gap:45px;padding-block:75px}.studio-page .studio-about h2{font-size:36px}.studio-page .studio-id{padding:35px 23px 35px 45px;rotate:1deg;box-shadow:7px 10px 0 #292824}.studio-page .studio-id .person-heading{flex-direction:row;gap:13px}.studio-page .studio-id .person-heading h3{font-size:35px}.studio-page .enc-contact-story{padding:65px 24px}.studio-page .enc-contact-heading h2{font-size:39px}.director-screen-frame{height:290px}.director-screen-frame>img{inset:18px 8px;width:calc(100% - 16px)}.director-screen-frame>p{font-size:20px}.director-screen-controls{gap:10px}.director-screen-controls button{font-size:9px;padding:10px}.director-screen-controls>span{flex-basis:100%;font-size:7px}.studio-page .enc-story-strip{gap:10px;padding:12px 0}.studio-page .enc-story-slot{padding:9px;font-size:8px}.studio-page .enc-composition-lab{grid-template-columns:1fr;padding:65px 24px;gap:25px}.studio-page .enc-composition-head{grid-column:1;grid-row:1}.studio-page .enc-composition-head h2{font-size:34px}.studio-page .enc-composition-stage{grid-column:1;grid-row:2;min-height:300px;padding:7px}.studio-page .enc-composition-controls{grid-column:1;grid-row:3;gap:13px}.studio-page .enc-composition-note{grid-column:1;grid-row:4}.studio-page .gallery-grid,.studio-page .gallery-grid.is-arranged{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.studio-page .photo-card figcaption{font-size:7px}.studio-page .listen-studio .listen-heading h2{font-size:37px}.studio-page .listen-studio .listen-player{padding:24px 18px}
}
@media(max-width:360px){.director-stage{padding-inline:20px}.stellar-page .director-title h1{font-size:20vw}.studio-page .director-title h1{font-size:12.4vw}.studio-page .director-stage .hero-art{height:310px}.director-scene-plate{letter-spacing:.03em}.director-instrument{gap:5px}.director-instrument input{width:70px}.director-screen-controls{gap:8px}.director-screen-controls output{margin-left:0}.director-spreads .season-card .person-heading{gap:15px}}
@media(prefers-reduced-motion:reduce){.director-radar span,.director-screen-frame:after{animation:none!important}.director-screen-frame>img,.world-link{transition:none}}
/* Contain deliberately rotated paper, without masking real content. */
.warm-page .enc-little-journal{overflow:clip;padding-inline:max(28px,var(--gutter))}
.warm-page .enc-journal-page{min-width:0;max-width:100%}
.warm-page .enc-journal-photo{min-width:0}
.warm-page .enc-journal-editor{min-width:0}
.warm-page .enc-journal-editor :is(p,h2){overflow-wrap:anywhere}
@media(max-width:760px){.warm-page .enc-journal-page{rotate:0deg}.studio-page .studio-id .person-heading{flex-direction:column;align-items:flex-start}.studio-page .studio-id .person-heading h3{font-size:32px}.director-title{animation-duration:.6s}}
@media(max-width:1100px){.studio-page .director-stage .hero-art{--screen-height:468px}}
@media(max-width:760px){
 .studio-page .director-stage .hero-art{--screen-height:298px}
 .studio-page .director-stage .viewfinder{inset:auto;left:50%;top:50%;width:min(calc(100% - 8px),calc(var(--screen-height) * var(--frame-ratio,1.5)));height:auto;aspect-ratio:var(--frame-ratio,1.5);margin:0}
 .studio-page .enc-composition-stage{min-height:0;align-self:start}
 .studio-page .enc-compose-guide{inset:7px}
 .director-spreads .season-card:before,.director-spreads .season-card:after{max-width:100%}
 .director-spreads #haifeng:before,.director-spreads #haifeng:after{right:-4px;width:12px;height:12px}
 .reveal-ready .warm-page .director-spreads [data-reveal]:not(.revealed){transform:translateY(20px)}
}
@media(max-width:360px){.studio-page .director-stage .hero-art{--screen-height:258px}}