#heroZeroStage{display:grid;place-items:center;background:#071a38;touch-action:pan-y}
#heroZeroStage.is-selected{pointer-events:auto}
#heroZeroStage .h0-scene{position:relative;width:100%;max-width:calc((100svh - 110px)*16/9);aspect-ratio:16/9;overflow:hidden;isolation:isolate;container-type:inline-size;touch-action:pan-y;cursor:grab}
#heroZeroStage .h0-scene.is-dragging{cursor:grabbing}
#heroZeroStage .h0-background,#heroZeroStage .h0-red{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
#heroZeroStage .h0-red{z-index:100}
#heroZeroStage .h0-card{position:absolute;width:18.2%;padding:0;border:0;background:transparent;display:block;cursor:pointer;transform-origin:center;will-change:transform;touch-action:pan-y}
#heroZeroStage .h0-card img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
#heroZeroStage .h0-card:focus-visible{outline:3px solid #ffd100;outline-offset:3px}
#heroZeroStage .h0-brand{position:absolute;top:39%;left:50%;transform:translateX(-50%);width:82%;z-index:110;text-align:center;pointer-events:none;color:white;font-family:Arial,Helvetica,sans-serif;text-shadow:0 2px 4px #000,0 0 12px #071a38}
#heroZeroStage .h0-logo{position:relative;width:13%;aspect-ratio:1;margin:0 auto 1.5%;border-radius:50%;overflow:hidden;background:#000;box-shadow:0 0 0 1px #a6b8c6}
#heroZeroStage .h0-logo img{position:absolute;width:108%;max-width:none;height:108%;left:-5%;top:-5%;object-fit:contain}
#heroZeroStage .h0-title{font-size:clamp(15px,4.2cqw,48px);font-weight:800;letter-spacing:.035em;line-height:1.15}
#heroZeroStage .h0-tagline{font-size:clamp(11px,2.2cqw,25px);font-weight:700;line-height:1.35;margin-top:1%;color:#fff7d7}
#heroZeroStage .h0-tools{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;width:95%;z-index:240;font-size:12px;color:#fff}
#intro[data-hero="0"] .title-sequence,#intro[data-hero="0"] .interaction-hint,#intro[data-hero="0"] .layer-readout{display:none!important}
#intro[data-hero="0"]{touch-action:pan-y;cursor:auto}
#intro .hero-controls{z-index:300}
#intro .hero-select-row{flex-wrap:wrap}
.h0-school-dialog{background:#071a38;color:#f7f8fb;border:1px solid #59d9ff;border-radius:14px;padding:28px;max-width:min(480px,90vw)}
.h0-school-dialog::backdrop{background:#000b}
@media(max-width:600px){#heroZeroStage .h0-scene{max-width:none}#heroZeroStage .h0-tools{bottom:95px;font-size:11px}#intro .hero-controls{top:10px;right:10px}}

/* Fullscreen pass: no inset scene or height-based width cap. */
#intro[data-hero="0"]{width:100%;height:100svh;min-height:0}
#heroZeroStage{bottom:var(--nav-h,86px);display:block}
#heroZeroStage .h0-scene{width:100%;height:100%;max-width:none;aspect-ratio:auto}
#heroZeroStage .h0-background{object-fit:fill}
#heroZeroStage .h0-red{object-fit:contain}
#heroZeroStage .h0-tools{bottom:12px}
#heroZeroStage .h0-card{width:min(18.2%,calc((100svh - var(--nav-h,86px)) * .30))}