/* Frame the full original transparent product photograph without stretching or clipping the product.
   Source: 3000×4535. Editorial window: x600 y700, 1900×3400 (includes the feet). */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:4%;padding:122px 7% 90px;height:auto;min-height:min(940px,max(780px,var(--scroll-viewport,100svh)));max-height:none;background:radial-gradient(ellipse at 76% 50%,#1a2931 0%,#08090b 65%)}
.hero-copy{margin:0;padding:0;min-width:0}
.hero-title{font-size:clamp(52px,5.9vw,88px)}
.hero-photo{position:relative;inset:auto;width:100%;max-width:390px;height:auto;aspect-ratio:19/34;justify-self:center;z-index:1;overflow:hidden;mask-image:none}
.hero-photo img{position:absolute;left:-31.578947%;top:-20.588235%;display:block;width:157.894737%;max-width:none;height:auto;object-fit:contain;object-position:center;filter:brightness(.9) drop-shadow(0 20px 20px #0005);will-change:auto}
.hero-photo:after{display:none}
.hero-caption{bottom:40px;right:9%}
.hero .scroll-cue{bottom:36px}
@media(min-width:701px) and (max-width:1050px){.hero{padding:118px 5% 85px;gap:3%;min-height:720px}.hero-title{font-size:clamp(45px,6.3vw,66px)}.hero .intro{font-size:18px}.hero-actions{gap:16px}.hero-actions .pill{padding:17px 22px}}
@media(max-width:700px){
 .hero{grid-template-columns:minmax(0,1fr);gap:12px;padding:94px 6% 52px;min-height:0;height:auto;background:radial-gradient(ellipse at 50% 72%,#1a2931 0%,#08090b 66%)}
 .hero-copy{margin:0;padding:0}.hero-title{font-size:clamp(38px,10.3vw,56px);line-height:1.16}
 .hero-copy .intro{font-size:16px;line-height:1.7;margin:16px 0 18px}
 .hero-actions{gap:14px}.hero-actions .pill{font-size:13px;padding:15px 20px}.hero-actions .text-button{font-size:12px}
 .hero-photo{width:min(100%,260px);max-width:none;margin:0 auto;aspect-ratio:19/34}
 .hero-caption{bottom:24px;right:0;left:0;text-align:center;font-size:11px}
 .hero .scroll-cue{display:none}.hero .ws-hero-link{font-size:11px;margin-top:12px}
}