/* Optional portfolio presentation. The existing editorial palette and art remain. */
.presentation-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;padding-top:20px;padding-bottom:12px;color:var(--muted);font-size:12px}
.presentation-controls>div{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:5px;padding:3px}
.presentation-controls button{min-height:44px;padding:10px 18px;border:0;border-radius:3px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.presentation-controls button[aria-pressed=true]{background:var(--lime);color:var(--bg)}
.cinema{overflow:clip}
.cinema-opening{position:relative;padding-top:54px;padding-bottom:70px;min-height:660px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.cinema-opening h1{font-size:clamp(3.2rem,7.5vw,7.4rem);line-height:.98;letter-spacing:-.055em;max-width:13ch;margin:18px 0 24px;position:relative;z-index:1;overflow-wrap:anywhere}
.cinema-opening h1 span{color:var(--lime)}
.cinema-intro{color:var(--muted);max-width:31ch;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.6;margin:0 0 28px;position:relative;z-index:1}
.cinema-opening .button{position:relative;z-index:1}
.cinema-opening-forms{position:absolute;right:0;top:8%;bottom:8%;width:43%;display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-7deg);opacity:.7}
.cinema-opening-forms .art{height:100%;min-height:0;border:1px solid var(--line);border-radius:8px}
.cinema-opening-forms .art:first-child{grid-column:span 2}
.cinema-opening-forms .art-caption,.cinema-opening-forms .art-cross{display:none}
.cinema-world{padding-top:56px;padding-bottom:64px;border-top:1px solid var(--line)}
.cinema-world-heading{max-width:760px;margin-bottom:32px}
.cinema-world-heading h2{font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-.045em;margin:14px 0 18px;overflow-wrap:anywhere}
.cinema-world-heading>p:last-child{color:var(--muted);line-height:1.6}
.cinema-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cinema-product{border:1px solid var(--line);background:var(--panel);min-width:0;border-radius:8px;overflow:hidden}
.cinema-product>.art{height:280px}
.cinema-product .art-object{scale:1.4}
.cinema-product-copy{padding:28px}
.cinema-product h3{font-size:clamp(1.6rem,2.5vw,2.5rem);line-height:1.12;letter-spacing:-.035em;margin:12px 0 16px;overflow-wrap:anywhere}
.cinema-product h3 a{text-decoration-thickness:1px;text-underline-offset:5px}
.cinema-product h3 a:hover{text-decoration:underline}
.cinema-product-copy>p:not(.eyebrow){color:var(--muted);line-height:1.6;min-height:3.2em}
.cinema-details{display:inline-flex;align-items:center;min-height:44px;gap:9px;font-size:13px;margin:8px 0 0 16px}
.cinema-product .button{cursor:pointer;max-width:100%;text-align:left}
#cinema-worlds:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}
body.cinema-focus-open{overflow:hidden}
.cinema-focus{position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:var(--bg);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.cinema-focus::backdrop{background:#0b100eeb}
.cinema-focus[open]{animation:cinema-reveal .24s ease-out}
.cinema-focus-toolbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:16px clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:var(--bg);font:12px/1.4 ui-monospace,monospace}
.cinema-focus-close{min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer}
.cinema-focus-close span{font-size:22px;margin-left:12px;color:var(--lime)}
.cinema-focus-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);padding:40px clamp(18px,4vw,64px) 64px;min-height:calc(100dvh - 83px)}
.cinema-focus-layout>.art{height:min(68vh,750px);min-height:320px;border:1px solid var(--line);border-radius:10px}
.cinema-focus-layout>.art .art-object{scale:2.1}
.cinema-focus-copy{min-width:0}
.cinema-focus-copy h2{font-size:clamp(2.6rem,5.2vw,5.5rem);line-height:1;letter-spacing:-.055em;margin:20px 0 24px;overflow-wrap:anywhere}
.cinema-focus-hook{font:italic clamp(1.3rem,2.2vw,2rem)/1.3 Georgia,serif;color:var(--lime);max-width:30ch}
.cinema-focus-copy>p:not(.eyebrow):not(.stage):not(.cinema-focus-hook){color:var(--muted);line-height:1.7}
.cinema-focus-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px}
.cinema-focus-facts h3{font-size:15px;line-height:1.4;margin:0 0 12px}
.cinema-focus-facts p{color:var(--muted);line-height:1.65;font-size:14px;margin:0}
.cinema-focus-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}
.cinema-focus-actions .button{text-align:left;max-width:100%}
.cinema-unavailable{color:var(--muted);margin:0}
/* Product environments extend the existing art inside the native focus dialog.
   The orbit is decorative and out of grid flow; product objects keep their geometry. */
