/* The scene pins inside its own track, then releases into the product catalogue. */
.hero-track{--pin-top:94px;--announcement-height:30px;--scroll-travel:0px;--scene-progress:0;--split-progress:0;--scene-outro:0;position:relative}
.hero-track.is-animated{height:calc(100svh - var(--pin-top) - var(--announcement-height) + var(--scroll-travel));min-height:calc(560px + var(--scroll-travel))}
.hero-track .hero{height:calc(100svh - var(--pin-top) - var(--announcement-height));min-height:560px;max-height:1100px;grid-template-columns:1fr 1.15fr;align-items:center;padding:32px 6% 72px;gap:1%;overflow:clip;background:var(--paper)}
.hero-track.is-animated .hero{position:sticky;top:var(--pin-top)}
.hero-track h1{font-size:clamp(64px,7.6vw,112px);line-height:.96;margin-bottom:24px}
.hero-track h1 span,.hero-track h1 em{display:block}
.hero-track .hero-copy{position:relative;align-self:center;max-width:540px}
.hero-track .eyebrow{margin-bottom:22px}
.hero-track .hero-photo{height:min(64svh,650px);width:100%;min-width:0;align-self:center;margin:0;isolation:isolate;pointer-events:none}
.hero-track .hero-photo .hero-poster{position:absolute;width:84%;height:84%;left:8%;top:8%;object-fit:contain;transform:rotate(-10.3deg);filter:drop-shadow(0 16px 12px #49271133);padding:0;mix-blend-mode:multiply}
.hero-track canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;mix-blend-mode:multiply}
.hero-track.scene-ready canvas{opacity:1}
.hero-track.scene-ready .hero-poster{opacity:0}
.ingredient-label{position:absolute;z-index:4;opacity:0;color:var(--ink);line-height:1.25;pointer-events:none;text-align:left;background:var(--paper);padding:3px 0}
.ingredient-number{display:block;color:var(--orange);font-size:10px;letter-spacing:1px;margin-bottom:4px}
.ingredient-label strong{display:block;font-size:14px;font-weight:700;letter-spacing:-.25px}
.ingredient-label small{display:block;font-size:11px;color:#79614f;margin-top:4px;line-height:1.4}
.hero-track .round-seal{right:-1%;top:0;width:98px;height:98px;font-size:11px;background:var(--paper);z-index:2;opacity:calc(1 - var(--split-progress));transform:rotate(15deg)}
.hero-track .hero-word{font-size:clamp(220px,34vw,500px);bottom:-.26em;right:3%;letter-spacing:-.08em;z-index:0}
.scene-controls{position:absolute;left:6%;right:6%;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:3;border-top:1px solid #35201625;padding-top:17px}
.scene-status{display:flex;align-items:center;gap:15px;font-size:12px;min-width:0}
.scene-status .scene-caption{min-width:185px;font-weight:600}
.scene-meter{height:2px;background:#d5c5b6;width:110px;overflow:hidden;display:block}
.scene-meter:after{content:'';display:block;height:100%;width:100%;background:var(--orange);transform:scaleX(var(--scene-progress));transform-origin:left}
.scene-skip{font-size:12px;text-decoration:underline;text-underline-offset:5px;padding:8px 0;white-space:nowrap}
.scroll-invitation{font-size:11px;color:#786352;margin-left:7px}
.hero-track:not(.is-animated) .scroll-invitation{display:none}
.hero-track:not(.is-animated) .scene-meter{display:none}
.hero-track .hero-copy .button{position:relative;z-index:4}
.hero-track + .ticker{position:relative;z-index:2;margin-top:0}
@media(min-width:701px) and (max-height:760px){.hero-track h1{font-size:clamp(60px,11svh,90px)}.hero-track .hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.5}.hero-track .eyebrow{margin-bottom:15px}.hero-track .hero-photo{height:65svh}.hero-track h1{margin-bottom:18px}.hero-track .hero-copy .micro{margin-top:10px}}
@media(max-width:700px){
 .hero-track{--pin-top:75px}
 .hero-track.is-animated{height:calc(100svh - var(--pin-top) - var(--announcement-height) + var(--scroll-travel));min-height:0}
 .hero-track .hero{height:calc(100svh - var(--pin-top) - var(--announcement-height));min-height:500px;max-height:none;padding:20px 6% 62px;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:3px}
 .hero-track .hero-copy{align-self:start;max-width:none}
 .hero-track .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:12px}
 .hero-track h1{font-size:clamp(30px,8.65vw,48px);line-height:1.04;letter-spacing:-.055em;margin-bottom:12px}
 .hero-track h1 span{display:inline}
 .hero-track h1 span:first-child{margin-right:.18em}
 .hero-track h1 em{display:block}
 .hero-track .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;margin-bottom:14px}
 .hero-track .hero-copy .button{min-height:46px;font-size:14px;padding:12px 22px}
 .hero-track .micro{font-size:11px;margin-top:9px}
 .hero-track .hero-photo{height:100%;min-height:0;max-height:440px;align-self:center}
 .ingredient-label strong{font-size:12px}.ingredient-label small{font-size:10px;line-height:1.3}.ingredient-number{font-size:9px;margin-bottom:3px}
 .hero-track .round-seal{width:70px;height:70px;font-size:9px;top:12px;right:0}
 .hero-track .hero-word{font-size:260px;bottom:-65px;right:4%}
 .scene-controls{left:6%;right:6%;bottom:15px;padding-top:11px;gap:10px}
 .scene-status{font-size:11px;gap:8px}.scene-status .scene-caption{min-width:0}.scene-meter{width:30px}
 .scroll-invitation{display:none}.scene-skip{font-size:11px}
}
@media(max-width:700px) and (max-height:710px){.hero-track .hero{padding-top:13px;padding-bottom:54px;min-height:0}.hero-track h1{font-size:30px;margin-bottom:8px}.hero-track .eyebrow{margin-bottom:8px}.hero-track .hero-copy>p:not(.eyebrow){margin-bottom:10px;font-size:13px}.hero-track .micro{font-size:10px;margin-top:7px}.hero-track .round-seal{display:none}}
/* On very short screens or with reduced motion, keep the full message and CTA
   in normal document flow instead of trapping the visitor in a tall sequence. */
@media(max-height:520px){.hero-track .hero{height:auto;min-height:540px}.hero-track .hero-photo{height:360px}.hero-track .scene-meter,.hero-track .scroll-invitation{display:none}}
@media(prefers-reduced-motion:reduce){.hero-track.is-animated{height:auto;min-height:0}.hero-track .hero{position:relative!important;top:auto!important}.hero-track canvas{display:none}.hero-track.scene-ready .hero-poster{opacity:1}.hero-track .scene-meter,.hero-track .scroll-invitation{display:none}}