/* Shared desktop/mobile hero with reduced-motion support. */
.scene.hero-preview{height:208px;background:#294d50;isolation:isolate}
.hero-preview .pixel-moon,.hero-preview .pixel-cloud,.hero-preview .landscape,.hero-preview .scene-bird{display:none}
.hero-preview .scene-copy{width:45%;padding:44px 30px 24px;z-index:2}
.hero-preview .scene-copy>p:last-child{max-width:340px;font-size:15px}
.hero-preview h1{font-size:32px;margin:0 0 14px}
.hero-drinks{position:absolute;left:45%;right:24px;bottom:20px;height:136px;overflow:hidden;pointer-events:none;border-bottom:3px solid #719387}
.hero-cup-track{display:flex;width:max-content;height:100%;animation:cup-conveyor 180s linear infinite}
.hero-cup-group{display:flex;align-items:flex-end;flex:none;gap:16px;padding:0 16px 12px 0}
.hero-cup{flex:none;width:96px;height:96px;image-rendering:pixelated;object-fit:contain}
.hero-bird{padding:12px;box-sizing:border-box}
@keyframes cup-conveyor{to{transform:translateX(-50%)}}
.hero-preview[data-paused="true"] .hero-cup-track,.hero-preview[data-paused="true"] .hero-cup{animation-play-state:paused}
@media(max-width:800px){.hero-preview .scene-copy{padding-left:22px}.hero-preview h1{font-size:28px}.hero-preview .scene-copy>p:last-child{font-size:14px}.hero-drinks{right:14px}}
@media(max-width:700px){
 .scene.hero-preview{height:256px}
 .hero-preview .scene-copy{width:100%;padding:22px 18px 0}
 .hero-preview h1{font-size:26px;margin:0 0 10px;max-width:none}
 .hero-preview .scene-copy>p:last-child{max-width:270px;font-size:13px}
 .hero-drinks{left:14px;right:14px;bottom:12px;height:120px}
 .hero-cup-track{animation-duration:225s}
 .hero-cup-group{gap:12px;padding-right:12px;padding-bottom:6px}
}
@media(prefers-reduced-motion:reduce){.hero-cup-track,.hero-cup{animation:none!important;transform:none!important}}