.cinema-focus{--focus-glow:#425c3620;background:radial-gradient(ellipse at 18% 48%,var(--focus-glow),transparent 64%),var(--bg)}
.cinema-focus[data-product="quickbuild"]{--focus-glow:#62774724}
.cinema-focus[data-product="palimatter"]{--focus-glow:#704b2c2e}
.cinema-focus[data-product="47games"]{--focus-glow:#36544b30}
.cinema-focus[data-product="pylotheke"]{--focus-glow:#38494e30}
.cinema-focus[data-product="stemmapyle"]{--focus-glow:#38494e2b}
.cinema-focus[data-product="spolia"]{--focus-glow:#69604b2b}
.cinema-focus[data-product="workflow-qualification"]{--focus-glow:#778e6121}
.cinema-focus[data-product="kritopyle"]{--focus-glow:#38494e35}
.cinema-focus[data-product="wardrobe"]{--focus-glow:#69604b26}
.cinema-focus-layout>.art:before{opacity:.1}
.cinema-focus-layout>.art .art-orbit{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.cinema-focus-layout>.art .art-orbit:before,.cinema-focus-layout>.art .art-orbit:after{content:"";position:absolute;pointer-events:none}
.cinema-focus-layout>.art .art-object{z-index:1}
.cinema-focus-layout>.art .art-caption,.cinema-focus-layout>.art .art-cross{z-index:2}

/* Construction planes. */
.cinema-focus[data-product="quickbuild"] .art-orbit{background:linear-gradient(90deg,transparent 49.8%,#62774724 50%,transparent 50.2%)}
.cinema-focus[data-product="quickbuild"] .art-orbit:before{inset:19% 14%;border:1px solid #a9c08544;border-radius:8px;transform:skewY(-9deg);background:linear-gradient(135deg,#62774714,transparent 60%);box-shadow:16px 17px 0 #6277470d}
.cinema-focus[data-product="quickbuild"] .art-orbit:after{inset:31% 7%;border-top:1px solid #c6d4a444;border-bottom:1px solid #c6d4a426;transform:skewY(-9deg)}

/* Material rings. */
.cinema-focus[data-product="palimatter"] .art-orbit{background:radial-gradient(ellipse at 50% 56%,#ca986e12,transparent 65%)}
.cinema-focus[data-product="palimatter"] .art-orbit:before{inset:14% 11%;border:1px solid #d4b28f44;border-radius:50%;transform:rotate(-24deg);box-shadow:0 18px 0 #68513d14}
.cinema-focus[data-product="palimatter"] .art-orbit:after{inset:28% 5%;border:1px dashed #d4b28f2e;border-radius:50%;transform:rotate(24deg)}

/* A spatial field around the existing play silhouette. */
.cinema-focus[data-product="47games"] .art-orbit{background:radial-gradient(circle at 20% 28%,#c9daae88 0 1px,transparent 2px),radial-gradient(circle at 73% 74%,#c9daae77 0 1px,transparent 2px),radial-gradient(circle at 82% 22%,#e2d59b66 0 2px,transparent 3px),radial-gradient(ellipse at 50% 70%,#36544b33,transparent 70%)}
.cinema-focus[data-product="47games"] .art-orbit:before{inset:18% 11%;border:1px solid #788f7144;border-radius:50%;transform:rotate(34deg) scaleY(.72)}
.cinema-focus[data-product="47games"] .art-orbit:after{inset:12% 25%;border:1px dashed #788f712e;border-radius:50%;transform:rotate(-29deg)}

/* Source planes, with no qualification or success symbol. */
.cinema-focus[data-product="pylotheke"] .art-orbit:before{inset:17% 16%;border:1px solid #c0cebf33;background:repeating-linear-gradient(0deg,transparent 0 35px,#c0cebf12 35px 36px);transform:skewY(-7deg);box-shadow:13px 10px 0 #44574c18,26px 20px 0 #2d403722}
.cinema-focus[data-product="pylotheke"] .art-orbit:after{inset:31% 9%;border-top:1px solid #c0cebf44;border-bottom:1px solid #c0cebf26;transform:skewY(-7deg)}

/* Lineage: a spine, separated nodes and connecting branches. */
.cinema-focus[data-product="stemmapyle"] .cinema-focus-layout>.art{background:radial-gradient(ellipse at 50% 80%,#38494e55,transparent 75%),#161f22}
.cinema-focus[data-product="stemmapyle"] .art-orbit{background:radial-gradient(circle at 18% 34%,#c0cebf66 0 3px,#161f22 3px 7px,transparent 8px),radial-gradient(circle at 82% 22%,#c0cebf66 0 3px,#161f22 3px 7px,transparent 8px),radial-gradient(circle at 18% 78%,#c0cebf66 0 3px,#161f22 3px 7px,transparent 8px),radial-gradient(circle at 82% 66%,#c0cebf66 0 3px,#161f22 3px 7px,transparent 8px)}
.cinema-focus[data-product="stemmapyle"] .art-orbit:before{left:50%;top:12%;bottom:12%;width:1px;background:#c0cebf40}
.cinema-focus[data-product="stemmapyle"] .art-orbit:after{left:18%;right:18%;top:28%;bottom:28%;border-top:1px solid #c0cebf33;border-bottom:1px solid #c0cebf33;transform:skewY(-12deg)}

/* Offset material forms and a reuse loop. */
.cinema-focus[data-product="spolia"] .cinema-focus-layout>.art{background:radial-gradient(ellipse at 50% 90%,#69604b55,transparent 75%),#22211d}
.cinema-focus[data-product="spolia"] .art-orbit:before{inset:19% 24%;border:1px solid #d2b99144;transform:rotate(-16deg);background:#69604b0d;box-shadow:15px 13px 0 #7d6b441a,30px 26px 0 #7d6b440d}
.cinema-focus[data-product="spolia"] .art-orbit:after{inset:28% 9%;border:1px dashed #d2b99133;border-radius:45%;transform:rotate(16deg)}

/* The seam remains visible between two bounded states. */
.cinema-focus[data-product="workflow-qualification"] .art-orbit{background:linear-gradient(90deg,#778e610e 0 49.8%,#cde59233 49.8% 50.2%,#b8cd8914 50.2% 100%)}
.cinema-focus[data-product="workflow-qualification"] .art-orbit:before{inset:18% 12%;border:1px solid #b6cd8933;border-left-width:3px;border-right-width:3px;border-radius:4px}
.cinema-focus[data-product="workflow-qualification"] .art-orbit:after{top:12%;bottom:12%;left:calc(50% - 4px);width:8px;border-left:1px dashed #cde59244;border-right:1px dashed #cde59244}

/* A bounded aperture field preserves the shared ring-and-mark object. */
.cinema-focus[data-product="kritopyle"] .art-orbit{background:radial-gradient(circle at 50% 50%,#d8ef9d12 0 25%,transparent 25.3%)}
.cinema-focus[data-product="kritopyle"] .art-orbit:before{height:74%;aspect-ratio:1;max-width:88%;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #c0cebf33;border-radius:50%}
.cinema-focus[data-product="kritopyle"] .art-orbit:after{height:90%;aspect-ratio:1;max-width:96%;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed #c0cebf22;border-radius:50%}

/* A quiet enclosed room, with the existing hanging-frame silhouette. */
.cinema-focus[data-product="wardrobe"] .art-orbit{background:linear-gradient(135deg,#d2b9910a 0 19%,transparent 19% 81%,#d2b9910a 81%)}
.cinema-focus[data-product="wardrobe"] .art-orbit:before{inset:15% 18%;border:1px solid #d2b99144;border-bottom-color:#d2b99166;background:linear-gradient(90deg,#7d6b4412,transparent 30% 70%,#7d6b4412)}
.cinema-focus[data-product="wardrobe"] .art-orbit:after{inset:26% 9% 13%;border-top:1px solid #baaa872e;border-bottom:1px solid #baaa8733}

@keyframes cinema-reveal{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.cinema-opening{min-height:560px}.cinema-opening-forms{opacity:.35;width:48%}.cinema-focus-layout{grid-template-columns:1fr;align-content:start;gap:28px}.cinema-focus-layout>.art{height:320px;min-height:0}.cinema-focus-layout>.art .art-object{scale:1.7}.cinema-focus-copy{max-width:760px;width:100%;margin:auto}}
@media(max-width:700px){.presentation-controls{justify-content:flex-start;gap:8px 16px}.cinema-opening{min-height:0;padding-top:35px;padding-bottom:44px}.cinema-opening-forms{position:relative;inset:auto;width:100%;height:260px;margin-top:40px;opacity:1;transform:none}.cinema-opening h1{font-size:clamp(2.8rem,10vw,4.6rem)}.cinema-members{grid-template-columns:1fr}.cinema-world{padding-top:35px;padding-bottom:44px}.cinema-product>.art{height:240px}.cinema-product-copy{padding:24px}.cinema-product-copy>p:not(.eyebrow){min-height:0}.cinema-focus-facts{grid-template-columns:1fr;gap:22px}.cinema-focus-layout{padding-top:22px}.cinema-focus-copy h2{font-size:clamp(2.4rem,10vw,4rem)}.cinema-details{margin-left:0;margin-right:16px;display:flex;width:fit-content}.cinema-focus-layout>.art{height:240px}.cinema-focus-layout>.art .art-object{scale:1.35}.cinema-focus[data-product="spolia"] .cinema-focus-layout>.art .art-object{scale:1.25}}
@media(prefers-reduced-motion:reduce){.cinema-focus[open]{animation:none}.cinema-opening-forms{transform:none}.cinema .art-object,.cinema-focus .art-object{transform:none}}

.cinema-focus-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.cinema-focus-tools>a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:4px;padding:10px}

/* Scroll progression extends the current catalogue and existing focus scenes. */
.cinema-opening-actions{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px}
.cinema-opening-actions .text-link{margin:0;min-height:44px}
.cinema[data-motion=true] .cinema-opening-forms{transform:translateY(var(--cinema-open-y,0px)) rotate(-7deg) scale(var(--cinema-open-scale,1));transform-origin:50% 50%}
.cinema-run{border-top:1px solid var(--line);padding:26px 0;position:relative;scroll-margin-top:20px}
.cinema-run-sticky{position:relative;display:flex;flex-direction:column;gap:24px;padding:28px 0}
.cinema-run-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px 28px}
.cinema-run-heading .eyebrow{margin:0}
.cinema-run-heading h2{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.2;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
.cinema-run-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:5px}
[data-cinema-run=collections] .cinema-run-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.cinema-run-nav button{min-width:0;min-height:58px;padding:10px 14px;border:0;background:var(--bg);color:var(--muted);text-align:left;line-height:1.35;cursor:pointer}
.cinema-run-nav button span{display:block;margin-bottom:4px;font:9px/1.3 ui-monospace,monospace;color:var(--warm)}
.cinema-run-nav button strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}
.cinema-run-nav button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:inset 0 -2px var(--lime)}
.cinema-run-panels{display:grid;gap:64px;min-width:0}
.cinema-panel{min-width:0;align-self:start;scroll-margin-top:28px}
.cinema-featured-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.cinema-featured-visual{min-width:0}
.cinema-featured-visual>.art{height:clamp(280px,48vh,450px);border:1px solid var(--line);border-radius:10px}
.cinema-featured-visual .art-orbit,.cinema-world-member>.art .art-orbit{position:absolute;inset:0;pointer-events:none}
.cinema-featured-visual .art-object{scale:2.05}
.cinema-featured-copy{min-width:0}
.cinema-featured-copy>.eyebrow{margin:0 0 10px}
.cinema-featured-copy h3{font-size:clamp(2.5rem,4.3vw,4.25rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 18px;overflow-wrap:anywhere}
.cinema-featured-hook{font:italic clamp(1.1rem,1.7vw,1.5rem)/1.35 Georgia,serif;color:var(--lime);margin:0 0 16px}
.cinema-featured-summary{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 18px}
.cinema-featured-boundary{border-left:2px solid var(--line);padding-left:14px;color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 18px}
.cinema-featured-boundary strong{display:block;color:var(--ink);font-weight:500;margin-bottom:5px}
.cinema-featured-boundary span{display:block}
.cinema-panel-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}
.cinema-panel-actions .button{max-width:100%;text-align:left;min-width:0}
.cinema-panel-actions .cinema-details{margin:0;min-height:44px}
.cinema-world-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center}
.cinema-world-copy{min-width:0;position:relative;isolation:isolate;padding:28px 0}
.cinema-world-copy>.eyebrow{margin-bottom:16px}
.cinema-world-copy h3{position:relative;z-index:1;font-size:clamp(2rem,3.7vw,3.6rem);line-height:1.05;letter-spacing:-.045em;max-width:14ch;margin:0 0 22px;overflow-wrap:anywhere}
.cinema-world-copy>p{position:relative;z-index:1;max-width:34ch;color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:0}
.cinema-world-copy>.eyebrow{color:var(--lime);font-size:11px}
.cinema-world-orbit{position:absolute;z-index:0;pointer-events:none;inset:4% 9%;border:1px solid #aab49724;border-radius:50%;transform:rotate(-18deg);opacity:.75}
.cinema-world-orbit:before,.cinema-world-orbit:after{content:"";position:absolute;inset:17%;border:1px solid #aab4971c;border-radius:50%;transform:rotate(28deg)}
.cinema-world-orbit:after{inset:30% -8%;border-style:dashed;transform:rotate(-32deg)}
.cinema-world-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--muted)}
.cinema-world-orbit i:nth-child(1){left:3%;top:50%}.cinema-world-orbit i:nth-child(2){left:28%;top:3%}.cinema-world-orbit i:nth-child(3){right:7%;top:28%}.cinema-world-orbit i:nth-child(4){right:18%;bottom:11%}.cinema-world-orbit i:nth-child(5){left:22%;bottom:5%}
[data-panel-id=build-repair] .cinema-world-orbit i:nth-child(1),[data-panel-id=sources-trust] .cinema-world-orbit i:nth-child(2),[data-panel-id=reuse] .cinema-world-orbit i:nth-child(3),[data-panel-id=play] .cinema-world-orbit i:nth-child(4),[data-panel-id=everyday] .cinema-world-orbit i:nth-child(5){background:var(--lime);box-shadow:0 0 0 6px #d8ef9d12}
[data-panel-id=sources-trust] .cinema-world-orbit{transform:rotate(16deg)}
[data-panel-id=reuse] .cinema-world-orbit{transform:rotate(48deg)}
[data-panel-id=play] .cinema-world-orbit{transform:rotate(105deg)}
[data-panel-id=everyday] .cinema-world-orbit{transform:rotate(155deg)}
.cinema-world-members{display:grid;gap:18px;min-width:0}
.cinema-world-member{display:grid;grid-template-columns:128px minmax(0,1fr);gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;min-width:0}
.cinema-world-member:last-child{border-bottom:0;padding-bottom:0}
.cinema-world-member>.art{height:132px;width:128px;border:1px solid var(--line);border-radius:5px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.cinema-world-member>.art .art-object{scale:.56}
.cinema-world-member .art-caption,.cinema-world-member .art-cross{display:none}
.cinema-world-member>div:not(.art){min-width:0}
.cinema-world-member .eyebrow{font-size:9px;letter-spacing:1px;margin:0 0 8px;overflow-wrap:anywhere}
.cinema-world-member h4{font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:540;line-height:1.15;letter-spacing:-.025em;margin:0 0 8px;overflow-wrap:anywhere}
.cinema-world-member h4 a:hover{text-decoration:underline;text-underline-offset:4px}
.cinema-member-hook{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 10px}
.cinema-world-member .button{min-height:44px;padding:9px 11px;gap:10px;font-size:11px}
.cinema-world-member .cinema-details{font-size:11px;gap:8px}
.cinema-run-progress{display:none;position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;background:var(--line)}
.cinema-run-progress i{display:block;width:100%;height:100%;background:var(--lime);transform-origin:left;transform:scaleX(var(--cinema-progress,0))}
.cinema-run[data-scroll=true]{height:var(--cinema-run-height);padding:0}
.cinema-run[data-scroll=true] .cinema-run-sticky{position:sticky;top:0;min-height:var(--cinema-viewport);justify-content:center}
.cinema-run[data-scroll=true] .cinema-run-panels{gap:0}
.cinema-run[data-scroll=true] .cinema-panel{grid-area:1 / 1;align-self:center}
.cinema-run[data-scroll=true] .cinema-panel[data-active=false]{visibility:hidden;pointer-events:none}
.cinema-run[data-scroll=true] .cinema-run-progress{display:block}
.cinema[data-motion=true] .cinema-run[data-scroll=true] .cinema-panel[data-active=true]{animation:cinema-panel-reveal .34s ease-out}
.cinema-closing{padding-top:86px;padding-bottom:100px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 70% 50%,#425c3618,transparent 65%)}
.cinema-closing h2{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:1.04;letter-spacing:-.05em;max-width:16ch;margin:0 0 24px;overflow-wrap:anywhere}
.cinema-closing>p:not(.eyebrow){max-width:52ch;color:var(--muted);font-size:17px;line-height:1.7}
.cinema-run:focus-visible,[data-cinema-panel-heading]:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
@keyframes cinema-panel-reveal{from{opacity:.55;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1000px){[data-cinema-run=collections] .cinema-run-nav>button:last-child:nth-child(odd){grid-column:1 / -1}.cinema-featured-panel,.cinema-world-panel{grid-template-columns:1fr;gap:26px}.cinema-featured-visual>.art{height:320px}.cinema-featured-visual .art-object{scale:1.6}.cinema-featured-copy{max-width:760px}.cinema-run-nav,[data-cinema-run=collections] .cinema-run-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.cinema-world-copy{padding:24px 0;max-width:760px}.cinema-world-copy h3{max-width:22ch}.cinema-world-orbit{inset:4% 15% 4% 30%}.cinema-run-panels{gap:64px}.cinema-world-member{grid-template-columns:128px minmax(0,1fr)}}
@media(max-width:700px){.cinema-opening-actions{align-items:flex-start;flex-direction:column;gap:12px}.cinema-run{padding:14px 0}.cinema-run-sticky{padding:22px 0;gap:22px}.cinema-run-heading{display:block}.cinema-run-heading .eyebrow{margin-bottom:10px}.cinema-run-nav button{padding:10px;min-height:64px}.cinema-run-nav button strong{font-size:11px}.cinema-featured-visual>.art{height:260px}.cinema-featured-visual .art-object{scale:1.2}.cinema-featured-copy h3{font-size:clamp(2.2rem,10vw,3.4rem)}.cinema-featured-summary{font-size:14px}.cinema-panel-actions{gap:8px 14px}.cinema-world-member{grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:start}.cinema-world-member>.art{width:84px;height:112px}.cinema-world-member>.art .art-object{scale:.37}.cinema-world-member h4{font-size:19px}.cinema-world-member .eyebrow{font-size:8px}.cinema-world-member .cinema-panel-actions{display:block}.cinema-world-member .cinema-details{display:flex;width:fit-content}.cinema-world-copy h3{font-size:clamp(2rem,8.5vw,3rem)}.cinema-world-copy>p{font-size:15px}.cinema-closing{padding-top:48px;padding-bottom:56px}}
@media(max-width:1000px),(max-height:699px),(prefers-reduced-motion:reduce){.cinema-run[data-scroll=true]{height:auto;padding:26px 0}.cinema-run[data-scroll=true] .cinema-run-sticky{position:relative;min-height:0}.cinema-run[data-scroll=true] .cinema-run-panels{gap:64px}.cinema-run[data-scroll=true] .cinema-panel{grid-area:auto;visibility:visible;pointer-events:auto;animation:none}.cinema-run[data-scroll=true] .cinema-run-progress{display:none}.cinema[data-motion=true] .cinema-opening-forms{transform:none}}
@media(prefers-reduced-motion:reduce){.cinema [data-cinema-panel]{animation:none!important}.cinema-run-progress i{transition:none}}

/* The existing focus keeps its art and copy; this optional figure preserves the full poster. */
.product-artwork{margin-top:28px;border-top:1px solid var(--line);padding-top:12px}
.product-artwork>summary{min-height:44px;padding:10px 0;color:var(--ink);cursor:pointer;font-size:14px;line-height:1.5}
.product-artwork>summary>span{display:inline-block;vertical-align:top}
.product-artwork>summary small{display:block;color:var(--muted);font-size:12px;font-weight:normal}
.product-artwork>summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.product-artwork figure{margin:12px 0 0;min-width:0}
.product-artwork img,.product-artwork video{display:block;width:100%;height:auto;object-fit:contain;background:var(--panel)}
.product-artwork video{width:auto;max-width:100%;max-height:70dvh;margin-inline:auto}
.product-artwork video:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.product-artwork figcaption{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.product-artwork figcaption a{display:flex;align-items:center;gap:8px;min-height:44px;width:fit-content;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.product-artwork-status{color:var(--muted);font-size:14px;line-height:1.6}