#h04{background:#061c2b;isolation:isolate}#h04 .chapter-stage{display:block;max-width:none;padding:12vh 6vw;min-height:calc(100svh - 88px);overflow:hidden}#h04 .copy{position:relative;z-index:50;max-width:36%;padding-top:4vh}#h04 h2{font-size:clamp(32px,3.1vw,49px);text-wrap:balance}#h04 .lead{font-size:clamp(21px,1.9vw,29px)}.orchestration-scene{position:absolute;inset:0;z-index:0}.orchestration-scene img{width:100%;height:100%;object-fit:cover;object-position:center}.orchestration-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061c2baa,transparent 53%),linear-gradient(#061c2b,transparent 15%,transparent 85%,#061c2b)}.station-states{position:absolute;left:40%;right:4%;top:28%;height:34%;z-index:50;pointer-events:none}.station-state{position:absolute;padding:14px 18px;border:1px solid #80c4ef77;border-radius:8px;background:#224e719c;backdrop-filter:blur(5px);box-shadow:0 0 20px #7fc7ff2b;pointer-events:auto;color:#f2f9ff}.station-state strong{display:block;font-size:17px;font-weight:500;white-space:nowrap}.station-state span{display:block;font-size:13px;margin-top:6px;color:#c6e4f6}.station-1{left:0;top:27%}.station-2{left:27%;top:14%}.station-3{left:52%;top:0}.station-4{right:0;top:30%}.solution-link{display:inline-block;border:1px solid #cadbe1;border-radius:24px;padding:12px 22px;margin-top:22px;font-size:16px}#h05 .copy{position:relative;z-index:50;transform:translateY(-12vh)}
@media(max-width:1000px){.station-state{padding:10px}.station-state strong{font-size:14px}.station-state span{font-size:12px}}
@media(max-width:700px){#h04 .chapter-stage{position:relative;min-height:980px;padding:70px 24px 40px}#h04 .copy{max-width:none;padding:0}.orchestration-scene img{object-position:63% center}.orchestration-scene::after{background:linear-gradient(#061c2b 5%,#061c2bd9 30%,transparent 65%,#061c2b)}.station-states{left:24px;right:24px;top:auto;bottom:90px;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.station-state{position:relative;left:auto;right:auto;top:auto;padding:16px}.station-state strong{font-size:16px}#h05 .copy{transform:none}}

.station-icon{filter:brightness(0) invert(1);border-radius:0}

/* User-confirmed visual; remove the empty sticky hold before chapter five. */
@media(min-width:701px){#h04{min-height:0}#h04 .chapter-stage{position:relative;top:auto}}