@font-face{font-family:Cinzel;src:url('../fonts/Cinzel.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:Manrope;src:url('../fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#020509;--frost:#e9f1f2;--cold:#96dfe7;--ghost:#b5c9d0;--edge:rgba(197,237,244,.16);--sans:'Manrope','Segoe UI',Arial,sans-serif;--serif:'Cinzel','Georgia',serif;--rail:clamp(22px,5.5vw,112px);--header:clamp(70px,7.4vh,88px);--ease:cubic-bezier(.18,.8,.2,1)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg)}body{min-width:320px;color:var(--frost);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #b7f5f7;outline-offset:4px}::selection{background:#a2e9ed;color:#00131a}
#cinema-root,.cinema-container,.experience{height:100%;width:100%;position:fixed;inset:0;overflow:hidden;background:#020508}.skip-link{position:fixed;left:15px;top:-130px;z-index:210;background:#e9f6f5;color:#01070b;padding:14px 17px;font-size:12px}.skip-link:focus{top:12px}
/* Three exclusive planes: cinematic stage, continuous weather, user interface. */
.experience-main{position:absolute;inset:0;z-index:1;overflow:hidden;isolation:isolate}.stage{height:100%;position:relative;overflow:hidden;isolation:isolate}.stage-pane{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,0,0) scale(1.025);filter:blur(0);will-change:opacity,transform,filter}.stage-pane.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:2;transition:opacity .85s var(--ease),transform 1.4s var(--ease),filter .65s ease}.stage-pane.is-entering{opacity:0;visibility:visible;transform:translate3d(4.2%,0,0) scale(1.085);filter:blur(8px);z-index:3}.stage-pane.is-entering.is-visible{opacity:1;transform:none;filter:blur(0)}.stage-pane.is-exiting{z-index:1;opacity:0;pointer-events:none;transform:translate3d(-3.5%,0,0) scale(1.065);transition:opacity .76s ease,transform 1.2s var(--ease)}
.stage[data-direction='back'] .stage-pane.is-entering{transform:translate3d(-4.2%,0,0) scale(1.085)}.stage[data-direction='back'] .stage-pane.is-exiting{transform:translate3d(3.5%,0,0) scale(1.065)}
.shot{position:relative;isolation:isolate;overflow:hidden;height:100%;width:100%;background:var(--bg)}.shot-bg,.shot-depth,.shot-vignette,.shot-light{position:absolute;inset:0;pointer-events:none}.shot-bg{overflow:hidden;z-index:0;background:#02050a}.shot-image{position:absolute;width:110%;height:110%;left:-5%;top:-5%;object-fit:cover;object-position:center center;filter:saturate(.94) contrast(1.12) brightness(.82);transform:scale(1.045) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0);will-change:transform;transition:transform 4.5s var(--ease),filter 1.5s ease}.shot-depth{background:radial-gradient(ellipse at 70% 33%,transparent 0%,rgba(1,3,9,.14) 43%,rgba(0,1,5,.64) 100%);mix-blend-mode:multiply}.shot-vignette{background:linear-gradient(90deg,rgba(0,4,9,.92) 0%,rgba(0,4,9,.62) 32%,rgba(0,4,9,.18) 60%,rgba(0,4,9,.18) 100%),linear-gradient(0deg,rgba(0,3,8,.92),transparent 35%,transparent 71%,rgba(0,3,8,.47))}.shot--right .shot-vignette{background:linear-gradient(270deg,rgba(0,4,9,.92),rgba(0,4,9,.65) 31%,rgba(0,4,9,.1) 75%),linear-gradient(0deg,#010508e8,transparent 30%,transparent 70%,#01050878)}.shot--center .shot-vignette{background:linear-gradient(0deg,#020609e8,#02060966 52%,#01040885),radial-gradient(ellipse at center,transparent 13%,rgba(0,2,6,.5) 78%)}.shot-light{background:radial-gradient(ellipse at 75% 36%,rgba(113,222,244,.075),transparent 46%),radial-gradient(ellipse at 58% 89%,rgba(174,73,197,.055),transparent 47%);mix-blend-mode:screen;animation:scene-breathe 10s ease-in-out infinite alternate}
.shot--center .shot-image{filter:brightness(.52) saturate(.87)}.shot--roster .shot-image,.shot--sigil .shot-image,.shot--books .shot-image,.shot--garment .shot-image{filter:brightness(.44) saturate(.78)}.shot--signal .shot-image{filter:brightness(.45) saturate(.85)}
/* Typography is Cinzel and remains a real font family, not AI-generated lettering. */
.shot-meta{position:absolute;z-index:2;top:calc(var(--header) + 31px);left:var(--rail);right:var(--rail);display:flex;justify-content:space-between;color:#b8d6dd;font-size:9px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;opacity:.82}.shot-meta span:last-child{color:#92b1bc}
.shot-copy{position:absolute;z-index:4;left:var(--rail);bottom:clamp(125px,17vh,180px);width:min(70vw,1060px);max-height:calc(100svh - var(--header) - 145px);display:flex;flex-direction:column;align-items:flex-start;overflow:visible}.shot--right .shot-copy{left:auto;right:var(--rail);align-items:flex-end;text-align:right}.shot--center .shot-copy{left:50%;right:auto;transform:translateX(-50%);width:min(80vw,1120px);align-items:center;text-align:center;bottom:20%}.shot--roster .shot-copy,.shot--sigil .shot-copy,.shot--garment .shot-copy,.shot--books .shot-copy,.shot--signal .shot-copy,.shot--dossier .shot-copy{width:min(46vw,750px);bottom:clamp(125px,21vh,230px)}.shot--garment.shot--right .shot-copy{width:min(43vw,630px)}
.shot-overline{font-size:10px;font-weight:700;letter-spacing:.24em;color:#b8e5ec;text-transform:uppercase;display:inline-flex;align-items:center;gap:15px;line-height:1.7}.shot-overline::before{content:'';width:5px;height:5px;background:#aaf6fe;box-shadow:0 0 14px rgba(135,231,247,.62);border-radius:50%}
.shot-title{--title-grad:linear-gradient(101deg,#ffffff 0%,#edf6f7 9%,#9ad7df 17%,#ffffff 26%,#eff3ff 33%,#d3b7ea 43%,#ffffff 53%,#93dceb 67%,#e9f6f9 78%,#ffffff 100%);--title-glow-grad:linear-gradient(93deg,rgba(170,235,247,.95) 0%,rgba(255,255,255,.98) 31%,rgba(223,181,240,.88) 57%,rgba(113,221,239,.98) 100%);position:relative;font-family:var(--serif);font-size:clamp(48px,7.6vw,138px);font-weight:500;line-height:1.04;letter-spacing:-.067em;white-space:normal;overflow-wrap:normal;hyphens:none;text-transform:uppercase;margin:18px 0 26px;max-width:100%;display:block;isolation:isolate;text-shadow:0 1px 0 rgba(255,255,255,.45),0 8px 24px rgba(0,0,0,.55)}.shot-title .title-fill,.shot-title .title-glow,.shot-title .title-chrome,.shot-title .title-splash{display:block;white-space:inherit}.shot-title .title-fill{position:relative;z-index:3;color:transparent;background:var(--title-grad);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;animation:chromatic-title 16s ease-in-out infinite alternate,chrome-sheen 11s linear infinite;filter:drop-shadow(0 8px 30px rgba(0,0,0,.64)) drop-shadow(0 0 16px rgba(117,224,241,.16))}.shot-title .title-chrome{position:absolute;inset:0;z-index:2;color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.25) 20%,rgba(255,255,255,.92) 34%,rgba(72,108,122,.16) 42%,rgba(255,255,255,.86) 52%,rgba(109,227,240,.42) 61%,rgba(243,212,255,.3) 74%,rgba(255,255,255,.9) 100%),linear-gradient(105deg,rgba(255,255,255,.24),rgba(255,255,255,0) 32%,rgba(147,221,236,.34) 50%,rgba(255,255,255,0) 68%,rgba(239,198,248,.34) 80%,rgba(255,255,255,.22));background-size:100% 100%,230% 100%;-webkit-background-clip:text;background-clip:text;mix-blend-mode:screen;opacity:.84;animation:chrome-reflect 14s ease-in-out infinite}.shot-title .title-splash{position:absolute;inset:0;z-index:4;color:transparent;background:radial-gradient(circle at 14% 32%,rgba(255,255,255,.95) 0 2px,rgba(255,255,255,.18) 3px,transparent 7px),radial-gradient(circle at 31% 64%,rgba(182,240,248,.84) 0 1.8px,rgba(182,240,248,.16) 2.8px,transparent 8px),radial-gradient(circle at 48% 24%,rgba(255,255,255,.88) 0 2px,rgba(255,255,255,.12) 3px,transparent 7px),radial-gradient(circle at 66% 58%,rgba(206,181,240,.8) 0 2px,rgba(206,181,240,.14) 3px,transparent 8px),radial-gradient(circle at 86% 26%,rgba(169,236,245,.84) 0 2px,rgba(169,236,245,.12) 3px,transparent 8px),radial-gradient(circle at 74% 78%,rgba(255,255,255,.7) 0 1px,transparent 6px);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;mix-blend-mode:screen;opacity:.52;animation:micro-splashes 10s linear infinite}.shot-title .title-water{position:absolute;inset:-4% -2%;width:104%;height:108%;z-index:5;pointer-events:none;mix-blend-mode:screen;opacity:.88}.shot-title .title-glow{position:absolute;inset:0;z-index:1;color:transparent;background:var(--title-glow-grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;mix-blend-mode:screen;opacity:.44;filter:blur(14px);animation:chromatic-title 22s ease-in-out infinite alternate-reverse,neon-shimmer 12s ease-in-out infinite}.shot-title.wordmark{font-size:clamp(92px,12.8vw,252px);letter-spacing:-.082em;white-space:nowrap;line-height:.93;padding-right:.05em;margin-left:-.02em;max-width:100%}.shot--hero .shot-title:not(.wordmark){font-size:clamp(66px,9.6vw,176px)}.accent--violet .shot-title{--title-grad:linear-gradient(106deg,#ffffff 0%,#e3d5f3 26%,#f5fbff 41%,#9fe2ea 72%,#ffffff 100%);--title-glow-grad:linear-gradient(92deg,rgba(219,183,242,.98) 0%,rgba(244,250,255,.95) 36%,rgba(143,222,232,.98) 70%,rgba(203,170,238,.94) 100%)}.accent--magenta .shot-title{--title-grad:linear-gradient(108deg,#fffefe 0%,#f0cde2 24%,#ffffff 44%,#a5e4e8 76%,#fffdf8 100%);--title-glow-grad:linear-gradient(90deg,rgba(247,180,221,.98) 0%,rgba(244,250,255,.94) 31%,rgba(111,224,239,.98) 72%,rgba(252,215,233,.92) 100%)}
.shot-description{font-size:clamp(15px,1.42vw,20px);line-height:1.78;max-width:620px;margin:0 0 27px;color:#d6e2e5;text-shadow:0 1px 12px rgba(0,0,0,.8)}.shot--center .shot-description{max-width:670px}.scene-action{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid rgba(193,239,244,.8);padding:12px 2px;color:#e1f4f4;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;transition:color .2s,border-color .2s}.scene-action i{font-size:19px;font-style:normal}.scene-action:hover{color:#98edff;border-color:#fff}
.shot-foot{position:absolute;z-index:2;bottom:31px;left:var(--rail);right:var(--rail);display:flex;justify-content:space-between;gap:16px;color:#a7c4ca;font-size:9px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}.shot-foot span:last-child{opacity:.52}
/* Persistent chrome, not rebuilt per scene. */
.cinema-header{position:absolute;inset:0 0 auto;height:var(--header);z-index:120;display:flex;align-items:center;gap:25px;padding:0 var(--rail);border-bottom:1px solid rgba(164,218,230,.17);background:linear-gradient(180deg,#02070be8,#02070b7c 73%,transparent)}.brand{display:flex;flex-direction:column;gap:5px;min-width:225px;position:relative;z-index:2}.brand strong{font:600 clamp(17px,1.48vw,25px)/1 var(--serif);letter-spacing:-.06em;white-space:nowrap}.brand small{font-size:7px;font-weight:800;letter-spacing:.26em;color:#9aafbc}.desktop-nav{display:flex;gap:clamp(12px,2.3vw,36px);margin-left:auto;align-items:center}.desktop-nav a{font:700 10px var(--sans);letter-spacing:.19em;color:#b6cbd2;text-transform:uppercase;transition:color .3s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#f6fbfa}.desktop-nav a[aria-current]{text-shadow:0 0 16px #a4f2ee6b}.header-utilities{display:flex;gap:25px;align-items:center}.language{font-size:10px;letter-spacing:.15em;font-weight:700}.language i{display:inline-block;background:#9ff3f5;box-shadow:0 0 12px #9ceeee;width:3px;height:3px;border-radius:50%;vertical-align:middle;margin-left:5px}.menu-toggle{border:0;background:transparent;color:#ebf4f4;display:flex;gap:15px;align-items:center;font-size:10px;font-weight:800;letter-spacing:.15em;padding:15px 0 15px 8px}.burger{display:grid;gap:6px}.burger i{width:21px;height:1px;background:#d9f4f2;display:block}.burger i:last-child{width:13px;margin-left:auto}.menu-toggle:hover .burger i:last-child{width:21px}
.cinema-menu{position:absolute;inset:0;z-index:140;background:radial-gradient(ellipse at 73% 38%,#17374575,transparent 46%),linear-gradient(128deg,#020508,#05131d);display:none;padding:calc(var(--header) + 30px) var(--rail) 45px;overflow-y:auto}.cinema-menu.is-open{display:flex;flex-direction:column;animation:menu-arrival .35s var(--ease) both}.menu-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b9d6dc;letter-spacing:.2em}.menu-title button{border:1px solid var(--edge);background:transparent;color:#f0faf9;padding:12px;font-size:11px}.menu-pages{max-width:1000px;width:100%;margin:auto;display:grid;grid-template-columns:1fr;align-items:center}.menu-pages a{padding:9px 0;border-bottom:1px solid rgba(190,229,240,.17);display:grid;grid-template-columns:60px 1fr 30px;align-items:center;transition:padding .2s,color .2s}.menu-pages a:hover{padding-left:20px;color:#91e8f3}.menu-pages small{color:#86b8be;font-size:12px}.menu-pages strong{font:400 clamp(24px,4.3vw,56px)/1.16 var(--serif);letter-spacing:-.045em}.menu-pages span{font-size:20px}.menu-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;color:#b2cbd3;font-size:10px;letter-spacing:.12em;border-top:1px solid var(--edge);padding-top:20px}.menu-bottom button{border:0;background:transparent;color:#c7edf0;font-size:10px;letter-spacing:.2em;padding:10px 0}
/* global atmospheric depth: water stays attached to viewport while scenes change */
.screen-atmosphere{position:absolute;inset:0;z-index:64;pointer-events:none;overflow:hidden;contain:layout paint}.rain-canvas,.glass-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.rain-canvas{opacity:.98}.glass-canvas{opacity:.94}.lightning-wash{position:absolute;inset:0;pointer-events:none;opacity:var(--flash,0);background:radial-gradient(ellipse at 76% 19%,hsla(var(--flash-hue,194),100%,74%,.78),transparent 58%),radial-gradient(ellipse at 34% 32%,hsla(var(--flash-hue-alt,304),100%,72%,.36),transparent 51%),linear-gradient(90deg,transparent 0%,hsla(var(--flash-hue,194),100%,84%,.08) 26%,transparent 53%,hsla(var(--flash-hue-alt,304),100%,82%,.07) 100%);mix-blend-mode:screen;filter:blur(10px)}.lightning-wash::before,.lightning-wash::after{content:'';position:absolute;inset:0;opacity:calc(var(--flash,0) * .95);mix-blend-mode:screen}.lightning-wash::before{background:linear-gradient(102deg,transparent 0 61%,rgba(200,245,255,.45) 61.5%,transparent 62.2%),linear-gradient(101deg,transparent 0 70%,rgba(251,214,255,.24) 70.4%,transparent 71%);filter:blur(1.8px)}.lightning-wash::after{background:radial-gradient(circle at 74% 14%,rgba(255,255,255,.68),transparent 17%),radial-gradient(circle at 31% 30%,rgba(174,236,245,.32),transparent 17%);filter:blur(18px)}.experience.has-arrival-glow .lightning-wash{opacity:.13}.experience.effects-off .screen-atmosphere{display:none}
.scene-ui{position:absolute;right:clamp(16px,2.3vw,43px);top:50%;transform:translateY(-44%);z-index:110;display:flex;flex-direction:column;align-items:center;gap:26px}.scene-rail{display:flex;flex-direction:column;align-items:center;gap:15px}.current-page{writing-mode:vertical-rl;text-orientation:mixed;font-size:9px;letter-spacing:.23em;color:#a8cbd3;font-weight:700;transform:rotate(180deg);text-transform:uppercase}.scene-dots{display:flex;flex-direction:column;gap:8px;align-items:center}.scene-dot{width:30px;height:18px;display:grid;place-items:center;background:none;border:0;padding:3px}.scene-dot::after{content:'';display:block;width:4px;height:4px;border:1px solid #a9c3c99b;transform:rotate(45deg);transition:.25s}.scene-dot.is-active::after{background:#b8ffff;border-color:#b8ffff;box-shadow:0 0 13px rgba(133,249,255,.65);width:6px;height:6px}.scene-dot:hover::after{border-color:#fff}.scene-progress{font-size:9px;font-weight:700;letter-spacing:.1em;color:#c4e1e5;white-space:nowrap}.scene-controls{display:flex;flex-direction:column;gap:9px}.scene-controls button{background:rgba(2,8,13,.3);border:1px solid rgba(190,237,240,.35);color:#e1f6f6;width:38px;height:38px;font-size:17px}.scene-controls button:disabled{opacity:.22;cursor:default}.scene-controls button:not(:disabled):hover{background:#153342}.experience-hint{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font-size:9px;font-weight:700;letter-spacing:.17em;color:#a4bdc7;z-index:108;white-space:nowrap}.scene-announcer{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
/* Cinematic specimen and discovery interactive planes.  These do NOT invent anatomy. */
.feature{position:absolute;z-index:5;right:clamp(65px,9vw,166px);top:23%;height:54%;width:min(39vw,600px);pointer-events:auto}.feature__meta{font-size:9px;font-weight:800;letter-spacing:.21em;color:#a4cad0;display:block;text-transform:uppercase}
.feature--sigil{display:flex;align-items:center;justify-content:center;pointer-events:none}.sigil-core{position:relative;width:min(55vh,100%);aspect-ratio:1;display:grid;place-items:center;z-index:2;background:radial-gradient(circle,rgba(105,181,211,.07) 0%,transparent 62%)}.sigil-core img{width:min(390px,88%);height:min(390px,88%);object-fit:contain;filter:drop-shadow(0 0 22px rgba(164,243,246,.16));mix-blend-mode:screen}.sigil-orbit{position:absolute;width:min(55vh,100%);aspect-ratio:1;border:1px solid rgba(182,228,236,.19);border-radius:50%;box-shadow:0 0 0 22px rgba(164,222,238,.022)}.sigil-orbit--two{width:min(67vh,115%);border-color:rgba(161,196,216,.075)}.feature--sigil .feature__meta{position:absolute;bottom:-18px;text-align:center;font-size:8px}
.feature--roster{top:18%;bottom:14%;height:auto}.roster-spot{padding:20px 0 10px;display:flex;flex-direction:column;gap:10px;min-height:130px}.roster-spot>span{font-size:11px;font-weight:700;letter-spacing:.2em;color:#99e2e6}.roster-spot strong{font:400 clamp(27px,3.2vw,59px)/1.15 var(--serif);letter-spacing:-.045em;color:#f5f7f3}.roster-spot small{font-size:9px;letter-spacing:.17em;color:#a5bbc4}.roster-names{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;max-height:min(36vh,350px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6793a7 transparent}.roster-name{border:0;background:transparent;color:#adc6ce;display:flex;align-items:center;gap:11px;text-align:left;padding:10px 1px;border-bottom:1px solid var(--edge);min-width:0}.roster-name small{font-size:8px;color:#79b3c0}.roster-name span{font:500 clamp(12px,1.2vw,18px) var(--serif);white-space:nowrap}.roster-name.is-active,.roster-name:hover{color:#a8f4f8}.feature-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid rgba(154,225,237,.7);color:#d9f4f8;font-size:9px;letter-spacing:.17em;font-weight:700;margin-top:15px;padding:10px 0}.feature-link[hidden]{display:none}
.feature--garment{top:12%;height:78%;display:flex;flex-direction:column;align-items:center}.garment-stage{position:relative;width:min(100%,540px);flex:1;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(163,227,239,.16);background:linear-gradient(145deg,rgba(6,16,24,.58),rgba(1,5,11,.18));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 24px 54px rgba(0,0,0,.35);border-radius:26px;padding:18px}.garment-stage::before{content:'';position:absolute;inset:12px;border-radius:20px;border:1px solid rgba(156,222,238,.08);pointer-events:none}.garment-light{position:absolute;width:82%;height:78%;border-radius:50%;background:radial-gradient(ellipse,rgba(97,201,220,.36),rgba(104,84,168,.17) 38%,rgba(0,0,0,0) 71%);filter:blur(16px)}.garment-art{position:relative;height:min(48vh,410px);width:min(60%,320px);transition:transform 1s var(--ease),filter 1s;filter:drop-shadow(0 24px 34px #000e) drop-shadow(0 0 34px rgba(110,222,237,.22))}.garment-art::before{content:'';position:absolute;inset:-10% -18%;background:radial-gradient(circle at 50% 35%,rgba(143,230,241,.18),transparent 36%),radial-gradient(circle at 55% 63%,rgba(235,180,247,.10),transparent 38%);filter:blur(10px);z-index:-1}.garment-art svg{height:100%;width:100%;overflow:visible}.garment-art.is-switched{animation:object-switch .65s var(--ease)}.garment-code{font:500 clamp(16px,2vw,26px) var(--serif);margin:12px 0 3px;letter-spacing:.04em}.garment-sub{font-size:9px;letter-spacing:.16em;color:#b8cbd4;text-transform:uppercase}.garment-controls{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px}.garment-controls button{color:#bfe2ea;background:rgba(1,8,17,.46);border:1px solid rgba(153,221,237,.2);padding:10px 12px;font-size:9px;letter-spacing:.09em;border-radius:999px;text-transform:uppercase}.garment-controls button.is-active,.garment-controls button:hover{background:linear-gradient(180deg,rgba(69,148,170,.32),rgba(30,66,84,.24));border-color:rgba(191,245,248,.8);color:#fff;box-shadow:0 0 20px rgba(148,238,246,.1)}
.feature--books{top:22%;height:58%}.book-plinths{display:flex;align-items:flex-end;justify-content:center;height:79%;gap:14px;perspective:950px;margin-top:18px}.book-monolith{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;width:27%;height:77%;background:linear-gradient(115deg,#182e3b,#040b13 21%,#081823 56%,#162b38 92%,#070e17);box-shadow:13px 20px 38px rgba(0,0,0,.8),inset 2px 0 #bedbe86e,inset -2px 0 #02090e;border:1px solid rgba(149,214,231,.23);transform:rotateY(-16deg) translateZ(-25px);color:#e4e8e4;transition:transform .6s var(--ease),box-shadow .6s}.book-monolith:nth-child(2){height:90%}.book-monolith.is-active,.book-monolith:hover{transform:rotateY(-8deg) translateY(-14px) translateZ(18px);box-shadow:18px 26px 49px #000e,0 0 35px rgba(151,228,244,.13);border-color:#bce5ed74}.book-spine{font:500 9px var(--serif);writing-mode:vertical-rl;letter-spacing:.1em;color:#b5c9cd}.book-monolith strong{font:500 clamp(25px,3.8vw,60px) var(--serif)}.book-monolith small{font-size:8px;color:#91bbc7;letter-spacing:.12em}.books-caption{font-size:9px;letter-spacing:.13em;color:#c8dadd;display:block;text-align:center;margin-top:23px}
.feature--signal{top:20%;height:65%;display:flex;flex-direction:column;align-items:center}.signal-rings{height:min(39vh,390px);width:min(38vw,390px);position:relative;display:grid;place-items:center}.signal-rings>i{position:absolute;border:1px solid rgba(164,230,242,.24);border-radius:50%;width:88%;height:88%;box-shadow:0 0 55px rgba(85,191,221,.09)}.signal-rings>i:nth-child(2){width:63%;height:63%;border-color:rgba(200,164,231,.3)}.signal-rings>i:nth-child(3){width:33%;height:33%;border-color:rgba(166,237,247,.4);background:radial-gradient(circle,rgba(121,234,246,.12),transparent 73%)}.signal-barset{height:56%;width:56%;display:flex;justify-content:center;align-items:center;gap:3px;z-index:1}.signal-barset b{width:3px;height:clamp(6%,var(--height),72%);background:#b2f0f2;opacity:.5;box-shadow:0 0 10px #80d8e78a;animation:signal-rhythm 2.8s ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -70ms)}.feature--signal[data-signal-mode='1'] .signal-barset b{background:#daa9ed;animation-duration:4.1s}.feature--signal[data-signal-mode='2'] .signal-barset b{background:#e2f0f2;animation-duration:5.8s}.signal-options{display:flex;gap:15px;margin:0 0 13px}.signal-options button{border:0;border-bottom:1px solid rgba(168,226,239,.26);background:none;color:#bdd4da;padding:10px 4px;font-size:9px;letter-spacing:.14em}.signal-options button.is-active,.signal-options button:hover{border-color:#c4f6f9;color:#e9feff}.signal-note{max-width:390px;color:#c5dce0;font-size:12px;text-align:center;line-height:1.65}
.feature--dossier{display:flex;flex-direction:column;gap:30px;align-items:flex-start;justify-content:center}.dossier-access{width:100%;max-width:440px;text-align:left;font:400 clamp(21px,2.7vw,45px)/1.3 var(--serif);border:0;border-bottom:1px solid rgba(190,238,241,.6);padding:23px 0;color:#e7f6f6;background:none;display:flex;justify-content:space-between;gap:30px}.dossier-access:hover{color:#a7eff5}.dossier-rule{height:1px;width:100%;background:linear-gradient(90deg,#98eff970,transparent)}.dossier-small{color:#97bbc5;font-size:9px;letter-spacing:.13em}
/* Dedicated scrollable dossier is the only intentionally vertical reading surface. */
.detail-panel{position:absolute;inset:0;z-index:160;display:none}.detail-panel.is-open{display:block}.detail-backdrop{position:absolute;inset:0;background:rgba(0,4,8,.78);backdrop-filter:blur(12px)}.detail-content{position:absolute;right:0;top:0;width:min(560px,100%);height:100%;overflow-y:auto;padding:clamp(35px,5vw,72px);background:linear-gradient(136deg,#0c1b27,#02060b);border-left:1px solid rgba(193,235,239,.24)}.detail-close{display:block;margin-left:auto;color:#e5f6f8;border:1px solid var(--edge);background:none;padding:10px 15px;font-size:10px;letter-spacing:.17em}.detail-overline{display:block;color:#9ec9d1;font-size:10px;letter-spacing:.13em;margin-top:80px}.detail-content h2{font:500 clamp(32px,5vw,66px) var(--serif);margin:21px 0 30px}.detail-content section{padding:20px 0;border-top:1px solid var(--edge)}.detail-content h3{font-size:11px;letter-spacing:.17em;color:#d2f4f5;margin-bottom:12px}.detail-content p{color:#bcd6dd;font-size:15px;line-height:1.9;margin:0}
@keyframes chromatic-title{0%{background-position:0% 50%}100%{background-position:100% 50%}}@keyframes chrome-reflect{0%,100%{background-position:0% 0,0% 50%;opacity:.8}45%{background-position:0% 0,55% 50%;opacity:.92}70%{background-position:0% 0,100% 50%;opacity:.74}}@keyframes micro-splashes{0%,100%{transform:translate3d(0,0,0);opacity:.44}35%{transform:translate3d(.5%,.2%,0);opacity:.62}68%{transform:translate3d(-.35%,.4%,0);opacity:.5}}@keyframes chromatic-title{0%{background-position:0% 50%}100%{background-position:100% 50%}}@keyframes chrome-sheen{0%{filter:drop-shadow(0 7px 28px rgba(0,0,0,.62)) drop-shadow(0 0 14px rgba(117,224,241,.1));transform:translateZ(0)}50%{filter:drop-shadow(0 7px 28px rgba(0,0,0,.62)) drop-shadow(0 0 20px rgba(228,186,241,.16));transform:translateZ(0)}100%{filter:drop-shadow(0 7px 28px rgba(0,0,0,.62)) drop-shadow(0 0 14px rgba(117,224,241,.1));transform:translateZ(0)}}@keyframes neon-shimmer{0%,100%{opacity:.24;transform:translate3d(0,0,0) scale(1)}50%{opacity:.46;transform:translate3d(.3%,0,0) scale(1.01)}}@keyframes scene-breathe{from{opacity:.45;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}@keyframes object-switch{0%{opacity:.5;transform:scale(.87) rotateY(-17deg)}100%{opacity:1;transform:scale(1) rotateY(0)}}@keyframes signal-rhythm{0%{transform:scaleY(.3);opacity:.25}100%{transform:scaleY(1.2);opacity:.87}}@keyframes menu-arrival{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}}
[data-shot-id='threshold'] .shot-image{object-position:58% 48%;transform:scale(1.11) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='rogue-world'] .shot-image{object-position:72% 30%;transform:scale(1.15) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='black-fluid'] .shot-image{object-position:68% 56%;transform:scale(1.08) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='reactive-storm'] .shot-image,[data-shot-id='naren-rain'] .shot-image{object-position:63% 38%;transform:scale(1.16) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='living-world'] .shot-image,[data-shot-id='species-ecology'] .shot-image{object-position:56% 43%;transform:scale(1.12) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='archive-ten'] .shot-image,[data-shot-id='species-intro'] .shot-image{object-position:48% 42%;transform:scale(1.12) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='chronicles'] .shot-image,[data-shot-id='books-intro'] .shot-image{object-position:50% 30%;transform:scale(1.16) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='naren-intro'] .shot-image{object-position:52% 24%;transform:scale(1.17) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='species-cryphid'] .shot-image,[data-shot-id='cryphid-intro'] .shot-image{object-position:58% 40%;transform:scale(1.14) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='collection-intro'] .shot-image{object-position:42% 33%;transform:scale(1.12) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='archive-intro'] .shot-image{object-position:48% 58%;transform:scale(1.09) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}[data-shot-id='books-volumes'] .shot-image{object-position:54% 46%;transform:scale(1.13) translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0)}
@media(max-width:1100px){.desktop-nav{display:none}.brand{min-width:0}.header-utilities{margin-left:auto}.shot-copy{width:min(73vw,850px)}.feature{right:75px;width:40vw}.shot--roster .shot-copy,.shot--sigil .shot-copy,.shot--books .shot-copy,.shot--signal .shot-copy,.shot--garment .shot-copy{width:44vw}}
@media(max-width:760px){:root{--rail:clamp(19px,5.4vw,42px);--header:74px}.cinema-header{gap:15px}.brand strong{font-size:16px}.brand small{font-size:6px}.header-utilities{gap:14px}.language{display:none}.shot-meta{top:calc(var(--header) + 22px);font-size:8px}.shot-meta span:last-child{display:none}.shot-copy{left:var(--rail);right:calc(var(--rail) + 14px);bottom:clamp(110px,15.5vh,180px);width:calc(100vw - var(--rail)*2 - 22px);max-height:calc(100svh - var(--header) - 120px)}.shot--right .shot-copy,.shot--center .shot-copy{left:var(--rail);right:calc(var(--rail) + 20px);transform:none;align-items:flex-start;text-align:left;width:calc(100vw - var(--rail)*2 - 20px)}.shot--center .shot-copy{bottom:17%}.shot-title{font-size:clamp(40px,10vw,75px);line-height:1.15;margin:13px 0 18px;max-width:100%}.shot-title.wordmark{font-size:clamp(27px,8.1vw,64px);letter-spacing:-.075em}.shot--hero .shot-title:not(.wordmark){font-size:clamp(52px,11.5vw,91px)}.shot-description{font-size:14px;line-height:1.67;max-width:490px;margin-bottom:20px}.shot-overline{font-size:8px;letter-spacing:.12em}.scene-action{gap:19px;font-size:9px;padding:10px 2px}.shot-foot{bottom:18px;font-size:7px}.shot-foot span:last-child{display:none}.shot-image{left:-30%;width:150%;object-position:center}.shot--right .shot-image{left:-35%;object-position:63% center}.scene-ui{right:10px;gap:12px}.current-page{display:none}.scene-dots{gap:4px}.scene-dot{width:18px;height:19px}.scene-controls button{width:29px;height:32px;font-size:15px}.scene-progress{font-size:7px}.experience-hint{bottom:53px;font-size:7px;letter-spacing:.1em;left:var(--rail);transform:none;max-width:75vw;white-space:normal}.feature{width:auto;right:calc(var(--rail) + 27px);left:var(--rail);top:16%;height:33%;z-index:3;opacity:.97}.shot--roster .shot-copy,.shot--sigil .shot-copy,.shot--books .shot-copy,.shot--garment .shot-copy,.shot--signal .shot-copy,.shot--dossier .shot-copy{left:var(--rail);right:calc(var(--rail) + 16px);bottom:12%;width:calc(100vw - var(--rail)*2 - 18px)}.shot--roster .shot-copy .shot-title,.shot--sigil .shot-copy .shot-title,.shot--garment .shot-copy .shot-title,.shot--books .shot-copy .shot-title,.shot--signal .shot-copy .shot-title,.shot--dossier .shot-copy .shot-title{font-size:clamp(33px,8vw,57px)}.shot--roster .shot-copy .shot-description,.shot--sigil .shot-copy .shot-description,.shot--garment .shot-copy .shot-description,.shot--books .shot-copy .shot-description,.shot--signal .shot-copy .shot-description,.shot--dossier .shot-copy .shot-description{font-size:12px;max-width:530px}.feature--roster{top:17%;height:37%}.roster-spot{min-height:0;padding:0 0 4px;gap:3px}.roster-spot strong{font-size:25px}.roster-spot>span,.roster-spot small{font-size:8px}.roster-names{max-height:22vh;gap:0 12px}.roster-name{padding:4px 1px}.roster-name span{font-size:11px}.roster-name small{font-size:6px}.feature-link{margin-top:4px;font-size:8px}.feature--sigil{top:12%;height:41%;right:9%;left:auto;width:60vw}.sigil-core{height:min(36vh,250px);width:min(36vh,250px)}.sigil-orbit{width:min(40vh,260px)}.sigil-orbit--two{width:min(50vh,320px)}.feature--sigil .feature__meta{font-size:7px;bottom:3px}.feature--garment{top:13%;height:40%}.garment-stage{min-height:0;width:100%}.garment-art{height:min(27vh,240px)}.garment-code{font-size:15px}.garment-sub{font-size:7px}.garment-controls{gap:4px}.garment-controls button{padding:7px 5px;font-size:7px}.feature--books{top:12%;height:41%}.book-plinths{height:78%;margin-top:2px}.book-monolith{gap:5px}.book-monolith strong{font-size:32px}.book-spine{font-size:6px}.book-monolith small{font-size:6px}.books-caption{font-size:7px;margin-top:7px}.feature--signal{top:14%;height:38%}.signal-rings{height:26vh;width:38vw}.signal-options{margin:0;gap:5px}.signal-options button{font-size:8px;padding:4px}.signal-note{font-size:9px}.feature--dossier{top:17%;height:25%;gap:6px}.dossier-access{font-size:19px;padding:8px 0}.dossier-small{font-size:7px}.menu-pages a{grid-template-columns:35px 1fr 18px;padding:12px 0}.menu-pages strong{font-size:clamp(24px,6.8vw,43px)}.menu-bottom{font-size:8px}}
@media(max-width:410px){.brand strong{font-size:15px}.brand small{letter-spacing:.14em}.shot-description{font-size:13px}.shot-overline{max-width:95%;font-size:8px}.shot-title{font-size:clamp(38px,10vw,48px)}.shot-title.wordmark{font-size:clamp(25px,8.03vw,35px)}.shot--roster .shot-copy,.shot--sigil .shot-copy,.shot--books .shot-copy,.shot--garment .shot-copy,.shot--signal .shot-copy{bottom:12.3%}.feature--roster{height:37%}.roster-names{max-height:19vh}}
@media(max-height:640px){.shot-copy{bottom:clamp(60px,10vh,90px)}.shot-title{margin:10px 0}.shot-description{margin-bottom:10px;line-height:1.55}.shot-meta{top:calc(var(--header) + 8px)}.shot--roster .shot-copy,.shot--sigil .shot-copy,.shot--garment .shot-copy,.shot--books .shot-copy,.shot--signal .shot-copy{bottom:9%}.feature--roster{top:13%;height:40%}.roster-names{max-height:21vh}.scene-progress,.current-page{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.screen-atmosphere{display:none}.stage-pane.is-exiting{visibility:hidden}.stage-pane.is-visible{visibility:visible;opacity:1;transform:none!important}.shot-image{transform:none!important}}

/* Contact-light pass is a visual showroom study, not a product texture claim. */
.garment-stage::after{content:"";position:absolute;inset:8% 22%;pointer-events:none;background:linear-gradient(108deg,transparent 33%,rgba(198,241,250,.095) 47%,transparent 61%);background-size:270% 100%;background-position:15% 50%;mix-blend-mode:screen;animation:chromatic-title 11s ease-in-out infinite alternate;mask-image:radial-gradient(ellipse at center,#000 12%,transparent 72%)}
@media(prefers-reduced-motion:reduce){.garment-stage::after{animation:none!important}}


/* DARKDOMINIUM — Cinema Experience 03 / Director Camera Grammar
 * Authoritative reference: Cinema Experience 01 first 3 sticky-stage transitions.
 * Unlike v02 NO pane movement/slide, ONLY image camera, opacity and optical reveals.
 * This is a review-only local prototype, not production CSS. */
.experience[data-cinema-12] .stage-pane,
.experience[data-cinema-12] .stage-pane.is-visible,
.experience[data-cinema-12] .stage-pane.is-entering,
.experience[data-cinema-12] .stage-pane.is-exiting {
  position:absolute;inset:0;
  transform:none !important;
  filter:none !important;
  transition:none !important;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  will-change:opacity;
  overflow:hidden;
}
.experience[data-cinema-12] .shot { width:100%;height:100%;overflow:hidden;isolation:isolate }
.experience[data-cinema-12] .shot-bg { overflow:hidden;contain:paint }
.experience[data-cinema-12] .shot-image {
  left:-4%;top:-4%;width:108%;height:108%;
  max-width:none;
  object-fit:cover;
  transform:translate3d(var(--mouse-x, 0px),var(--mouse-y, 0px),0) scale(var(--optic-scale,1.06)) !important;
  transition:none !important;
  will-change:transform;
}
.experience[data-cinema-12] .shot-copy {
  opacity:var(--copy-opacity,1);
  transform:translate3d(0,var(--copy-y,0px),0);
  will-change:opacity,transform;
  transition:none !important;
  max-width:calc(100vw - 2 * var(--rail) - 56px);
}
.experience[data-cinema-12] .shot--center .shot-copy {
  transform:translate3d(-50%,var(--copy-y,0px),0);
}
.experience[data-cinema-12] .feature {
  opacity:var(--copy-opacity,1);
  transition:none !important;
  will-change:opacity;
}
.experience[data-cinema-12] .shot-title,
.experience[data-cinema-12] .shot-description,
.experience[data-cinema-12] .shot-overline {
  overflow:visible;
  max-width:100%;
}
.experience[data-cinema-12] .shot-title {
  text-wrap:balance;
  overflow-wrap:break-word;
  word-break:normal;
  font-size:clamp(38px,5.8vw,103px);
  line-height:1.14;
  letter-spacing:-.042em;
}
.experience[data-cinema-12] .shot--hero .shot-title:not(.wordmark){font-size:clamp(42px,6.2vw,114px)}
.experience[data-cinema-12] .shot-title.wordmark {
  /* Author's own logo asset is still a separate unresolved brand master. */
  font-size:clamp(31px,6.75vw,116px);
  letter-spacing:-.049em;
  white-space:nowrap;
  max-width:100%;
  padding-right:.10em;
  margin-left:0;
  text-wrap:nowrap;
}
.experience[data-cinema-12] .shot-copy {
  bottom:clamp(113px,16vh,177px);
  width:min(69vw,1020px);
}
.experience[data-cinema-12] .shot--right .shot-copy {
  right:max(var(--rail),4.5vw);
  left:auto;
}
.experience[data-cinema-12] .shot--center .shot-copy{width:min(77vw,1050px);bottom:18%}
.experience[data-cinema-12] .shot--roster .shot-copy,
.experience[data-cinema-12] .shot--sigil .shot-copy,
.experience[data-cinema-12] .shot--garment .shot-copy,
.experience[data-cinema-12] .shot--books .shot-copy,
.experience[data-cinema-12] .shot--signal .shot-copy,
.experience[data-cinema-12] .shot--dossier .shot-copy {
  width:min(43vw,690px);
}
.experience[data-cinema-12] .scene-ui {z-index:110}
.experience[data-cinema-12] .scene-rail .scene-dot {touch-action:manipulation}
.experience[data-cinema-12] .shot-meta {pointer-events:none}
.experience[data-cinema-12] .shot-foot{pointer-events:none}
/* Preserve image contrast and cinematic vignette instead of moving the entire DOM. */
.experience[data-cinema-12] .shot-vignette {
  background:linear-gradient(90deg,rgba(0,4,9,.87) 0%,rgba(0,4,9,.60) 31%,rgba(0,4,9,.1) 65%),
  linear-gradient(180deg,rgba(0,4,9,.20),transparent 27%,rgba(0,3,8,.8) 100%);
}
.experience[data-cinema-12] .shot--right .shot-vignette {
  background:linear-gradient(270deg,rgba(0,4,9,.90),rgba(0,4,9,.59) 32%,rgba(0,4,9,.10) 72%),
  linear-gradient(180deg,rgba(0,4,9,.2),transparent 28%,rgba(0,3,8,.83));
}
@media(max-width:1100px) {
  .experience[data-cinema-12] .shot-copy {width:min(75vw,820px)}
  .experience[data-cinema-12] .shot--roster .shot-copy,
  .experience[data-cinema-12] .shot--sigil .shot-copy,
  .experience[data-cinema-12] .shot--books .shot-copy,
  .experience[data-cinema-12] .shot--garment .shot-copy,
  .experience[data-cinema-12] .shot--signal .shot-copy,
  .experience[data-cinema-12] .shot--dossier .shot-copy {width:44vw}
}
@media(max-width:760px){
  .experience[data-cinema-12] .shot-image,
  .experience[data-cinema-12] .shot--right .shot-image {left:-25%;top:-2%;width:150%;height:104%;object-position:center}
  .experience[data-cinema-12] .shot-copy,
  .experience[data-cinema-12] .shot--right .shot-copy,
  .experience[data-cinema-12] .shot--center .shot-copy {
    left:var(--rail);right:calc(var(--rail) + 20px);
    transform:translate3d(0,var(--copy-y,0px),0);
    text-align:left;align-items:flex-start;
    width:calc(100vw - 2 * var(--rail) - 22px);
    max-width:calc(100vw - 2 * var(--rail) - 22px);
    bottom:clamp(112px,15.5vh,145px);
  }
  .experience[data-cinema-12] .shot-title {font-size:clamp(37px,9.0vw,68px);line-height:1.13;letter-spacing:-.048em;margin:12px 0 18px}
  .experience[data-cinema-12] .shot--hero .shot-title:not(.wordmark){font-size:clamp(42px,9.2vw,77px)}
  .experience[data-cinema-12] .shot-title.wordmark{font-size:clamp(27px,8.0vw,60px);letter-spacing:-.065em}
  .experience[data-cinema-12] .shot--roster .shot-copy,
  .experience[data-cinema-12] .shot--sigil .shot-copy,
  .experience[data-cinema-12] .shot--books .shot-copy,
  .experience[data-cinema-12] .shot--garment .shot-copy,
  .experience[data-cinema-12] .shot--signal .shot-copy,
  .experience[data-cinema-12] .shot--dossier .shot-copy {bottom:11.2%;width:calc(100vw - 2 * var(--rail) - 22px)}
  .experience[data-cinema-12] .feature{right:calc(var(--rail) + 25px);left:var(--rail)}
}
@media(max-width:410px){
  .experience[data-cinema-12] .shot-title{font-size:clamp(32px,9vw,42px)}
  .experience[data-cinema-12] .shot--hero .shot-title:not(.wordmark){font-size:clamp(35px,9vw,53px)}
  .experience[data-cinema-12] .shot-title.wordmark{font-size:clamp(24px,7.65vw,32px)}
}
@media(max-height:640px){
  .experience[data-cinema-12] .shot-copy{bottom:clamp(57px,11vh,87px)}
  .experience[data-cinema-12] .shot-title {line-height:1.1;margin:7px 0 12px}
  .experience[data-cinema-12] .shot-description{line-height:1.52;margin:0 0 12px}
}
@media(prefers-reduced-motion:reduce){
  .experience[data-cinema-12] .shot-image{transform:none!important;will-change:auto}
  .experience[data-cinema-12] .stage-pane{will-change:auto}
  .experience[data-cinema-12] .shot-copy{transform:none!important;opacity:1!important}
  .experience[data-cinema-12] .feature{opacity:1!important}
}

/* Chapter labels belong to the current cinematic beat, not both overlapping panes. */
.experience[data-cinema-12] .shot-meta,
.experience[data-cinema-12] .shot-foot { opacity:var(--copy-opacity,1) }
/* Reduced-motion must preserve alignment geometry, even though movement is disabled. */
@media(min-width:761px) and (prefers-reduced-motion:reduce){
 .experience[data-cinema-12] .shot--center .shot-copy{transform:translateX(-50%)!important}
}


/* CINEMA 06 — STRICT OPTICAL MATERIAL LANGUAGE. APPENDED OVERRIDES. */
.shot-title{letter-spacing:-.056em;text-shadow:none;isolation:isolate;overflow:visible}
.shot-title .title-fill{position:relative;z-index:3;color:transparent;background:linear-gradient(180deg,#fbffff 0%,#f5fcff 8%,#667c89 18%,#f7ffff 27%,#dae8f0 34%,#303d4e 42%,#f6ffff 54%,#93c5d5 64%,#f9ffff 74%,#778d9c 88%,#e8f4fb 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 6px 17px rgba(0,0,0,.66)) drop-shadow(0 0 8px rgba(128,237,253,.08));animation:none;-webkit-text-stroke:.35px rgba(223,249,255,.34)}
.shot-title .title-chrome{position:absolute;z-index:4;inset:0;color:transparent;background:linear-gradient(106deg,transparent 0%,rgba(210,248,255,.18) 12%,rgba(164,243,255,.62) 21%,transparent 30%,rgba(255,255,255,.52) 40%,transparent 49%,rgba(206,146,241,.56) 60%,rgba(153,233,255,.55) 70%,transparent 86%,rgba(255,255,255,.22) 100%);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;mix-blend-mode:screen;opacity:.72;animation:dd-chrome-travel 16s ease-in-out infinite alternate}
.shot-title .title-glow{opacity:.21;filter:blur(14px);z-index:1}
.shot-title .title-splash,.shot-title .title-water{display:none!important}
.shot-title .title-spray{position:absolute;inset:0;z-index:6;display:block;color:transparent!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;-webkit-background-clip:text!important;background-repeat:no-repeat;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:inherit;text-transform:inherit;pointer-events:none;mix-blend-mode:screen;opacity:.97}
@keyframes dd-chrome-travel{0%{background-position:4% 50%}50%{background-position:65% 50%;opacity:.83}100%{background-position:96% 50%}}
/* Continuous viewport-scoped storm and wet glass. Interactive UI always stays above. */
.screen-atmosphere{z-index:64;pointer-events:none;isolation:isolate}
.rain-canvas{opacity:.95}
.glass-canvas,.glass-refract-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:.95}
.glass-canvas{z-index:2}.glass-refract-canvas{z-index:3}
.has-gpu-glass .glass-canvas{display:none}
.lightning-wash{z-index:4}
.cinema-header,.cinema-menu,.scene-ui,.detail-panel{isolation:isolate}
/* Luxury fabric / editorial product studies; no fabricated official merch. */
.feature--garment{top:12.8%;height:76%;right:clamp(68px,6.7vw,118px);width:min(44vw,610px)}
.garment-stage{position:relative;isolation:isolate;width:min(100%,570px);height:calc(100% - 70px);min-height:300px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:5px 0 10px;overflow:visible}
.garment-stage::before{content:'';position:absolute;inset:-10% -4% -2%;background:radial-gradient(ellipse at 55% 48%,rgba(123,194,214,.23),transparent 52%),radial-gradient(ellipse at 40% 67%,rgba(192,102,188,.13),transparent 62%);filter:blur(23px);z-index:-2;pointer-events:none}
.garment-stage::after{content:'';position:absolute;inset:5% 1% 11%;border-left:1px solid rgba(192,237,247,.2);border-right:1px solid rgba(192,237,247,.13);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 82%,transparent);pointer-events:none;z-index:-1}
.garment-light{position:absolute;width:80%;height:62%;border-radius:50%;background:radial-gradient(ellipse,rgba(138,220,238,.18),rgba(151,75,183,.08) 51%,transparent 72%);filter:blur(23px);z-index:0}
.garment-arc{position:absolute;z-index:1;width:min(73%,410px);aspect-ratio:1;top:12%;border:1px solid rgba(173,226,236,.12);border-radius:50%;box-shadow:0 0 75px rgba(102,205,232,.055),inset 0 0 45px rgba(102,205,232,.028);transform:rotateX(70deg) rotate(-14deg);pointer-events:none}
.garment-art{z-index:3;position:relative;width:min(83%,445px);height:min(52vh,540px);max-height:540px;filter:drop-shadow(0 26px 35px rgba(0,0,0,.9)) drop-shadow(0 0 27px rgba(108,220,243,.11));transition:transform .8s cubic-bezier(.17,.8,.2,1),opacity .6s;opacity:1}
.garment-art img{display:block;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse at 50% 46%,#000 42%,rgba(0,0,0,.92) 58%,transparent 77%);-webkit-mask-image:radial-gradient(ellipse at 50% 46%,#000 42%,rgba(0,0,0,.92) 58%,transparent 77%)}
.garment-art.is-switched{animation:dd-material-reveal .65s cubic-bezier(.17,.8,.2,1)}
@keyframes dd-material-reveal{from{opacity:.55;transform:translateY(13px) scale(.96);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
.garment-superline{z-index:4;margin:-13px 0 10px;color:#9ddde8;font-size:8px;letter-spacing:.26em;font-weight:800}
.garment-code{z-index:4;font:500 clamp(17px,1.7vw,26px)/1.2 var(--serif);letter-spacing:.08em;color:#edf6f7;margin:0 0 9px}
.garment-sub{z-index:4;text-transform:uppercase;color:#a9c7cf;font-size:8px;letter-spacing:.1em;text-align:center}
.garment-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.garment-controls button{background:rgba(7,17,24,.28);border:1px solid rgba(147,210,226,.22);color:#c8e4ea;border-radius:0;padding:9px 11px;font-size:9px;letter-spacing:.07em}
.garment-controls button.is-active{border-color:rgba(188,242,247,.7);color:#f8fcfc;background:rgba(99,190,215,.17)}
@media(max-width:760px){.feature--garment{width:calc(100vw - var(--rail)*2 - 16px);right:var(--rail);height:38%;top:auto;bottom:9%;}.garment-stage{min-height:0;height:76%;}.garment-art{height:100%;width:56%;}.garment-superline{font-size:7px;margin:-7px 0 6px}.garment-code{font-size:15px;margin:0 0 5px}.garment-sub{font-size:7px}.garment-controls{margin-top:7px;gap:4px}.garment-controls button{padding:7px 7px;font-size:7px}.shot--garment .shot-copy{bottom:49%!important;width:calc(100% - var(--rail)*2 - 15px)!important;max-height:28%;}.shot--garment .shot-title{font-size:clamp(31px,8vw,54px)!important;margin:7px 0 8px}.shot--garment .shot-description{font-size:12px;line-height:1.4;max-width:90%}}
@media(prefers-reduced-motion:reduce){.title-chrome,.title-glow,.title-fill,.title-spray,.garment-art{animation:none!important;transition:none!important}.glass-canvas,.glass-refract-canvas{display:none!important}}

.shot--wordmark .shot-copy{width:calc(100vw - var(--rail)*2 - 62px);max-width:none}
@media(max-width:760px){.shot--wordmark .shot-copy{width:calc(100vw - var(--rail)*2 - 12px)!important;max-width:none}.shot-title.wordmark{line-height:1.05;margin-left:0}}


/* CINEMA 07 — FOUNDER REVIEW: typographic geometry + disciplined motion */
.experience[data-cinema-12] .stage-pane{transition:none!important;filter:none!important;transform:none!important}
.experience[data-cinema-12] .shot-copy{opacity:var(--copy-opacity,1);transform:translate3d(0,var(--copy-y,0px),0);max-height:calc(100svh - var(--header) - 110px)}
.experience[data-cinema-12] .shot--center .shot-copy{transform:translate3d(-50%,var(--copy-y,0px),0)}
.experience[data-cinema-12] .shot-title{font-size:clamp(37px,5.7vw,97px);line-height:1.105;letter-spacing:-.043em;margin:13px 0 19px;max-width:100%;overflow:visible;transform:translate3d(0,var(--title-travel,0px),0) scale(var(--title-scale,1));transform-origin:left bottom;filter:blur(var(--title-blur,0px));will-change:opacity,transform,filter;text-wrap:balance;overflow-wrap:break-word;word-break:normal}
.experience[data-cinema-12] .shot--hero .shot-title:not(.wordmark){font-size:clamp(45px,7.3vw,123px)}
.experience[data-cinema-12] .shot--wordmark .shot-copy{width:calc(100vw - 2*var(--rail) - 64px);max-width:1320px}
.experience[data-cinema-12] .shot-title.wordmark{font-size:clamp(38px,7.65vw,130px);letter-spacing:-.056em;white-space:nowrap;text-wrap:nowrap;line-height:1.14;margin-left:0;padding-right:.065em;transform-origin:left center}
.experience[data-cinema-12] .shot-overline{transform:translate3d(0,var(--overline-travel,0px),0);opacity:var(--copy-opacity,1);will-change:transform,opacity}
.experience[data-cinema-12] .shot-description{transform:translate3d(0,var(--description-travel,0px),0);opacity:var(--copy-opacity,1);will-change:transform,opacity;max-width:560px}
.experience[data-cinema-12] .scene-action{transform:translate3d(0,var(--description-travel,0px),0);opacity:var(--copy-opacity,1);will-change:transform,opacity}
.experience[data-cinema-12] .shot--center .shot-title{transform-origin:center bottom}
.experience[data-cinema-12] .shot--roster .shot-copy,.experience[data-cinema-12] .shot--sigil .shot-copy,.experience[data-cinema-12] .shot--garment .shot-copy,.experience[data-cinema-12] .shot--books .shot-copy,.experience[data-cinema-12] .shot--signal .shot-copy,.experience[data-cinema-12] .shot--dossier .shot-copy{width:min(39vw,610px);max-width:min(39vw,610px);bottom:21%;}
.experience[data-cinema-12] .shot--roster .shot-title,.experience[data-cinema-12] .shot--sigil .shot-title,.experience[data-cinema-12] .shot--garment .shot-title,.experience[data-cinema-12] .shot--books .shot-title,.experience[data-cinema-12] .shot--signal .shot-title,.experience[data-cinema-12] .shot--dossier .shot-title{font-size:clamp(31px,4.15vw,67px);line-height:1.13}
.experience[data-cinema-12] .shot--garment .shot-copy,.experience[data-cinema-12] .shot--garment.shot--right .shot-copy{left:var(--rail);right:auto;bottom:23%;width:min(37vw,530px);max-width:min(37vw,530px);text-align:left;align-items:flex-start}
.experience[data-cinema-12] .shot--garment .shot-title{font-size:clamp(30px,4.0vw,61px);line-height:1.14}
.experience[data-cinema-12] .feature--garment{right:calc(var(--rail) + 8px);width:min(42vw,570px);height:71%;top:16%;left:auto;z-index:6;}
.experience[data-cinema-12] .garment-art{height:min(42vh,410px)}
.experience[data-cinema-12] .garment-stage{height:calc(100% - 64px)}
/* Chrome is a reflective material rather than a multicolour glow. */
.experience[data-cinema-12] .shot-title .title-fill{color:transparent;background:linear-gradient(180deg,#fafcfd 0%,#e6f3f7 11%,#566e80 20%,#fdfdff 29%,#b4d4df 40%,#2e495b 46%,#f2fbff 55%,#b2dce8 68%,#f9fcff 83%,#627c8d 97%);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;animation:none;-webkit-text-stroke:.22px rgba(238,249,253,.26);filter:drop-shadow(0 5px 17px rgba(0,0,0,.65))}
.experience[data-cinema-12] .shot-title .title-chrome{color:transparent;background:linear-gradient(104deg,transparent 0%,rgba(150,220,239,.04) 19%,rgba(155,239,250,.30) 30%,rgba(255,255,255,.40) 34%,rgba(220,184,234,.23) 41%,transparent 48%,rgba(182,239,246,.31) 57%,rgba(247,252,255,.36) 62%,transparent 75%,rgba(222,172,235,.19) 94%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;mix-blend-mode:screen;opacity:.72;animation:dd-specular-07 18s ease-in-out infinite alternate}
.experience[data-cinema-12] .shot-title .title-glow{opacity:.085;filter:blur(8px)}
.experience[data-cinema-12] .shot-title .title-spray{opacity:1;mix-blend-mode:screen;background-clip:text!important;-webkit-background-clip:text!important}
@keyframes dd-specular-07{0%{background-position:5% 50%;opacity:.44}45%{background-position:52% 50%;opacity:.81}100%{background-position:96% 50%;opacity:.52}}
/* Effects never cross the navigation and the camera never scrolls the glass. */
.experience[data-cinema-12] .screen-atmosphere{z-index:64;isolation:isolate;pointer-events:none}
.experience[data-cinema-12] .glass-canvas,.experience[data-cinema-12] .glass-refract-canvas{opacity:.72}
.experience[data-cinema-12] .lightning-wash{z-index:3;opacity:var(--flash,0);background:radial-gradient(ellipse 29% 33% at var(--bolt-pos,73%) 23%,hsla(var(--flash-hue,194),95%,77%,.42),transparent 100%),radial-gradient(ellipse 24% 27% at 70% 31%,hsla(var(--flash-hue-alt,283),70%,64%,.13),transparent 100%);filter:blur(10px);mix-blend-mode:screen}
.experience[data-cinema-12] .lightning-wash::before,.experience[data-cinema-12] .lightning-wash::after{display:none!important}
.experience[data-cinema-12] .sky-bolt{z-index:4;position:absolute;left:var(--bolt-pos,73%);top:6%;height:37%;width:14%;opacity:var(--bolt,0);pointer-events:none;filter:drop-shadow(0 0 6px rgba(167,231,247,.3));stroke:#c4eff7;fill:none;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;mix-blend-mode:screen}
/* Reduced motion: no scene travel, no flashing, all content legible. */
@media(prefers-reduced-motion:reduce){.experience[data-cinema-12] .shot-title,.experience[data-cinema-12] .shot-overline,.experience[data-cinema-12] .shot-description,.experience[data-cinema-12] .scene-action{transform:none!important;filter:none!important;opacity:1!important}.experience[data-cinema-12] .lightning-wash,.experience[data-cinema-12] .sky-bolt{display:none!important}.experience[data-cinema-12] .shot-title .title-chrome{animation:none!important}}
@media(max-width:1100px){.experience[data-cinema-12] .shot--garment .shot-copy,.experience[data-cinema-12] .shot--garment.shot--right .shot-copy{width:min(40vw,470px);max-width:min(40vw,470px)}.experience[data-cinema-12] .feature--garment{width:min(44vw,520px)} }
@media(max-width:760px){
 .experience[data-cinema-12] .shot-copy,.experience[data-cinema-12] .shot--right .shot-copy,.experience[data-cinema-12] .shot--center .shot-copy{left:var(--rail);right:calc(var(--rail) + 20px);width:calc(100vw - 2 * var(--rail) - 22px);max-width:calc(100vw - 2 * var(--rail) - 22px);text-align:left;align-items:flex-start;transform:translate3d(0,var(--copy-y,0px),0);bottom:clamp(110px,15vh,150px)}
 .experience[data-cinema-12] .shot-title{font-size:clamp(31px,8.7vw,61px);line-height:1.12;margin:10px 0 15px;letter-spacing:-.046em}
 .experience[data-cinema-12] .shot--hero .shot-title:not(.wordmark){font-size:clamp(37px,9.5vw,74px)}
 .experience[data-cinema-12] .shot-title.wordmark{font-size:clamp(27px,7.95vw,61px);letter-spacing:-.06em}
 .experience[data-cinema-12] .shot-overline{font-size:8px;letter-spacing:.14em}
 .experience[data-cinema-12] .shot-description{font-size:13px;line-height:1.58;max-width:90%}
 .experience[data-cinema-12] .shot--roster .shot-copy,.experience[data-cinema-12] .shot--sigil .shot-copy,.experience[data-cinema-12] .shot--books .shot-copy,.experience[data-cinema-12] .shot--signal .shot-copy,.experience[data-cinema-12] .shot--dossier .shot-copy{width:calc(100vw - 2*var(--rail) - 25px);max-width:calc(100vw - 2*var(--rail) - 25px);bottom:44%}
 .experience[data-cinema-12] .shot--roster .shot-title,.experience[data-cinema-12] .shot--sigil .shot-title,.experience[data-cinema-12] .shot--books .shot-title,.experience[data-cinema-12] .shot--signal .shot-title,.experience[data-cinema-12] .shot--dossier .shot-title{font-size:clamp(29px,7.9vw,52px)}
 .experience[data-cinema-12] .shot--garment .shot-copy,.experience[data-cinema-12] .shot--garment.shot--right .shot-copy{left:var(--rail);top:calc(var(--header) + 60px);bottom:auto;max-height:33%;width:calc(100vw - 2*var(--rail) - 21px);max-width:calc(100vw - 2*var(--rail) - 21px)}
 .experience[data-cinema-12] .shot--garment .shot-title{font-size:clamp(25px,7.2vw,44px);line-height:1.09;margin:7px 0 9px}
 .experience[data-cinema-12] .shot--garment .shot-description{font-size:11px;line-height:1.35;max-width:100%;margin:0 0 7px}
 .experience[data-cinema-12] .shot--garment .feature--garment{left:var(--rail);right:calc(var(--rail) + 24px);top:auto;bottom:5%;height:39%;width:calc(100vw - 2*var(--rail) - 31px);max-height:40%;}
 .experience[data-cinema-12] .shot--garment .garment-art{height:82%;width:62%}
 .experience[data-cinema-12] .shot--garment .garment-stage{height:77%;min-height:0}
 .experience[data-cinema-12] .shot--garment .garment-code{font-size:14px;margin:4px 0}
 .experience[data-cinema-12] .shot--garment .garment-controls{margin-top:4px;gap:4px}
 .experience[data-cinema-12] .shot--garment .garment-controls button{font-size:7px;padding:7px 6px}
 .experience[data-cinema-12] .shot--garment .garment-sub{font-size:7px}
 .experience[data-cinema-12] .sky-bolt{top:8%;height:24%;width:18%}
}
@media(max-height:680px) and (max-width:760px){
 .experience[data-cinema-12] .shot--garment .shot-copy{top:calc(var(--header) + 26px);max-height:35%}
 .experience[data-cinema-12] .shot--garment .feature--garment{height:35%;bottom:4%}
 .experience[data-cinema-12] .shot--garment .garment-art{height:75%}
 .experience[data-cinema-12] .shot--garment .garment-sub{display:none}
 .experience[data-cinema-12] .shot--garment .garment-code{font-size:12px}
 .experience[data-cinema-12] .shot--garment .shot-title{font-size:clamp(25px,6.8vw,38px)}
}
/* CINEMA 07 final mobile polish: no scene hint under the collection controls. */
@media(max-width:760px){
 .experience[data-cinema-12] .experience-hint{display:none!important}
 .experience[data-cinema-12] .shot--garment .garment-art{height:90%;width:73%}
 .experience[data-cinema-12] .shot--garment .feature--garment{bottom:6%;height:41%}
}
@media(max-height:680px) and (max-width:760px){
 .experience[data-cinema-12] .shot--garment .feature--garment{height:35%;bottom:5%}
 .experience[data-cinema-12] .shot--garment .garment-art{height:90%;width:72%}
}


/* DARKDOMINIUM — CINEMA 08 | CERAMIC-CHROME RIM SYSTEM
   Cinzel remains editable and real text. Two transparent stroke copies
   deliver an engraved edge with a restrained traveling blue/purple specular glint.
   The decorative copies are aria-hidden and never affect layout or hit testing. */
.experience[data-cinema-12] .shot-title {isolation:isolate; text-shadow:none; overflow:visible}
.experience[data-cinema-12] .shot-title .title-fill{
  position:relative;z-index:3;
  color:transparent;-webkit-text-fill-color:transparent;
  background:linear-gradient(180deg,
    #f6fbfc 0%,#fafcff 6%,#9aaeb7 15%,#effaff 23%,#394e60 34%,
    #f9ffff 44%,#b6cfda 50%,#3e6478 56%,#e7f7fb 63%,#ffffff 71%,
    #8dbcc9 82%,#f7fcff 91%,#6c8595 100%);
  background-size:100% 100%;-webkit-background-clip:text;background-clip:text;
  -webkit-text-stroke:0.35px rgba(224,249,254,.34);
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(113,213,243,.12));
}
.experience[data-cinema-12] .shot-title .title-chrome{
  position:absolute;inset:0;z-index:4;pointer-events:none;
  color:transparent;-webkit-text-fill-color:transparent;
  background:linear-gradient(107deg,transparent 0%,rgba(126,238,249,.08) 29%,
    rgba(218,249,255,.70) 40%,rgba(255,255,255,.94) 45%,
    rgba(206,164,246,.72) 51%,rgba(114,231,245,.23) 58%,transparent 71%);
  background-size:265% 100%;-webkit-background-clip:text;background-clip:text;
  animation:dd08-specular 13.5s cubic-bezier(.3,.2,.7,.8) infinite alternate;
  mix-blend-mode:screen;opacity:.77
}
.experience[data-cinema-12] .shot-title .title-rim,
.experience[data-cinema-12] .shot-title .title-edge-glint{
  position:absolute;inset:0;display:block;white-space:inherit;
  font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;
  pointer-events:none;-webkit-text-fill-color:transparent!important;color:transparent!important;
}
.experience[data-cinema-12] .shot-title .title-rim{
  z-index:5;-webkit-text-stroke:clamp(.75px,.095vw,1.5px) rgba(240,252,255,.86);
  text-shadow:none;
  filter:drop-shadow(0 0 1px rgba(216,244,250,.38));
}
.experience[data-cinema-12] .shot-title .title-edge-glint{
  z-index:7;-webkit-text-stroke:clamp(1px,.13vw,1.9px) rgba(203,249,255,.94);
  mix-blend-mode:screen;opacity:.92;
  -webkit-mask-image:linear-gradient(108deg,transparent 30%,rgba(0,0,0,.03) 42%,
    #000 49%,rgba(0,0,0,.82) 51%,transparent 61%);
  mask-image:linear-gradient(108deg,transparent 30%,rgba(0,0,0,.03) 42%,
    #000 49%,rgba(0,0,0,.82) 51%,transparent 61%);
  -webkit-mask-size:260% 100%;mask-size:260% 100%;
  animation:dd08-edge-travel 14.8s ease-in-out infinite alternate;
  filter:drop-shadow(0 0 3.2px rgba(140,236,253,.68));
}
.experience[data-cinema-12] .shot-title .title-glow{opacity:.12;filter:blur(9px)}
.experience[data-cinema-12] .shot-title .title-spray{
  z-index:8;opacity:1;isolation:isolate;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  background-repeat:no-repeat!important;pointer-events:none;
  mix-blend-mode:screen;
}
.experience[data-cinema-12] .shot-title.wordmark .title-rim{
  -webkit-text-stroke:clamp(1px,.13vw,2px) rgba(240,252,255,.86)
}
@keyframes dd08-specular {0%,8%{background-position:100% 50%}72%,100%{background-position:0% 50%}}
@keyframes dd08-edge-travel {0%,12%{-webkit-mask-position:100% 50%;mask-position:100% 50%}
  83%,100%{-webkit-mask-position:0% 50%;mask-position:0% 50%}}
@media(prefers-reduced-motion:reduce){
 .experience[data-cinema-12] .shot-title .title-edge-glint,
 .experience[data-cinema-12] .shot-title .title-chrome{animation:none!important}
 .experience[data-cinema-12] .shot-title .title-edge-glint{-webkit-mask-position:50% 50%;mask-position:50% 50%}
}

/* CINEMA 09: true live Cinzel chrome — carved metal / traveling reflected Nàren hues.
   All layers contain real selectable HTML text; decorative copies are aria-hidden. */
.experience[data-cinema-12] .shot-title {position:relative;isolation:isolate;overflow:visible}
.experience[data-cinema-12] .shot-title .title-fill{
 color:transparent;-webkit-text-fill-color:transparent;
 background:linear-gradient(180deg,
  #f7fbff 0%,#ffffff 4%,#90a6b5 13%,#e9f5fb 20%,#192b38 29%,
  #e6faff 35%,#ffffff 39%,#759aa9 47%,#152735 53%,#f9feff 59%,
  #a5cedb 68%,#f7fcff 78%,#365060 88%,#f8feff 95%,#5c8190 100%);
 background-size:100% 100%;background-clip:text;-webkit-background-clip:text;
 -webkit-text-stroke:.28px rgba(240,252,255,.38);
 filter:drop-shadow(0 3px 8px rgba(0,0,0,.69)) drop-shadow(0 0 4px rgba(159,234,244,.14));
}
.experience[data-cinema-12] .shot-title .title-chrome{
 z-index:4;opacity:.88;mix-blend-mode:screen;
 color:transparent;-webkit-text-fill-color:transparent;
 background:linear-gradient(108deg,
 transparent 0%,rgba(124,231,246,.04) 29%,rgba(157,236,250,.41) 36%,
 rgba(255,255,255,.93) 41%,rgba(228,188,250,.66) 44%,rgba(108,223,241,.29) 52%,
 transparent 61%,rgba(250,254,255,.42) 72%,transparent 86%);
 background-size:310% 100%;background-clip:text;-webkit-background-clip:text;
 animation:dd09-metal-flow 15s cubic-bezier(.41,.07,.58,.95) infinite alternate;
}
.experience[data-cinema-12] .shot-title .title-rim{
 z-index:5;-webkit-text-fill-color:transparent;color:transparent;
 -webkit-text-stroke:clamp(1px,.11vw,1.7px) rgba(241,251,255,.91);
 filter:drop-shadow(0 .7px .6px rgba(15,39,56,.84)) drop-shadow(0 -1px .8px rgba(232,249,255,.33));
}
.experience[data-cinema-12] .shot-title .title-edge-glint{
 z-index:8;-webkit-text-stroke:clamp(1.5px,.18vw,2.4px) rgba(157,239,248,.96);
 filter:drop-shadow(0 0 3px rgba(132,232,250,.6));opacity:.92;
 -webkit-mask-image:linear-gradient(105deg,transparent 36%,rgba(0,0,0,.08) 43%,#000 48%,#000 50%,rgba(0,0,0,.08) 54%,transparent 60%);
 mask-image:linear-gradient(105deg,transparent 36%,rgba(0,0,0,.08) 43%,#000 48%,#000 50%,rgba(0,0,0,.08) 54%,transparent 60%);
 -webkit-mask-size:275% 100%;mask-size:275% 100%;
 animation:dd09-edge-scan 12s ease-in-out infinite alternate;
}
.experience[data-cinema-12] .shot-title .title-glow{z-index:1;opacity:.11;filter:blur(8px)}
.experience[data-cinema-12] .title-impact-canvas{
 position:absolute;inset:0;z-index:9;pointer-events:none;display:block;
 width:100%;height:100%;mix-blend-mode:normal;opacity:.98;
}
@keyframes dd09-metal-flow{0%,10%{background-position:100% 50%}72%,100%{background-position:0% 50%}}
@keyframes dd09-edge-scan{0%,8%{-webkit-mask-position:100% 50%;mask-position:100% 50%}
 82%,100%{-webkit-mask-position:0% 50%;mask-position:0% 50%}}
@media(prefers-reduced-motion:reduce){
 .experience[data-cinema-12] .shot-title .title-chrome,
 .experience[data-cinema-12] .shot-title .title-edge-glint{animation:none!important}
 .experience[data-cinema-12] .title-impact-canvas{display:none!important}
}


/* ================================================================
   CINEMA EXPERIENCE 11 — FOUNDER-SELECTED MATERIAL SYSTEM
   Lab 03 / variant 19: exact titanium iced + vertical satin grain,
   animated cyan (#5EDCEC) / magenta (#E998D5) surface reflection.
   No text shadows, dark outline, blurred glowing copies or bitmap titles.
   ================================================================ */
:root{
  --dd10-titanium:linear-gradient(180deg,#fafdff 0%,#eaf4fc 8%,#b4c4d0 18%,#78909e 27%,#e4edf4 35%,#f9feff 44%,#9eafbd 54%,#566977 66%,#cedde8 76%,#fff 86%,#a1b6c4 100%);
  --dd10-brushed:repeating-linear-gradient(90deg,rgba(14,34,50,.19) 0 .7px,rgba(244,250,255,.10) .7px 1.6px,transparent 1.6px 3.2px,rgba(21,40,59,.16) 3.2px 4.2px,transparent 4.2px 6.4px,rgba(244,250,255,.16) 6.4px 7px,transparent 7px 9px)
}
.experience[data-cinema-12] .shot-title,
.experience[data-cinema-12] .shot-title span{ text-shadow:none!important; filter:none!important }
.experience[data-cinema-12] .shot-title .title-glow,
.experience[data-cinema-12] .shot-title .title-splash,
.experience[data-cinema-12] .shot-title .title-water{display:none!important}
.experience[data-cinema-12] .shot-title .title-fill{
  position:relative;z-index:3;display:block;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
  background-image:var(--dd10-brushed),var(--dd10-titanium)!important;
  background-size:100% 100%,100% 100%!important;
  background-position:0 0,0 0!important;
  background-blend-mode:multiply,normal!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-stroke:.65px #b2c2cd!important;
  animation:none!important;opacity:1!important;
}
.experience[data-cinema-12] .shot-title .title-chrome{
  z-index:4;color:transparent;-webkit-text-fill-color:transparent;
  background:linear-gradient(104deg,transparent 0%,#5EDCEC 20%,transparent 39%,#E998D5 66%,transparent 86%)!important;
  background-size:100% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  opacity:.24!important;animation:none!important;mix-blend-mode:screen;
  -webkit-text-stroke:0!important;
}
.experience[data-cinema-12] .shot-title .title-rim{
  z-index:5;-webkit-text-stroke:.75px rgba(240,249,252,.59)!important;
  opacity:.75;mix-blend-mode:normal;
}
.experience[data-cinema-12] .shot-title .title-edge-glint{
  z-index:6;-webkit-text-stroke:1.05px rgba(201,245,250,.86)!important;
  filter:none!important;opacity:.68!important;mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(105deg,transparent 0%,transparent 37%,black 46%,black 51%,transparent 60%,transparent 100%);
  mask-image:linear-gradient(105deg,transparent 0%,transparent 37%,black 46%,black 51%,transparent 60%,transparent 100%);
  -webkit-mask-size:260% 100%;mask-size:260% 100%;
  animation:dd10-neon-edge 15s linear infinite!important;
}
@keyframes dd10-neon-edge {0%{-webkit-mask-position:110% 0;mask-position:110% 0}100%{-webkit-mask-position:-110% 0;mask-position:-110% 0}}
.experience[data-cinema-12] .shot-title .title-impact-canvas{
  z-index:9;opacity:1;mix-blend-mode:screen;pointer-events:none;
}
/* Preserve Cinema 03-style optical crossfades, restrained letter motion.
   Never slide whole panels beyond viewport. */
.experience[data-cinema-12] .shot-title{overflow:visible;isolation:isolate}
.experience[data-cinema-12] .shot--wordmark .shot-title{letter-spacing:-.073em}
.experience[data-cinema-12] .shot-title .title-rim,
.experience[data-cinema-12] .shot-title .title-edge-glint{white-space:inherit}
.experience[data-cinema-12] .shot--garment .garment-stage{isolation:isolate}
.experience[data-cinema-12] .shot--garment .shot-copy{z-index:7}
.experience[data-cinema-12] .shot--garment .feature--garment{z-index:6}
@media(prefers-reduced-motion:reduce){
 .experience[data-cinema-12] .shot-title .title-edge-glint{animation:none!important;-webkit-mask-position:50% 0;mask-position:50% 0}
 .experience[data-cinema-12] .shot-title .title-impact-canvas{display:none!important}
}

/* CINEMA 11 — founder-visible wet-metal splash, Lab 22 / 03 + 16.
   The title remains live Cinzel text; Canvas effects are clipped to glyph ink.
   Screen-space origin follows the animated title: none of these mark the box. */
.experience[data-cinema-12] .shot-title .title-impact-canvas {
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;display:block!important;
  opacity:1!important;visibility:visible!important;
  pointer-events:none!important;mix-blend-mode:normal!important;
  z-index:12!important;isolation:auto!important;
}
.experience[data-cinema-12].effects-off .title-impact-canvas { opacity:0!important }
@media (prefers-reduced-motion:reduce){
 .experience[data-cinema-12] .shot-title .title-impact-canvas {display:none!important}
}
.preview-water-test{display:inline-flex;align-items:center;justify-content:center;
 color:#c6edf2;background:rgba(49,95,116,.16);border:1px solid rgba(170,228,235,.37);
 font-size:10px;letter-spacing:.13em;font-weight:700;padding:10px 16px;
 transition:background .18s,border-color .18s;cursor:pointer}
.preview-water-test:hover,.preview-water-test:focus-visible{background:rgba(92,178,205,.26);border-color:#bceaf3}
.preview-water-test:disabled{opacity:.4;cursor:default}

/* V12 — true Lab22 03+16 independent layers. Splash extends ABOVE the glyph,
   but runoff is masked onto the real ink. The canvas inherits title movement. */
.experience[data-cinema-12] .shot-title .title-lab-canvas{
 position:absolute;z-index:8;pointer-events:none;display:block;overflow:visible;
 max-width:none!important;max-height:none!important;mix-blend-mode:screen;
 opacity:1;transform:none!important;filter:none!important;
}
/* CINEMA 13 — Founder selected Titanium 19. Dynamic color only at metal edge.
   Intentionally no heavy blur or broad text-shadow. */
.experience[data-cinema-12] .shot-title .title-fill{
  filter:none!important;text-shadow:none!important;
  background-image:var(--dd10-brushed),var(--dd10-titanium)!important;
  -webkit-text-stroke:.48px rgba(243,249,255,.48)!important;
}
.experience[data-cinema-12] .shot-title .title-chrome{
  opacity:.46!important;
  background:linear-gradient(104deg,transparent 0%,#85edff 18%,transparent 32%,#dd9ce5 55%,transparent 70%,#98dcff 88%,transparent 100%)!important;
  background-size:260% 100%!important;
  animation:dd13-neon-pass 13.5s linear infinite!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}
.experience[data-cinema-12] .shot-title .title-edge-glint{
  opacity:.82!important;filter:none!important;
  -webkit-text-stroke:.9px rgba(190,243,255,.94)!important;
  animation:dd10-neon-edge 11.5s linear infinite!important;
}
.experience[data-cinema-12] .shot-title .title-glow{display:none!important}
@keyframes dd13-neon-pass {from{background-position:130% 50%}to{background-position:-130% 50%}}
@media(prefers-reduced-motion:reduce){
 .experience[data-cinema-12] .shot-title .title-chrome,
 .experience[data-cinema-12] .shot-title .title-edge-glint{animation:none!important}
}


/* CINEMA EXPERIENCE 14 — render-only optimization, no visual preset changes.
   Invisible scenes neither paint nor animate; the active pair keeps the original
   Cinema 03 optical crossfade and all Chrome/Titanium Lab03-19 properties. */
.experience[data-cinema-12] .stage-pane:not(.dd-pane-present){
 content-visibility:hidden;pointer-events:none!important;
}
.experience[data-cinema-12] .stage-pane:not(.dd-pane-present) .shot-light,
.experience[data-cinema-12] .stage-pane:not(.dd-pane-present) .title-chrome,
.experience[data-cinema-12] .stage-pane:not(.dd-pane-present) .title-edge-glint,
.experience[data-cinema-12] .stage-pane:not(.dd-pane-present) .garment-light{
 animation-play-state:paused!important;
}
.experience[data-cinema-12] .menu-bottom .quality-toggle{
 color:#bde9ef;background:transparent;border:1px solid rgba(184,230,240,.27);
 font-size:10px;letter-spacing:.11em;padding:10px 13px;cursor:pointer;
}
.experience[data-cinema-12] .menu-bottom .quality-toggle:focus-visible{
 outline:2px solid #bde9ef;outline-offset:3px;
}


/* CINEMA EXPERIENCE 14.1 / performance-only, DRAFT.
   When the opaque index is open, the film+weather are not visible: suspend
   their raster work instead of hiding it behind a continuously repainting menu.
   The original selected Lab03/19 materials and keyframes remain unchanged. */
.experience[data-cinema-12].dd-menu-visible .experience-main,
.experience[data-cinema-12].dd-menu-visible .screen-atmosphere{visibility:hidden!important;}
.experience[data-cinema-12].dd-menu-visible .stage-pane .shot-light,
.experience[data-cinema-12].dd-menu-visible .stage-pane .title-chrome,
.experience[data-cinema-12].dd-menu-visible .stage-pane .title-edge-glint,
.experience[data-cinema-12].dd-menu-visible .stage-pane .garment-light{animation-play-state:paused!important;}

/* R2: compositor hints are reserved for the actually visible scene(s).
   Decorative inactive scenes are still fully retained for 39-scene navigation. */
.experience[data-cinema-12] .stage-pane:not(.dd-pane-present),
.experience[data-cinema-12] .stage-pane:not(.dd-pane-present) .shot-title,
.experience[data-cinema-12] .stage-pane:not(.dd-pane-present) .shot-image {will-change:auto!important;}
.experience[data-cinema-12] .stage-pane.dd-pane-present {will-change:opacity!important;}

/* DARKDOMINIUM CINEMA R3 — additive editorial presentation; visual FX presets unchanged. */
.experience[data-cinema-12] .shot-gallery{
  position:absolute;left:auto;right:calc(var(--rail) + 56px);bottom:64px;
  display:flex;align-items:flex-end;gap:10px;z-index:9;max-width:min(51vw,560px);
  overflow:visible;pointer-events:auto;transform:none;isolation:isolate
}
.experience[data-cinema-12] .shot--right .shot-gallery{
  right:auto;left:var(--rail)
}
.experience[data-cinema-12] .shot--roster .shot-gallery,
.experience[data-cinema-12] .shot--sigil .shot-gallery,
.experience[data-cinema-12] .shot--garment .shot-gallery,
.experience[data-cinema-12] .shot--signal .shot-gallery,
.experience[data-cinema-12] .shot--books .shot-gallery,
.experience[data-cinema-12] .shot--dossier .shot-gallery{
  right:auto;left:var(--rail)
}
.experience[data-cinema-12] .gallery-card{
  width:clamp(62px,6.8vw,98px);height:clamp(50px,5.2vw,74px);padding:0;
  position:relative;display:block;flex:0 0 auto;color:#eafaff;text-align:left;
  border:1px solid rgba(193,236,245,.3);background:#02050b;
  overflow:hidden;border-radius:4px;box-shadow:0 3px 18px rgba(0,0,0,.45);
  transition:border-color .18s,transform .18s,opacity .18s;opacity:.77
}
.experience[data-cinema-12] .gallery-card.is-active,
.experience[data-cinema-12] .gallery-card:hover,
.experience[data-cinema-12] .gallery-card:focus-visible{
  border-color:#c8f8ff;opacity:1;transform:translateY(-5px)
}
.experience[data-cinema-12] .gallery-card img{
  display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.84) brightness(.83)
}
.experience[data-cinema-12] .gallery-card span{
  position:absolute;left:6px;bottom:5px;font:700 7px var(--sans);letter-spacing:.08em;
  text-shadow:0 1px 6px #000,0 1px 10px #000
}
.experience[data-cinema-12] .shot-title{ text-wrap:balance; }
.experience[data-cinema-12] .shot--roster .feature--roster{
  width:min(50vw,780px);height:69%;top:18%;right:calc(var(--rail) + 10px);bottom:auto;
  overflow:hidden;display:flex;flex-direction:column;gap:8px
}
.experience[data-cinema-12] .feature--roster .feature__meta{
  flex:0 0 auto;letter-spacing:.18em
}
.experience[data-cinema-12] .roster-layout{
  display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.3fr) auto;
  gap:10px;min-height:0;flex:1
}
.experience[data-cinema-12] .roster-spotlight{
  display:grid;grid-template-columns:34% minmax(0,1fr);height:100%;min-height:0;
  background:linear-gradient(112deg,rgba(5,20,30,.80),rgba(1,5,11,.20));
  border:1px solid rgba(164,229,242,.20);overflow:hidden
}
.experience[data-cinema-12] .roster-visual{position:relative;min-height:0;overflow:hidden}
.experience[data-cinema-12] .roster-visual:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.66) 95%)
}
.experience[data-cinema-12] .roster-visual img{
  display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.9) saturate(.8)
}
.experience[data-cinema-12] .roster-visual__notice{
  position:absolute;left:9px;bottom:9px;z-index:1;font:700 7px var(--sans);
  color:#cce2eb;letter-spacing:.1em;max-width:90%;line-height:1.45
}
.experience[data-cinema-12] .roster-copy{
  padding:clamp(8px,1.25vw,19px);display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;gap:3px;min-width:0;overflow:hidden
}
.experience[data-cinema-12] .roster-copy [data-roster-code]{font:700 9px var(--sans);color:#8ccbd7;letter-spacing:.17em}
.experience[data-cinema-12] .roster-copy [data-roster-name]{
  font:500 clamp(20px,2.65vw,45px)/1.08 var(--serif);letter-spacing:-.025em;color:#f3faff
}
.experience[data-cinema-12] .roster-copy [data-roster-status]{
  color:#9dd9e8;font:700 8px var(--sans);letter-spacing:.09em
}
.experience[data-cinema-12] .roster-copy p{
  max-width:360px;margin:5px 0 0;color:#c4d5db;font:400 clamp(9px,.82vw,11px)/1.45 var(--sans)
}
.experience[data-cinema-12] .roster-copy .feature-link{
  font-size:8px;letter-spacing:.08em;padding:5px 0;margin:4px 0 0;gap:15px
}
.experience[data-cinema-12] .species-atlas{
  display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(30px,1fr);gap:4px;
  max-height:none;height:100%;min-height:0;overflow:hidden;scrollbar-width:thin
}
.experience[data-cinema-12] .species-card{
  border:1px solid rgba(172,220,234,.15);padding:0;background:rgba(4,18,27,.45);
  display:flex;align-items:center;gap:8px;min-height:0;height:100%;min-width:0;overflow:hidden;
  text-align:left;color:#d0e0e7
}
.experience[data-cinema-12] .species-card:hover,
.experience[data-cinema-12] .species-card:focus-visible,
.experience[data-cinema-12] .species-card.is-active{
  background:rgba(66,139,167,.21);border-color:rgba(170,235,245,.73)
}
.experience[data-cinema-12] .species-card__thumb{
  display:block;width:clamp(38px,5vw,76px);height:100%;flex:0 0 auto;overflow:hidden;position:relative
}
.experience[data-cinema-12] .species-card__thumb:after{
  content:"ATM";position:absolute;left:5px;bottom:3px;color:white;
  font:700 6px var(--sans);letter-spacing:.15em;text-shadow:0 1px 4px #000
}
.experience[data-cinema-12] .species-card__thumb img{
  width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.76) brightness(.66)
}
.experience[data-cinema-12] .species-card__body{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0
}
.experience[data-cinema-12] .species-card__body small,
.experience[data-cinema-12] .species-card__body em{
  font:700 7px var(--sans);color:#9ec5d0;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden
}
.experience[data-cinema-12] .species-card__body strong{
  font:600 clamp(10px,1.15vw,16px)/1.18 var(--serif);text-overflow:ellipsis;white-space:nowrap;
  max-width:100%;overflow:hidden
}
.experience[data-cinema-12] .species-mystery{
  display:flex;align-items:center;gap:10px;border:1px dashed rgba(210,186,233,.28);
  background:rgba(31,17,46,.22);min-height:33px;padding:5px 9px;color:#e4d8f5
}
.experience[data-cinema-12] .species-mystery span{
  font:700 8px var(--sans);letter-spacing:.14em;color:#e0b9e7
}
.experience[data-cinema-12] .species-mystery strong{
  font:500 clamp(9px,.86vw,12px) var(--serif);letter-spacing:.025em
}
.experience[data-cinema-12] .species-mystery small{
  font:700 7px var(--sans);color:#bca8cb;letter-spacing:.04em;margin-left:auto
}
/* The lookbook uses real photographic editorial framing rather than a drawn shirt silhouette. */
.experience[data-cinema-12] .shot--garment .garment-stage{
  background:linear-gradient(145deg,rgba(1,6,13,.7),rgba(6,14,24,.24));
  border-color:rgba(180,232,239,.21);padding:0;overflow:hidden;isolation:isolate
}
.experience[data-cinema-12] .shot--garment .garment-art--photo{
  position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;
  transform:none;filter:none!important;z-index:1;transition:opacity .3s ease
}
.experience[data-cinema-12] .shot--garment .garment-art--photo img{
  width:100%;height:100%;object-fit:cover;object-position:center 36%;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 76%,rgba(0,0,0,.65) 88%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 76%,rgba(0,0,0,.65) 88%,transparent 100%)
}
.experience[data-cinema-12] .garment-art--photo::before{display:none}
.experience[data-cinema-12] .shot--garment .garment-superline,
.experience[data-cinema-12] .shot--garment .garment-code,
.experience[data-cinema-12] .shot--garment .garment-sub{
  position:relative;z-index:3;text-shadow:0 1px 10px #000,0 2px 6px #000
}
.experience[data-cinema-12] .shot--garment .garment-superline{margin-top:auto}
.experience[data-cinema-12] .shot--garment .garment-sub{margin-bottom:15px}
.experience[data-cinema-12] .garment-controls{flex:0 0 auto}
.experience[data-cinema-12] .shot--garment .garment-stage:before,
.experience[data-cinema-12] .shot--garment .garment-stage:after{opacity:.3;z-index:2}
@media(max-width:1100px){
  .experience[data-cinema-12] .shot--roster .feature--roster{
    width:min(54vw,590px);right:calc(var(--rail) + 12px)
  }
  .experience[data-cinema-12] .roster-layout{grid-template-rows:minmax(0,1fr) minmax(0,1.45fr) auto}
}
@media(max-width:760px){
  .experience[data-cinema-12] .shot-gallery{
    left:var(--rail)!important;right:auto!important;bottom:55px;gap:5px;
    max-width:calc(100vw - 2*var(--rail) - 45px)
  }
  .experience[data-cinema-12] .gallery-card{
    width:clamp(48px,15vw,72px);height:clamp(39px,11vw,54px);border-radius:3px
  }
  .experience[data-cinema-12] .gallery-card span{font-size:5px;left:4px;bottom:3px}
  .experience[data-cinema-12] .shot--roster .shot-copy{
    top:calc(var(--header) + 36px);bottom:auto;max-height:28%;
    left:var(--rail);right:var(--rail)
  }
  .experience[data-cinema-12] .shot--roster .shot-title{
    font-size:clamp(23px,6vw,43px);line-height:1.10;margin:4px 0 6px
  }
  .experience[data-cinema-12] .shot--roster .shot-description{
    font-size:clamp(10px,2.5vw,13px);line-height:1.33;margin:0;max-width:100%
  }
  .experience[data-cinema-12] .shot--roster .feature--roster{
    left:var(--rail);right:var(--rail);top:40%;height:45%;width:auto;gap:3px
  }
  .experience[data-cinema-12] .feature--roster .feature__meta{font-size:7px}
  .experience[data-cinema-12] .roster-layout{
    gap:5px;grid-template-rows:minmax(0,1fr) minmax(0,1.65fr) auto
  }
  .experience[data-cinema-12] .roster-spotlight{grid-template-columns:30% 1fr}
  .experience[data-cinema-12] .roster-copy{padding:7px;gap:1px}
  .experience[data-cinema-12] .roster-copy [data-roster-code]{font-size:7px}
  .experience[data-cinema-12] .roster-copy [data-roster-name]{font-size:clamp(15px,4vw,27px)}
  .experience[data-cinema-12] .roster-copy [data-roster-status]{font-size:6px}
  .experience[data-cinema-12] .roster-copy p{font-size:8px;line-height:1.25;margin-top:2px}
  .experience[data-cinema-12] .roster-copy .feature-link{font-size:6px;margin:1px 0 0;padding:2px 0}
  .experience[data-cinema-12] .roster-visual__notice{font-size:5px}
  .experience[data-cinema-12] .species-atlas{gap:3px;grid-auto-rows:minmax(18px,1fr)}
  .experience[data-cinema-12] .species-card{gap:5px}
  .experience[data-cinema-12] .species-card__thumb{width:clamp(25px,8vw,43px)}
  .experience[data-cinema-12] .species-card__thumb:after{font-size:5px;left:2px;bottom:2px}
  .experience[data-cinema-12] .species-card__body{gap:0}
  .experience[data-cinema-12] .species-card__body small{font-size:6px}
  .experience[data-cinema-12] .species-card__body strong{font-size:clamp(8px,2.1vw,12px)}
  .experience[data-cinema-12] .species-card__body em{font-size:5px}
  .experience[data-cinema-12] .species-mystery{min-height:21px;padding:2px 6px;gap:5px}
  .experience[data-cinema-12] .species-mystery span,
  .experience[data-cinema-12] .species-mystery strong,
  .experience[data-cinema-12] .species-mystery small{font-size:6px}
  .experience[data-cinema-12] .shot--garment .garment-art--photo img{object-position:center 30%}
  .experience[data-cinema-12] .shot--garment .garment-superline{font-size:6px}
  .experience[data-cinema-12] .shot--garment .garment-sub{font-size:6px;margin-bottom:5px}
  .experience[data-cinema-12] .shot--garment .garment-code{font-size:13px}
  .experience[data-cinema-12] .shot--garment .shot-gallery{bottom:52px}
}
@media(max-height:690px){
  .experience[data-cinema-12] .shot--roster .feature--roster{top:38%;height:49%}
  .experience[data-cinema-12] .roster-copy p{display:none}
  .experience[data-cinema-12] .shot-gallery{bottom:49px}
}
@media(prefers-reduced-motion:reduce){
  .experience[data-cinema-12] .gallery-card{transition:none!important}
}

/* R3 mobile layout correction after direct screenshot verification. */
@media(max-width:760px){
  .experience[data-cinema-12] .shot--roster .feature--roster{right:calc(var(--rail) + 38px)}
  .experience[data-cinema-12] .shot--garment .shot-gallery{display:none!important}
  .experience[data-cinema-12] .shot--garment .garment-controls{
    width:100%;max-width:100%;margin-top:6px;gap:3px;justify-content:center
  }
  .experience[data-cinema-12] .shot--garment .garment-controls button{
    padding:7px 4px;line-height:1.2;flex:1 1 21%;font-size:6px;min-width:0
  }
}
@media(max-width:410px){
  .experience[data-cinema-12] .species-mystery small{display:none}
  .experience[data-cinema-12] .roster-visual__notice{max-width:100%;font-size:4.9px}
}

/* Vertical story separation for mobile scenes with an interactive visual feature. */
@media(max-width:760px){
  .experience[data-cinema-12] .shot--sigil .shot-copy,
  .experience[data-cinema-12] .shot--signal .shot-copy,
  .experience[data-cinema-12] .shot--books .shot-copy,
  .experience[data-cinema-12] .shot--dossier .shot-copy{
    left:var(--rail);right:calc(var(--rail) + 24px);top:calc(var(--header) + 73px);
    bottom:auto!important;max-height:30%;width:calc(100vw - 2*var(--rail) - 25px);
    max-width:calc(100vw - 2*var(--rail) - 25px);align-items:flex-start;text-align:left;
  }
  .experience[data-cinema-12] .shot--sigil .shot-title,
  .experience[data-cinema-12] .shot--signal .shot-title,
  .experience[data-cinema-12] .shot--books .shot-title,
  .experience[data-cinema-12] .shot--dossier .shot-title{
    font-size:clamp(25px,7vw,45px);line-height:1.1;
    margin:6px 0 11px!important
  }
  .experience[data-cinema-12] .shot--sigil .shot-description,
  .experience[data-cinema-12] .shot--signal .shot-description,
  .experience[data-cinema-12] .shot--books .shot-description,
  .experience[data-cinema-12] .shot--dossier .shot-description{
    font-size:clamp(10px,2.85vw,13px);line-height:1.43;margin:0 0 8px;
    max-width:100%
  }
  .experience[data-cinema-12] .shot--sigil .scene-action,
  .experience[data-cinema-12] .shot--signal .scene-action,
  .experience[data-cinema-12] .shot--books .scene-action{
    font-size:8px;padding:7px 0
  }
  .experience[data-cinema-12] .shot--sigil .feature--sigil,
  .experience[data-cinema-12] .shot--signal .feature--signal,
  .experience[data-cinema-12] .shot--books .feature--books,
  .experience[data-cinema-12] .shot--dossier .feature--dossier{
    position:absolute;top:51%;bottom:auto;height:31%;left:var(--rail);right:calc(var(--rail) + 34px);
    width:auto;max-width:none;max-height:none
  }
  .experience[data-cinema-12] .shot--sigil .feature--sigil .sigil-core{
    width:min(31vh,100%);max-height:100%
  }
  .experience[data-cinema-12] .shot--sigil .feature--sigil .sigil-orbit{
    width:min(31vh,78%);max-height:100%
  }
  .experience[data-cinema-12] .shot--sigil .feature--sigil .sigil-orbit--two{
    width:min(36vh,87%)
  }
  .experience[data-cinema-12] .shot--signal .signal-rings{
    width:min(42vw,215px);height:min(22vh,210px);flex:0 0 auto
  }
  .experience[data-cinema-12] .shot--signal .signal-options{margin:0;gap:12px}
  .experience[data-cinema-12] .shot--signal .signal-note{
    font-size:10px;max-width:95%;line-height:1.35
  }
  .experience[data-cinema-12] .shot--books .book-plinths{
    margin:0;height:80%;width:90%
  }
  .experience[data-cinema-12] .shot--books .books-caption{margin-top:5px;font-size:8px}
  .experience[data-cinema-12] .shot--dossier .feature--dossier{
    justify-content:center;gap:15px
  }
  .experience[data-cinema-12] .shot--dossier .dossier-access{
    font-size:clamp(15px,4.2vw,24px);padding:13px 0
  }
  .experience[data-cinema-12] .shot--sigil .feature--sigil .feature__meta{
    bottom:-18px;font-size:6px;max-width:95%
  }
}
@media(max-height:720px) and (max-width:760px){
  .experience[data-cinema-12] .shot--sigil .shot-copy,
  .experience[data-cinema-12] .shot--signal .shot-copy,
  .experience[data-cinema-12] .shot--books .shot-copy,
  .experience[data-cinema-12] .shot--dossier .shot-copy{top:calc(var(--header) + 38px)}
  .experience[data-cinema-12] .shot--sigil .feature--sigil,
  .experience[data-cinema-12] .shot--signal .feature--signal,
  .experience[data-cinema-12] .shot--books .feature--books,
  .experience[data-cinema-12] .shot--dossier .feature--dossier{top:52%;height:28%}
}

/* Tablet/desktop: separate index and dossier interfaces from headline geometry. */
@media(min-width:761px){
  .experience[data-cinema-12] .shot--dossier .feature--dossier{
    left:var(--rail);right:auto;top:24%;height:48%;width:min(35vw,480px);
  }
}
@media(min-width:761px) and (max-width:1100px){
  .experience[data-cinema-12] .shot--roster .feature--roster{
    width:min(49vw,520px);right:calc(var(--rail) + 7px)
  }
}

/* R3 performance: frozen decorative compositor layers only during camera motion.
   Lab03/19 metal and Lab22/24 physical presets remain unchanged at rest. */
.experience[data-cinema-12].dd-camera-moving .stage-pane .title-fill,
.experience[data-cinema-12].dd-camera-moving .stage-pane .title-chrome,
.experience[data-cinema-12].dd-camera-moving .stage-pane .title-rim,
.experience[data-cinema-12].dd-camera-moving .stage-pane .title-edge-glint,
.experience[data-cinema-12].dd-camera-moving .stage-pane .title-glow,
.experience[data-cinema-12].dd-camera-moving .stage-pane .shot-light{
  animation-play-state:paused!important
}
.experience[data-cinema-12].dd-camera-moving .stage-pane .shot-title{
  filter:none!important;will-change:opacity,transform
}

/* CINEMA15 integration: documentary labels are not objects in Nàren. */
.cinema-language-select{background:#020509;color:#d8edf3;border:1px solid #8aaab2;font-size:11px;max-width:130px;min-height:32px}
.cinema15-draft-note{position:fixed;bottom:6px;left:var(--rail);z-index:160;font-size:8px;max-width:80vw;color:#c8d5dd}
.species-card__thumb img,.roster-visual img{object-fit:contain!important}
.cinema-menu[aria-hidden=false],.detail-panel[aria-hidden=false]{overflow:auto;overscroll-behavior:contain}
.detail-content{max-height:90svh;overflow:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.experience[data-cinema-12] .shot-title:not(.wordmark){word-spacing:.18em}
.cinema15-draft-note{position:static;max-width:100%;font-size:10px;line-height:1.5;color:#c8d5dd}

/* TITLE51: fill the complete glyph ink, including marks above the line box.
   Text strokes trace Cinzel's overlapping internal contours as well as its
   silhouette. Use filled silhouettes for the existing reflective layers. */
.experience[data-cinema-12] .shot-title .title-fill,
.experience[data-cinema-12] .shot-title .title-chrome,
.experience[data-cinema-12] .shot-title .title-rim,
.experience[data-cinema-12] .shot-title .title-edge-glint{
 padding-block:.25em .08em;
 margin-block:-.25em -.08em;
 background-origin:content-box!important;
 -webkit-text-stroke:0!important;
}
.experience[data-cinema-12] .shot-title .title-rim{
 background:linear-gradient(180deg,#f2faff 0%,transparent 38%,transparent 74%,#d7edf4 100%);
 background-clip:text;-webkit-background-clip:text;
 opacity:.12!important;
}
.experience[data-cinema-12] .shot-title .title-edge-glint{
 background:linear-gradient(105deg,#bdefff,#f7edff,#9fe5f4);
 background-clip:text;-webkit-background-clip:text;
 opacity:.22!important;
}