/* The brand proposition and Discovery Box form one clear path through the story. */
.intro-copy{max-width:48%;top:49%}
.intro-copy .eyebrow{margin-bottom:16px;font-size:10px;letter-spacing:2.4px}
.intro-copy h1{font-size:clamp(48px,5.2vw,82px);line-height:1.05;margin-bottom:23px}
.intro-copy h1 em{font-size:1.06em}
.intro-copy .body-copy{max-width:380px;font-size:13px;line-height:1.75;margin-bottom:24px}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero-actions a,.hero-actions button{pointer-events:auto}
.hero-box-link,.lineup-box-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;border:1px solid #e5efcf;border-radius:30px;background:#e5efcf;color:#173423;padding:12px 20px;font-size:11px;font-weight:600;transition:background .2s}
.hero-box-link:hover,.lineup-box-link:hover{background:#fff}
.hero-box-link span,.lineup-box-link span{font-size:18px;line-height:1}
.hero-actions .text-link{padding-bottom:7px;font-size:10px}
.hero-actions .text-link span{margin-left:12px}
.lineup-actions{gap:22px}
.lineup-actions .selected-product-link{background:transparent;border-color:transparent;color:#eef4e1;padding:10px 0;gap:12px}
.lineup-actions .selected-product-link:hover{background:transparent;text-decoration:underline;text-underline-offset:5px}
.discovery-section{scroll-margin-top:0;gap:clamp(28px,5vw,70px)}
.discovery-copy h2{font-size:clamp(36px,3.8vw,60px);line-height:1.08;margin-bottom:22px}
.discovery-copy>p:not(.eyebrow){max-width:440px}
.discovery-copy .eyebrow{margin-bottom:16px}
.discovery-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;margin:22px 0 0;padding:0;list-style:none;font-size:10px;font-weight:600;color:#264a35}
.discovery-benefits li{display:flex;align-items:center;gap:7px}
.discovery-benefits li>span{font-size:15px;line-height:1}
.discovery-copy .pack-details{gap:28px;margin:25px 0}
@media(max-width:900px) and (min-width:621px){
  .intro-copy{left:6%;max-width:46%}
  .intro-copy h1{font-size:clamp(40px,5.4vw,49px)}
  .intro-copy .body-copy{max-width:320px;font-size:12px}
  .hero-actions{gap:14px}
  .discovery-section{padding-inline:6%;gap:28px}
}
@media(max-width:620px){
  .intro-copy{top:15%;left:7%;max-width:86%}
  .intro-copy .eyebrow{font-size:8px;margin-bottom:10px}
  .intro-copy h1{font-size:clamp(36px,10.7vw,48px);line-height:1.04;margin-bottom:13px}
  .intro-copy h1 br{display:block}
  .intro-copy h1 em:before{content:none}
  .intro-copy .body-copy{font-size:11px;line-height:1.6;max-width:340px;margin-bottom:15px}
  .hero-actions{gap:10px}
  .hero-box-link{font-size:10px;padding:10px 16px;gap:18px}
  .hero-actions .text-link{display:none}
  .lineup-copy .lineup-instruction{max-width:290px;margin-inline:auto}
  .lineup-actions{gap:15px}
  .lineup-box-link{font-size:9px;gap:10px;padding:11px 14px}
  .lineup-actions .selected-product-link{font-size:9px;gap:8px}
  .discovery-copy h2{font-size:clamp(34px,8.9vw,44px)}
  .discovery-benefits{gap:12px 16px;font-size:10px}
  .discovery-copy .pack-details{gap:25px}
}
@media(prefers-reduced-motion:reduce){.hero-box-link,.lineup-box-link{transition:none}}