html,body{overflow-x:hidden}
.announcement{overflow:hidden;white-space:nowrap}
.announcement-dot{margin:0 12px}
@media(max-width:600px){
  .announcement{padding:0 10px;font-size:.6rem}
  .announcement-dot,.adult-note{display:none}
  .site-header .header-actions{position:absolute;right:14px;top:50%;transform:translateY(-50%)}
  .hero-copy{right:var(--pad)}
  .hero h1{font-size:clamp(3rem,15vw,3.75rem)}
  .hero-copy .eyebrow{font-size:.64rem;letter-spacing:.12em;line-height:1.35}
}
@media(max-width:360px){
  :root{--pad:16px}
  .announcement{font-size:.56rem;letter-spacing:.045em}
  .announcement-dot,.adult-note{display:none}
  .site-header{padding-left:14px;padding-right:14px}
  .brand{font-size:.72rem;gap:7px}
  .brand-mark{width:29px;height:29px}
  .header-actions{gap:4px}
  .icon-button,.cart-button{font-size:.67rem}
  .cart-button span{width:19px;height:19px}
  .hero h1{font-size:2.55rem}
  .hero-copy .eyebrow{max-width:260px}
  .button-row{width:100%;max-width:220px}
  .intro h2{font-size:2.7rem}
  .product-grid{grid-template-columns:1fr}
  .product-info h3{font-size:1.05rem}
}