.cinema-shell{margin:2rem auto 4rem;max-width:1400px;min-width:0}
.cinema-ready{position:relative!important;display:block!important;height:610px;perspective:1100px;overflow:hidden;touch-action:pan-y;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,rgb(140 106 50 / .16),transparent 68%)}
.cinema-ready .cinema-item{position:absolute!important;top:48%;left:50%;width:var(--card-width,320px);margin:0!important;box-sizing:border-box;transform-style:preserve-3d;background:#202a24;border:1px solid #665a3f;border-radius:2px!important;padding:0;box-shadow:0 28px 45px rgb(0 0 0 / .35);transition:transform .65s cubic-bezier(.2,.65,.2,1),opacity .45s;overflow:hidden}
.cinema-item.is-selected{border-color:#e8b84a;box-shadow:0 22px 48px rgb(0 0 0 / .45),0 0 28px rgb(184 81 33 / .12)}
.cinema-choose{display:block;border:0;padding:0;width:100%;color:#e6d3a8;background:#141c18;cursor:grab;text-align:left;min-height:240px}
.cinema-choose img{display:block;width:100%;height:340px;object-fit:contain;background:#111814;pointer-events:none;user-select:none}
.cinema-item :is(h3,p,.g-caption){padding:0 18px;margin:12px 0;color:#e6d3a8}
.cinema-item h3,.cinema-record-title{font:600 1.1rem/1.4 var(--font-display)}
.cinema-item p{font-size:.95rem;line-height:1.5}
.cinema-item a{display:block;padding:12px 18px;color:#e8b84a;min-height:44px}
.cinema-item .g-caption{display:block}.cinema-item .g-cap-cat{display:block;font-size:.7rem;color:#d0b78c}
.cinema-number{display:block;font:400 3rem var(--font-ui);color:#b8955a;padding:24px}
.cinema-record-title{display:block;padding:0 24px 28px;font-size:1.8rem}
.cinema-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 12px;border-block:1px solid #665a3f}
.cinema-button{font:400 .8rem/1.4 var(--font-ui);padding:12px 18px;min-height:44px;background:#253028;color:#e6d3a8;border:1px solid #b8955a;cursor:pointer}
.cinema-button:hover{background:#35443a}.cinema-button:focus-visible,.cinema-choose:focus-visible{outline:3px solid #e8b84a;outline-offset:-4px}
.cinema-selection{max-width:45ch;text-align:center;font-size:1rem;margin:0;color:#e6d3a8}
.cinema-hint{text-align:center;max-width:none;font:400 .7rem/1.7 var(--font-ui);color:#d0b78c;padding:8px}
.cinema-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0e1511;color:#e6d3a8;overflow:auto;box-sizing:border-box}
.cinema-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.cinema-viewer::backdrop{background:#0e1511}.cinema-view-open{overflow:hidden}
.cinema-view-tools{display:flex;gap:12px;padding:14px;justify-content:flex-end;position:sticky;top:0;z-index:2;background:#0e1511}
.cinema-view-art{overflow:auto;display:grid;place-items:center;min-height:200px;padding:16px}
.cinema-view-art img{display:block;max-width:100%;max-height:65dvh;object-fit:contain}
.cinema-viewer.is-zoomed .cinema-view-art{display:block}.cinema-viewer.is-zoomed img{max-width:none;max-height:none;width:150%;height:auto;margin:auto}
.cinema-view-info{text-align:center;padding:16px max(24px,8vw) 28px}.cinema-view-info h2{font-size:clamp(1.3rem,3vw,2rem);margin:.3em}.cinema-view-info p{margin:10px auto;font-size:1rem}.cinema-view-info .eyebrow{font-size:.65rem}
.cinema-viewer.text-record .cinema-view-art{display:none}.cinema-viewer.text-record .cinema-view-info{align-self:center;max-width:900px;margin:auto}.cinema-viewer.text-record .cinema-view-info h2{font-size:clamp(2rem,6vw,5rem)}.cinema-viewer.text-record .cinema-view-info p{font-size:1.3rem}
.cinema-viewer [hidden]{display:none!important}
[data-artwork-previews] .card-art img{object-fit:contain!important;height:auto!important;aspect-ratio:16/9}
@media(max-width:600px){.cinema-ready{height:530px;perspective:800px}.cinema-choose img{height:280px}.cinema-controls{gap:8px}.cinema-selection{order:-1;width:100%;max-width:none}.cinema-button{font-size:.7rem;padding:12px}.cinema-item h3{font-size:1rem}.cinema-item p{font-size:.85rem}.cinema-view-tools{flex-wrap:wrap}.cinema-view-info{padding:12px 20px}.cinema-record-title{font-size:1.2rem}.cinema-number{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.cinema-ready .cinema-item{transition:none;transform:translate(-50%,-50%)!important}.cinema-ready .cinema-item:not(.is-selected){visibility:hidden}}
.cinema-ready.is-dragging .cinema-item{transition:none}.cinema-ready.is-dragging .cinema-choose{cursor:grabbing}
.cinema-static-art{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cinema-static-art img{display:block;width:100%;height:300px;object-fit:contain}.cinema-static-art a{color:inherit}
.cinema-choose:has(.cinema-number)+h3{display:none}.cinema-ready:has(.cinema-card){height:660px}
@media(max-width:600px){.cinema-ready:has(.cinema-card){height:620px}}
body .cinema-ready .cinema-item{background:#202a24!important;transform:var(--cinema-transform)!important;opacity:var(--cinema-opacity,1)!important;transition:transform .65s cubic-bezier(.2,.65,.2,1),opacity .45s!important}
body .cinema-ready.is-dragging .cinema-item{transition:none!important}
@media(prefers-reduced-motion:reduce){body .cinema-ready .cinema-item{transition:none!important;transform:translate(-50%,-50%)!important}}
.cinema-card .cinema-choose{min-height:0}.cinema-card .cinema-choose img{height:auto;aspect-ratio:16/10;object-fit:contain}.cinema-ready:has(.cinema-card){height:540px}
@media(max-width:600px){.cinema-ready:has(.cinema-card){height:460px}}
.cinema-viewer[open]{display:block}.cinema-fullstage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;background:#0e1511;color:#e6d3a8}.cinema-fullstage:fullscreen{width:100vw;height:100dvh;overflow:auto}

/* The original archive cards remain the content of each carousel. */
.cinema-item .entry-state{display:block;padding:12px 18px;color:#d0b78c;font-size:.75rem}
[data-carousel-kind="products"] .cinema-choose{min-height:0}
[data-carousel-kind="products"] .cinema-choose img{height:auto;aspect-ratio:16/9}
[data-carousel-kind="products"] .card-art:empty{display:none}
[data-carousel-kind="players"] .cinema-choose{min-height:0;padding-top:24px}
[data-carousel-kind="players"] .cinema-record-title{font-size:1.15rem;padding:0 18px 18px}
[data-carousel-kind="players"] .cinema-choose+h3{display:none}
[data-carousel-kind="players"] .audio-embed{margin:12px;max-width:calc(100% - 24px);overflow:hidden}
.cinema-view-art .audio-embed{width:min(760px,90vw)}
.cinema-viewer[open] .cinema-fullstage{animation:cinema-arrive .55s ease-out}
@keyframes cinema-arrive{from{opacity:0;transform:scale(.97);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.cinema-viewer[open] .cinema-fullstage{animation:none}}

/* Resonance interaction language: focus, lock, sectional reveal and portal preparation. */
.cinema-item{--effect-gold:#e8b84a;--effect-teal:#315f59}
.cinema-choose{position:relative;overflow:hidden}
.cinema-choose::after{content:"";position:absolute;inset:-35%;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--lens-x,50%) var(--lens-y,50%),transparent 0 15%,rgb(232 184 74 / .12) 19%,transparent 32%);transform:scale(.55);transition:opacity .28s ease,transform .48s ease}
.cinema-choose:hover::after,.cinema-choose:focus-visible::after{opacity:1;transform:scale(1)}
.cinema-item::before,.cinema-item::after{content:"";position:absolute;inset:8px;z-index:3;pointer-events:none;opacity:0;border-radius:50%}
.cinema-item::before{border:1px solid rgb(49 95 89 / .7);box-shadow:0 0 0 10px rgb(232 184 74 / .05),inset 0 0 22px rgb(49 95 89 / .12)}
.cinema-item::after{inset:16px;background:repeating-conic-gradient(from 8deg,rgb(232 184 74 / .58) 0deg 8deg,transparent 8deg 25deg);mask:radial-gradient(circle,transparent 63%,#000 65% 68%,transparent 70%)}
.cinema-ready.is-locking .is-selected::before{animation:resonance-lock .48s ease-out}
.cinema-ready.is-locking .is-selected::after{animation:echoed-halo .52s ease-out}
.cinema-ready.is-locking .is-selected img{animation:ceremonial-turn .52s ease-out}
@keyframes resonance-lock{0%{opacity:0;transform:scale(1.35)}55%{opacity:.82}100%{opacity:0;transform:scale(.86)}}
@keyframes echoed-halo{0%{opacity:0;transform:rotate(-18deg) scale(.82)}55%{opacity:.65}100%{opacity:0;transform:rotate(8deg) scale(1.08)}}
@keyframes ceremonial-turn{0%{transform:rotate(-1.5deg) scale(.99)}55%{transform:rotate(1.2deg) scale(1.015)}100%{transform:rotate(0) scale(1)}}
.cinema-ready.is-tuning .is-selected{animation:transmission-tune .48s steps(5,end)}
@keyframes transmission-tune{0%,100%{filter:none}25%{filter:contrast(1.16) hue-rotate(-4deg);clip-path:inset(2% 0 4%)}50%{filter:contrast(.92);clip-path:inset(5% 0 1%)}75%{filter:contrast(1.1);clip-path:inset(0)}}
.cinema-ready[data-effect="gallery"].is-activating .cinema-item:not(.is-opening){filter:grayscale(.8) blur(3px);opacity:.08!important;transition:filter .42s ease,opacity .42s ease!important}
.cinema-ready[data-effect="gallery"] .is-opening{animation:sigil-unseal .46s ease-in forwards}
@keyframes sigil-unseal{0%{filter:none}55%{filter:brightness(1.28) sepia(.16);box-shadow:0 0 48px rgb(232 184 74 / .24)}100%{filter:blur(7px);opacity:0;transform:var(--cinema-transform) scale(1.1)}}
.cinema-ready[data-effect="frequency"] .is-opening{animation:frequency-dissolve .38s steps(8,end) forwards;mask-image:repeating-linear-gradient(to bottom,#000 0 7px,transparent 8px 11px)}
@keyframes frequency-dissolve{0%{filter:none}45%{filter:contrast(1.4) brightness(1.15);transform:var(--cinema-transform) scaleX(1.035)}100%{filter:blur(6px);opacity:0;transform:var(--cinema-transform) scaleX(.84)}}
.cinema-ready[data-effect="codex"] .is-opening{animation:bronze-fracture .38s ease-in forwards;background-image:repeating-linear-gradient(112deg,transparent 0 24px,rgb(232 184 74 / .2) 25px,transparent 27px)!important}
@keyframes bronze-fracture{0%{filter:none}58%{box-shadow:inset 0 0 45px rgb(232 184 74 / .19)}100%{filter:blur(5px);opacity:0;transform:var(--cinema-transform) scale(1.04)}}
.cinema-ready[data-effect="artifact"] .is-opening,.cinema-ready[data-effect="archive"] .is-opening{animation:archive-ash .38s ease-in forwards}
@keyframes archive-ash{to{filter:sepia(.5) blur(6px);opacity:0;transform:var(--cinema-transform) translateY(-14px) scale(.98)}}
.cinema-effect-gallery .cinema-fullstage{animation:sigil-arrive .56s ease-out}
.cinema-effect-frequency .cinema-fullstage{animation:frequency-arrive .54s steps(7,end)}
.cinema-effect-codex .cinema-fullstage{animation:codex-arrive .56s ease-out}
@keyframes sigil-arrive{from{opacity:0;filter:blur(12px);transform:scale(1.08) rotate(.5deg)}to{opacity:1;filter:none;transform:none}}
@keyframes frequency-arrive{from{opacity:0;filter:contrast(1.5) blur(6px);clip-path:inset(45% 0)}to{opacity:1;filter:none;clip-path:inset(0)}}
@keyframes codex-arrive{from{opacity:0;filter:sepia(1) blur(8px);transform:scale(.96)}to{opacity:1;filter:none;transform:none}}
@media(prefers-reduced-motion:reduce){.cinema-ready .cinema-item,.cinema-ready .cinema-item img,.cinema-fullstage{animation:none!important;filter:none!important;clip-path:none!important;mask-image:none!important}.cinema-ready.is-activating .cinema-item:not(.is-opening){opacity:0!important}.cinema-choose::after,.cinema-item::before,.cinema-item::after{display:none}}