@media (max-width:900px){
.hero{position:relative;display:block;height:470px;min-height:470px;max-height:470px;background:var(--ice)}
.hero-copy{position:relative;z-index:3;width:58%;height:100%;padding:20px 6px 16px 20px;color:var(--navy)}
.hero .eyebrow{color:var(--royal);font-size:7px;line-height:1.5;letter-spacing:.18em}
.hero h1{color:var(--navy);font-size:clamp(38px,12vw,48px);line-height:.9;margin:14px 0;white-space:nowrap}
.hero-lead{color:var(--night);font-size:11px;line-height:1.45;margin:0}
.hero .price-row{gap:6px;margin:14px 0 4px;flex-wrap:wrap}
.hero .old-price{color:var(--steel);font-size:10px}
.hero .price{color:var(--navy);font-size:25px;line-height:1}
.hero .discount{color:var(--ice);font-size:8px;padding:3px 5px}
.hero .gift-line{color:var(--deep);font-size:9px;line-height:1.3;margin:8px 0}
.hero .hero-actions{flex-direction:column;gap:6px;margin-top:14px}
.hero .button{width:100%;padding:9px 5px;font-size:7px;letter-spacing:.06em}
.hero .secondary{color:var(--navy);border-color:var(--navy);background:var(--ice)}
.hero .micro-proof{flex-direction:column;gap:1px;margin-top:10px;color:var(--navy);font-size:7px;line-height:1.5}
.hero-media{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none}
.hero-media::before{display:none}
.hero-media img{object-position:61% center}
.hero-note{right:10px;bottom:10px;font-size:8px;padding:6px 9px}
}