/* Requested refinements to the existing scenes; original photography is intact. */
:root { --label-gold:#e8c27b; }
h1,h2 { font-weight:200; }
h1 em,h2 em,.hero-category em { color:var(--label-gold); }
.site-header nav { margin:0 auto 0 clamp(32px,7vw,130px); }
.story { height:1800svh; }
.hero-copy { position:absolute;left:5vw;top:38%;transform:translateY(-50%);width:65%; }
.hero-copy .eyebrow { margin-bottom:25px; }
.hero-copy h1 { font-size:clamp(52px,7.5vw,144px);font-weight:200;line-height:1.04;letter-spacing:-.065em; }
.hero-category { margin-top:24px;font-size:clamp(37px,5.35vw,103px);line-height:1.15;letter-spacing:-.045em; }
.hero-category em { font-style:italic;font-weight:400; }
.manifesto .scene-copy h2 { font-size:clamp(80px,10.7vw,205px);line-height:.96; }
.foliage { inset:0;width:100%;height:100%; }
.flavor-visuals { inset:0; }
.extra-bottle { z-index:3; }
.bottle-logo { display:block; }
.bottle-logo img { width:100%;height:100%;max-width:none; }
.extra-bottle[data-bottle="0"] .bottle-logo,.extra-bottle[data-bottle="1"] .bottle-logo {
  background:#203e2d;mask:url('assets/foli-wordmark-original-v5.svg') center/100% 100% no-repeat;
}
.extra-bottle[data-bottle="0"] .bottle-logo img,.extra-bottle[data-bottle="1"] .bottle-logo img { visibility:hidden; }
.static-scene h2 { font-weight:200;-webkit-text-stroke:0; }
@media(min-width:701px) and (max-width:900px) {
  .site-header nav { display:flex;font-size:11px;gap:24px;margin-left:20px; }
  .hero-copy { left:4vw;width:65%; }
  .hero-copy h1 { font-size:7.5vw; }
  .hero-category { font-size:5.65vw; }
  .hero-copy .eyebrow { font-size:8px; }
  .manifesto .scene-copy h2 { font-size:9.3vw;line-height:.96; }
  .leaves .scene-copy { left:4vw;top:50%;transform:translateY(-50%);width:70%!important; }
  .leaves .scene-copy h2 { font-size:8.3vw;line-height:1.02; }
}
@media(max-width:700px) {
  .hero-copy { left:24px;top:16%;transform:none;width:calc(100% - 48px); }
  .hero-copy h1 { font-size:11.8vw;line-height:1.05; }
  .hero-copy .eyebrow { font-size:8px;margin-bottom:20px; }
  .hero-category { font-size:8.7vw;margin-top:16px; }
  .manifesto .scene-copy h2 { font-size:clamp(44px,12vw,88px);line-height:1.02; }
}
@media(prefers-reduced-motion:reduce) {
  .story { height:auto; }
  .foliage { display:none; }
}
/* Transformed scene layers must never become browser scroll anchors. */
html,body,.story,.stage { overflow-anchor:none; }
@media(min-width:701px) and (max-aspect-ratio:6/5) {
  .hero-copy { top:14%;transform:none; }
}
@media(min-width:701px) and (max-width:900px) {
  .leaves .scene-copy h2 { font-size:10.2vw; }
}
@media(prefers-reduced-motion:reduce) {
  .intro.scene-panel { display:block;min-height:0; }
  .intro.scene-panel .hero-copy { position:relative;left:auto;top:auto;transform:none;width:100%;padding:130px var(--edge) 40px; }
  .intro.scene-panel h1 { font-size:clamp(44px,7.5vw,144px); }
  .intro.scene-panel .hero-category { font-size:clamp(32px,5.35vw,103px); }
}

/* All scene containers reveal the same living emerald backdrop. */
.static-scene { background:transparent; }