.scene,.editorial{position:relative;overflow:hidden;margin:0;isolation:isolate}.scene img,.editorial img{display:block;width:100%;height:100%;object-fit:cover}.editorial{height:360px;margin:28px 0;max-width:100%}.editorial figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 22px 18px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:white;font:16px/1.5 sans-serif;text-align:left}.scene img{will-change:auto}.visual-note{font-size:14px;opacity:.8}@media(max-width:700px){.editorial{height:280px!important}.editorial figcaption{font-size:14px;padding:28px 16px 14px}}
.hero{gap:24px 5vw;padding-top:35px}.hero h1{font-size:94px}.hero .scene{grid-column:1/-1;height:310px}.kit .editorial{margin-top:25px}.receive .editorial{grid-column:1/-1;height:390px}@media(max-width:700px){.hero h1{font-size:62px}.hero .scene{grid-column:auto;grid-row:2;height:220px}.cassette{grid-row:3}}
.scene img{animation:warehouse-zoom 18s ease-in-out infinite alternate}@keyframes warehouse-zoom{to{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.scene img,.editorial img{animation:none!important;transition:none!important;transform:none!important;filter:none!important;clip-path:none!important}}

/* Screenshot review: full-width editorial frames and calmer hierarchy. */
.editorial{min-width:0;grid-column:1/-1}.editorial figcaption{font-family:inherit}