/* Reserve a cream band inside the frame so descriptions never cover the art. */
.concept-page .deck-stage{--vision-band:122px;--vision-min-height:390px;container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;aspect-ratio:auto;min-height:var(--vision-min-height);background:var(--paper)}
.deck-stage::before{content:'';grid-area:1/1/3/2;height:max(var(--vision-min-height),calc(100cqw * 2/3));pointer-events:none}
.deck-stage[data-status="ready"]::before{display:none}
.concept-page .deck-stage>img{position:static;grid-area:1/1;width:100%;height:max(calc(var(--vision-min-height) - var(--vision-band)),calc(100cqw * 2/3 - var(--vision-band)));object-fit:contain;background:var(--paper)}
.concept-page .deck-stage .preview-placeholder{background:var(--paper);gap:0;padding:24px;justify-content:center}
.concept-page .deck-stage .preview-placeholder #preview-status{font:400 16px/1.5 var(--body);max-width:100%;color:var(--ink);margin:10px 0 0}
.sketch-main{display:flex;align-items:center;justify-content:center}
.concept-page .preview-placeholder .sketch-count{font:400 12px/1.5 var(--body);color:#787468;margin:5px 0 0}
.sketch-controls{display:flex;justify-content:center;margin:8px 0 0;min-height:30px}
.concept-page .sketch-pause{font:500 14px/1.4 var(--body);color:#67675c;background:transparent;border:0;border-bottom:1px solid #c4beaf;border-radius:0;padding:4px 0;box-shadow:none;min-height:30px;cursor:pointer}
.sketch-pause:hover{color:var(--blue)}
.concept-page .deck-stage .vision-details{position:static;grid-area:2/1;height:auto;min-height:var(--vision-band);margin:0;padding:22px 25px;border-top:1px solid var(--line);background:var(--paper);display:flex;align-items:center;gap:24px;color:var(--ink)}
.vision-details>div:first-child{min-width:0;max-width:none;flex:1;overflow-wrap:anywhere}
.concept-page .vision-details h3{font:700 22px/1.2 var(--display);letter-spacing:-.5px;margin:0 0 7px}
.concept-page .vision-details p{font:400 16px/1.45 var(--body);margin:0}
.concept-page .deck-stage .deck-count{position:absolute;top:18px;right:18px;transform:none;padding:6px 9px;font:600 14px/1.2 var(--body);background:var(--paper);box-shadow:2px 2px 0 var(--ink);z-index:1}
.concept-page .goose-companion .vision-hero-art{display:flex;align-items:center;justify-content:center;width:220px;height:220px;flex-shrink:0}
.vision-hero-art .vision-hero-sprite{flex-shrink:0;transform:scale(.88)}
.sketch-main .vision-painter-sprite{flex-shrink:0}
.hero-pause{position:absolute;right:8px;bottom:4px;width:27px;height:27px;display:grid;place-items:center;border:1px solid #c4beaf;border-radius:50%;background:var(--paper);color:#67675c;padding:0}
.hero-pause svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
.hero-pause[aria-pressed="true"] svg{transform:rotate(90deg)}
@media(max-width:900px){.concept-page .goose-companion .vision-hero-art{width:180px;height:180px}.vision-hero-art .vision-hero-sprite{transform:scale(.72)}}
@media(max-width:600px){.concept-page .deck-stage{--vision-band:164px;--vision-min-height:380px}.concept-page .deck-stage .vision-details{padding:17px;gap:13px}.concept-page .vision-details h3{font-size:19px;line-height:1.15}.concept-page .vision-details p{font-size:14px;line-height:1.4}.vision-details .deck-arrows{gap:7px}.concept-page .deck-stage .deck-count{top:12px;right:12px;font-size:12px}.concept-page .deck-stage .preview-placeholder{padding:18px}.concept-page .goose-companion .vision-hero-art{width:135px;height:135px}.hero-pause{right:2px;bottom:0}}
@media(max-width:350px){.concept-page .deck-stage{--vision-band:188px;--vision-min-height:390px}.concept-page .deck-stage .vision-details{padding:14px;gap:10px;align-items:flex-start}.vision-details .deck-arrows{flex-direction:column}.concept-page .goose-companion .vision-hero-art{width:115px;height:125px}}
@media(max-width:600px){.vision-hero-art .vision-hero-sprite{transform:scale(.54)}.sketch-main{height:185px;width:270px}.sketch-main .vision-painter-sprite{transform:scale(.75)}}
@media(max-width:350px){.vision-hero-art .vision-hero-sprite{transform:scale(.48)}.sketch-main{height:160px;width:240px}.sketch-main .vision-painter-sprite{transform:scale(.66)}}