/* Reference-led hero treatment: let the supplied artwork dissolve into the ocean. */
.hero-visual{overflow:hidden;--whale-shift:-150px;--whale-scale:1.04;--whale-float-scale:1.048;background:radial-gradient(ellipse at 60% 54%,rgba(66,162,204,.28),transparent 58%),radial-gradient(ellipse at 53% 55%,rgba(84,178,216,.22),transparent 67%)}
.hero-visual .cute-whale,.hero-visual .hero-racket,.hero-visual .meteor-shuttle,.hero-visual .current,.hero-visual>p{display:none}
.hero-visual::after{content:"";position:absolute;z-index:2;inset:-6% -11% -6% -13%;background:url("/shop/static/images/hero_bluewhale_v2.png") 66% center/cover no-repeat;mix-blend-mode:lighten;opacity:.91;filter:saturate(.82) brightness(1.08) contrast(1.01);-webkit-mask-image:radial-gradient(ellipse 88% 82% at 48% 52%,#000 38%,rgba(0,0,0,.82) 62%,transparent 92%);mask-image:radial-gradient(ellipse 88% 82% at 48% 52%,#000 38%,rgba(0,0,0,.82) 62%,transparent 92%);transform:translateX(var(--whale-shift)) scale(var(--whale-scale));animation:referenceWhaleFloat 8s ease-in-out infinite;pointer-events:none}
@keyframes referenceWhaleFloat{50%{transform:translateX(var(--whale-shift)) translateY(-4px) scale(var(--whale-float-scale))}}
.site-shuttle-flight{position:fixed;z-index:20;right:-10vw;top:-12vh;width:76px;height:108px;background:url("/shop/static/images/shuttle_flight_reference.png") center/contain no-repeat;filter:drop-shadow(-15px -10px 8px rgba(66,201,239,.25)) drop-shadow(0 0 8px rgba(136,232,255,.45));opacity:0;pointer-events:none;will-change:transform,opacity}.site-shuttle-b{width:58px;height:82px}@keyframes siteShuttlePass{0%{opacity:0;transform:translate(0,0) rotate(var(--flight-start-rotate,-8deg)) scale(var(--flight-scale,.68))}12%{opacity:.78}56%{opacity:.66;transform:translate(var(--flight-mid-x,-42vw),var(--flight-mid-y,26vh)) rotate(var(--flight-mid-rotate,3deg)) scale(var(--flight-mid-scale,.72))}86%{opacity:.18;transform:translate(var(--flight-end-x,-118vw),var(--flight-end-y,73vh)) rotate(var(--flight-end-rotate,10deg)) scale(var(--flight-end-scale,.75))}100%{opacity:0;transform:translate(var(--flight-end-x,-118vw),var(--flight-end-y,73vh)) rotate(var(--flight-end-rotate,10deg)) scale(var(--flight-finish-scale,.77))}}
@media(max-width:820px){.store-hero{position:relative;display:block;min-height:680px;padding:0}.hero-visual{position:absolute;inset:0;width:100%;height:405px;--whale-shift:0px;--whale-scale:.68;--whale-float-scale:.688;pointer-events:none}.hero-visual::after{inset:-8% -22% -7% -25%;background-position:68% center}.hero-copy{position:relative;z-index:3;width:100%;padding-top:44px}.hero-copy .eyebrow,.hero-copy h1{width:min(56%,225px)}.hero-copy h1{margin:14px 0;font-size:clamp(37px,10vw,48px);text-shadow:0 3px 18px rgba(4,26,44,.25)}.hero-copy .hero-lead{position:absolute;top:356px;left:0;width:min(69%,268px);margin:0;font-size:13px;line-height:1.9;text-shadow:0 2px 12px rgba(4,26,44,.45)}.hero-buttons{position:absolute;top:466px;left:0;margin:0}.trust-notes{position:absolute;left:0;top:578px;width:calc(100vw - 32px);margin:0}.site-shuttle-flight{width:62px;height:88px}.site-shuttle-b{width:48px;height:68px}}