/* 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}}

/* Brand-only adaptation; original story geometry and botanical scene retained. */
.progress-track i{width:100%;transform:scaleX(0);transform-origin:left center}
.loading>span{font-style:normal;letter-spacing:-3px}
.brand-fallback{font-style:normal;font-size:28px;letter-spacing:0}
.concept-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:32px 8%;background:#10200e;color:#d1dec0}
.concept-footer p{font-size:10px;line-height:1.7;margin:0}
@media(max-width:620px){.concept-footer{padding:28px 7%;align-items:flex-start;flex-direction:column}.range-labels b{font-size:19px;letter-spacing:-.6px}}

/* PHOCUS official brand proposition; the scene footprint remains unchanged. */
:root{--paper:#06191d;--ink:#f3f7f4}
html,body,.concept-footer{background:#06191d}
.stage{background-color:#06191d;background-image:url('./assets/deep-teal-water.webp')}
.stage-wash{background:linear-gradient(180deg,#010b0d26,transparent 45%,#010b0d80),linear-gradient(90deg,#03101438,transparent 58%);transition:none}
.site-header{background:linear-gradient(180deg,#010b0d40,transparent)}
.stage .loading{background:#06191d}
.stage .story-copy h1 em,.stage .story-copy h2 em,.stage .duo-copy h2 em,.stage .lineup-copy h2 em{color:#cce7e5}
.stage .body-copy,.stage .detail-note,.stage .range-labels p,.lineup-copy .lineup-instruction{color:#d6e3e3}
.stage .eyebrow i,.stage .progress-track i{background:#a7d8d3}
.stage .stage-bottom button{background:#06191db3;border-color:#d6e8e359}
.stage .chapter-count,.lineup-product-range,.concept-footer{color:#c6d9da}
.hero-box-link,.lineup-box-link{background:#dcefed;border-color:#dcefed;color:#123137}
.hero-box-link:hover,.lineup-box-link:hover{background:#fff}
.detail-copy h2{font-size:clamp(45px,4.5vw,64px);margin-bottom:23px}
.ingredient-facts{margin:0;max-width:350px;display:grid;gap:19px}
.ingredient-facts>div{padding-left:14px;border-left:1px solid #98bfbf80}
.ingredient-facts dt{font-size:13px;font-weight:700;line-height:1.4;margin-bottom:5px;color:#f6f9f8}
.ingredient-facts dd{font-size:11px;line-height:1.65;margin:0;color:#cedddd}
@media(max-width:620px){
  .stage{background-position:58% center}
  .stage-wash{background:linear-gradient(180deg,#010b0d30,transparent 48%,#010b0d80)}
  .intro-copy h1{font-size:clamp(33px,9.6vw,44px)}
  .detail-copy h2{font-size:36px;line-height:.98;margin-bottom:17px}
  .detail-copy .eyebrow{margin-bottom:11px}
  .ingredient-facts{gap:9px;max-width:330px}
  .ingredient-facts>div{padding-left:10px}
  .ingredient-facts dt{font-size:11px;line-height:1.3;margin-bottom:2px}
  .ingredient-facts dd{font-size:9px;line-height:1.45}
  .duo-copy h2{font-size:clamp(30px,8.6vw,40px)}
}
@media(max-height:650px) and (min-width:621px){
  .detail-copy h2{font-size:40px;margin-bottom:17px}
  .ingredient-facts{gap:12px}
  .ingredient-facts dt{font-size:12px}
  .ingredient-facts dd{font-size:10px;line-height:1.5}
}