/* Go Munch hero v7 — cinematic maison shell only. Native scroll remains the clock. */
.scroll-story{
  --cinema-maroon:#2b111d;
  --cinema-maroon-2:#421d2b;
  --cinema-plum:#5a2b3b;
  --cinema-ivory:#f5eadb;
  --cinema-gold:#c69a61;
  --cinema-muted:#d9c7b9;
  position:relative;
  isolation:isolate;
  overflow:clip;
  color:var(--cinema-ivory);
  background:
    radial-gradient(circle at 50% 42%,rgba(202,153,93,.12),transparent 30%),
    linear-gradient(180deg,var(--cinema-maroon-2),var(--cinema-maroon));
}
.scroll-story::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(112deg,rgba(250,216,164,.11) 0 12%,transparent 34%),
    linear-gradient(248deg,rgba(175,102,128,.12) 0 13%,transparent 36%),
    radial-gradient(ellipse at 50% 108%,rgba(213,166,101,.12),transparent 35%);
}
.scroll-story .story-stage{
  z-index:1;overflow:hidden;color:var(--cinema-ivory);
  background:
    radial-gradient(ellipse at 50% 46%,rgba(238,188,117,.22),transparent 27%),
    radial-gradient(ellipse at 18% 42%,rgba(249,220,172,.11),transparent 35%),
    radial-gradient(ellipse at 82% 42%,rgba(181,103,133,.16),transparent 38%),
    linear-gradient(180deg,rgba(79,34,49,.98),rgba(40,15,26,.99));
}
.scroll-story .story-stage::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  inset:-28% 36% 10% -24%;
  background:radial-gradient(ellipse at 72% 18%,rgba(255,225,174,.24) 0 8%,rgba(255,216,151,.10) 24%,rgba(255,216,151,.025) 42%,transparent 66%);
  filter:blur(18px);
}
.scroll-story .story-stage::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  inset:-28% -24% 10% 36%;
  background:radial-gradient(ellipse at 28% 18%,rgba(208,128,158,.20) 0 8%,rgba(187,104,136,.085) 24%,rgba(187,104,136,.02) 43%,transparent 67%);
  filter:blur(20px);
}
.scroll-story .story-topline,
.scroll-story .story-composition,
.scroll-story .story-cinema-bar{position:relative;z-index:3}
.scroll-story .story-topline .eyebrow,
.scroll-story .story-controls [data-story-count],
.scroll-story .story-quality-line{color:var(--cinema-gold)}
.scroll-story .story-sound,
.scroll-story .story-chapter-body{color:var(--cinema-muted)}
.scroll-story .story-sound[aria-pressed=true]{color:var(--cinema-ivory)}
.scroll-story .story-composition{overflow:hidden}
.scroll-story .story-scenography{
  position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  transform-style:preserve-3d;
}
.scroll-story .story-light{
  position:absolute;top:-30%;width:62%;height:145%;
  opacity:.72;filter:blur(13px);will-change:transform,opacity;
  transform-origin:50% 0;
}
.scroll-story .story-light-left{
  left:-24%;
  background:radial-gradient(ellipse at 78% 15%,rgba(255,232,190,.36) 0 7%,rgba(255,214,148,.15) 22%,rgba(255,214,148,.045) 39%,transparent 65%);
}
.scroll-story .story-light-right{
  right:-24%;
  background:radial-gradient(ellipse at 22% 15%,rgba(214,137,164,.29) 0 7%,rgba(187,102,135,.12) 22%,rgba(187,102,135,.036) 40%,transparent 66%);
}
.scroll-story .story-ring{
  position:absolute;border-radius:50%;border:1px solid rgba(226,184,124,.20);
  box-shadow:inset 0 0 72px rgba(231,184,116,.025),0 0 70px rgba(0,0,0,.06);
}
.scroll-story .story-ring-a{
  width:min(51vw,720px);aspect-ratio:1;left:50%;top:47%;transform:translate(-50%,-50%);
  box-shadow:0 0 0 22px rgba(226,184,124,.020),0 0 0 64px rgba(226,184,124,.010),inset 0 0 82px rgba(226,184,124,.025);
}
.scroll-story .story-ring-b{
  width:min(20vw,300px);aspect-ratio:1;left:67%;top:60%;transform:translate(-50%,-50%);
  border-color:rgba(220,175,116,.12);
}
.scroll-story .story-floor-glow{
  position:absolute;left:50%;bottom:3%;width:min(43vw,620px);height:12%;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(235,187,116,.16),rgba(9,3,7,.28) 44%,transparent 72%);
  filter:blur(13px);
}
.scroll-story .story-composition::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:50%;top:49%;width:min(52vw,720px);aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(210,166,102,.22);
  background:
    radial-gradient(circle at 50% 45%,rgba(218,171,103,.09),rgba(119,59,76,.055) 47%,rgba(12,5,9,.02) 65%,transparent 66%);
  box-shadow:
    0 0 0 8vw rgba(100,47,64,.025),
    inset 0 0 90px rgba(233,188,117,.055),
    0 36px 90px rgba(0,0,0,.16);
}
.scroll-story .story-composition::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:64%;top:62%;width:min(19vw,280px);aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(227,190,130,.11);
  background:radial-gradient(circle at 36% 30%,rgba(236,201,146,.07),rgba(73,28,44,.04) 66%,transparent 68%);
  transform:translate(-50%,-50%);
}
.scroll-story .story-object{
  z-index:2;perspective:1500px;transform-style:preserve-3d;will-change:transform;
}
.scroll-story .story-object::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  left:14%;right:14%;bottom:3%;height:11%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(232,184,112,.16),rgba(10,3,7,.28) 45%,transparent 72%);
  filter:blur(12px);
}
.scroll-story .story-halo{
  background:
    radial-gradient(ellipse at 50% 58%,rgba(226,178,104,.20),transparent 44%),
    radial-gradient(ellipse at 50% 72%,rgba(12,4,8,.23),transparent 65%);
}
.scroll-story .story-halo::before{
  content:"";position:absolute;inset:4% 5%;pointer-events:none;
  opacity:.18;
  background-image:
    radial-gradient(circle,rgba(250,224,178,.72) 0 1px,transparent 1.25px),
    radial-gradient(circle,rgba(237,194,129,.48) 0 .7px,transparent 1px);
  background-position:0 0,17px 23px;
  background-size:43px 43px,59px 59px;
  mask-image:radial-gradient(ellipse at 50% 48%,#000 0 28%,transparent 72%);
  animation:gmDust 15s ease-in-out infinite alternate;
}
@keyframes gmDust{
  from{transform:translate3d(-3px,5px,0);opacity:.12}
  to{transform:translate3d(5px,-7px,0);opacity:.22}
}
.scroll-story .story-assembly,
.scroll-story .story-finished,
.scroll-story .story-overhead,
.scroll-story .story-gift{
  filter:
    drop-shadow(0 34px 30px rgba(0,0,0,.24))
    drop-shadow(0 7px 8px rgba(224,173,105,.045));
}
.scroll-story .assembly-jar,
.scroll-story .story-portrait{
  filter:saturate(.96) contrast(1.035) brightness(.98);
}
.scroll-story[data-story-chapter-index="6"] .story-composition::before,
.scroll-story[data-story-chapter-index="7"] .story-composition::before{
  border-color:rgba(222,176,92,.30);
  background:radial-gradient(circle at 50% 44%,rgba(235,184,83,.15),rgba(96,47,60,.06) 48%,transparent 68%);
}
.scroll-story[data-story-chapter-index="10"] .story-composition::before{
  border-color:rgba(230,189,125,.34);
  box-shadow:0 0 0 10vw rgba(105,49,67,.035),inset 0 0 110px rgba(238,196,126,.08),0 38px 100px rgba(0,0,0,.20);
}
.scroll-story[data-story-chapter-index="10"] .story-composition::after{
  left:36%;top:40%;width:min(24vw,330px);
  border-color:rgba(233,197,139,.17);
}
.scroll-story .story-chapter h1,
.scroll-story .story-chapter h3{color:var(--cinema-ivory);text-shadow:0 4px 30px rgba(0,0,0,.12)}
.scroll-story .story-quality-line{border-top-color:rgba(209,164,103,.20)}
.scroll-story .story-proof{color:var(--cinema-ivory)}
.scroll-story .story-cinema-bar{border-top-color:rgba(208,163,105,.32)}
.scroll-story .story-cinema-actions,
.scroll-story .story-controls{color:var(--cinema-ivory)}
.scroll-story .story-play{
  border-color:rgba(218,174,112,.58);
  background:rgba(255,244,228,.035);
  box-shadow:inset 0 0 24px rgba(235,194,128,.035);
}
.scroll-story .story-controls>[data-story-prev],
.scroll-story .story-controls>[data-story-next]{display:none!important}
.scroll-story .story-controls{gap:18px}
.scroll-story progress::-webkit-progress-bar{background:rgba(230,206,173,.12)}
.scroll-story progress::-webkit-progress-value{background:var(--cinema-gold)}
.scroll-story progress::-moz-progress-bar{background:var(--cinema-gold)}
.is-story-ending .story-stage{
  color:var(--cinema-ivory);
  background:
    radial-gradient(ellipse at 50% 47%,rgba(228,177,108,.18),transparent 30%),
    linear-gradient(180deg,#4a2030,#24101a);
}
.is-story-ending .story-stage .eyebrow,
.is-story-ending .story-quality-line,
.is-story-ending [data-story-count]{color:var(--cinema-gold)}
.is-story-ending .story-chapter-body,
.is-story-ending .story-sound,
.is-story-ending .story-cinema-actions,
.is-story-ending .story-controls{color:var(--cinema-ivory)}

@media(min-width:901px){
  .scroll-story .story-chapter{grid-template-columns:24% 52% 24%}
  .scroll-story .story-object{left:24%;width:52%}
  .scroll-story .assembly-jar,
  .scroll-story .story-portrait{width:94%;height:94%}
  .scroll-story .story-caption-title{padding-right:26px}
  .scroll-story .story-caption-detail{padding-left:26px}
  .scroll-story .story-chapter h1{font-size:clamp(50px,5.2vw,82px);line-height:.96}
  .scroll-story .story-chapter h3{font-size:clamp(34px,3.5vw,54px);line-height:1}
  .scroll-story .story-chapter-body{font-size:clamp(12px,.95vw,15px);line-height:1.65}
}


/* One camera region, one complete caption region. Both remain stable during native scrolling. */
.scroll-story .story-arch-title{position:absolute;z-index:4;pointer-events:none;left:28%;top:0;width:44%;height:88px;overflow:visible;color:var(--cinema-ivory)}
.scroll-story .story-arch-title text{fill:currentColor;font-family:var(--serif);font-size:27px;letter-spacing:.9px;font-weight:500}
.scroll-story .story-arch-left,.scroll-story .story-arch-right{opacity:0;transition:opacity .3s,transform .5s}
.scroll-story .story-arch-whole{opacity:1;transition:opacity .3s}
.scroll-story .story-arch-left text,.scroll-story .story-arch-right text{font-size:21px;letter-spacing:.5px}
.scroll-story[data-story-arch-open="true"] .story-arch-whole{opacity:0}
.scroll-story[data-story-arch-open="true"] .story-arch-left{opacity:1;transform:translate(-7px,-2px)}
.scroll-story[data-story-arch-open="true"] .story-arch-right{opacity:1;transform:translate(7px,-2px)}
.scroll-story .story-arch-jewel{fill:#d6ad72;opacity:.45}
.scroll-story.is-scroll-story .story-object{top:100px;bottom:8px;left:27%;width:46%}
.scroll-story .story-chapter h1,.scroll-story .story-chapter h3{position:static;width:auto;height:auto;overflow:visible;white-space:normal;clip:auto}
.scroll-story .story-chapter h1{font-size:clamp(42px,4.4vw,74px)}
.scroll-story .story-chapter h3{font-size:clamp(32px,3.1vw,54px)}
.scroll-story .story-caption-title{padding-right:18px}
.scroll-story .story-caption-detail{padding-left:24px}
.scroll-story .story-chapter-body{font-size:clamp(15px,1.15vw,18px);line-height:1.65}
.scroll-story .story-quality-line{font-size:clamp(14px,1.12vw,17px);line-height:1.55;font-weight:600;color:#f1d6a4}
@media(max-width:900px){
 .scroll-story{--story-caption:190px;--story-arch:60px}
 .scroll-story .story-stage{grid-template-rows:30px minmax(0,1fr) 48px!important;padding:8px 20px 8px!important}
 .scroll-story .story-topline .eyebrow{font-size:8px;letter-spacing:.08em}
 .scroll-story .story-sound{font-size:10px;min-height:30px;min-width:95px}
 .scroll-story .story-composition{min-height:0;overflow:hidden}
 .scroll-story .story-arch-title{left:8%;top:0;width:84%;height:var(--story-arch);overflow:visible}
 .scroll-story .story-arch-title text{font-size:25px;letter-spacing:.5px}
 .scroll-story .story-arch-left text,.scroll-story .story-arch-right text{font-size:19px;letter-spacing:.1px}
 .scroll-story.is-scroll-story .story-object{left:9%!important;width:82%!important;top:calc(var(--story-arch) + 8px)!important;bottom:calc(var(--story-caption) + 10px)!important}
 .scroll-story .story-assembly,.scroll-story .story-finished,.scroll-story .story-overhead,.scroll-story .story-gift{inset:0}
 .scroll-story .assembly-jar,.scroll-story .story-portrait{width:100%;height:100%;max-width:none;transform-origin:50% 60%}
 .scroll-story .story-gift .story-portrait{width:94%;height:100%}
 .scroll-story .story-copy{inset:auto 0 0!important;height:var(--story-caption)!important;background:linear-gradient(180deg,transparent,rgba(35,13,23,.15))}
 .scroll-story .story-chapters{height:100%!important}
 .scroll-story .story-chapter{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;height:100%!important;padding:5px 0!important}
 .scroll-story .story-caption-title,.scroll-story .story-caption-detail{position:static;grid-column:auto!important;padding:0!important}
 .scroll-story .story-chapter .eyebrow{margin:0 0 7px!important;font-size:8px!important;line-height:1.3!important;color:var(--cinema-gold)}
 .scroll-story .story-chapter h1{font-size:33px!important;line-height:1.02!important;margin:0 0 8px!important;letter-spacing:0!important}
 .scroll-story .story-chapter h1 br{display:none}
 .scroll-story .story-chapter h1 em:before{content:' '}
 .scroll-story .story-chapter h1 em{font-size:.8em!important;line-height:1.1!important;display:inline!important;margin:0!important}
 .scroll-story .story-chapter h3{font-size:29px!important;line-height:1.1!important;margin:0 0 9px!important}
 .scroll-story .story-chapter-body{display:block!important;overflow:visible;height:auto!important;margin:0 0 9px!important;font-size:14px!important;line-height:1.5!important;color:#f0e1d3;max-width:none;-webkit-line-clamp:unset}
 .scroll-story .story-quality-line{display:block!important;padding:8px 0 0!important;margin:0!important;font-size:14px!important;line-height:1.45!important;font-weight:600;color:#f1d6a4}
 .scroll-story .story-proof{display:none!important}
 .scroll-story .story-cinema-bar{display:block!important;height:48px!important;padding:0!important}
 .scroll-story .story-cinema-actions{display:none!important}
 .scroll-story .story-controls{height:48px!important;width:100%!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:12px!important}
 .scroll-story .story-controls button{min-height:44px!important;min-width:44px!important}
 .scroll-story .story-controls [data-story-count]{grid-column:1;font-size:10px!important}
 .scroll-story .story-play{grid-column:3;grid-row:1;width:44px!important;height:44px!important}
 .scroll-story .story-details-link{grid-column:2;grid-row:1;justify-self:center;display:block!important;font-size:11px!important;color:var(--cinema-ivory);max-width:none!important}
 .scroll-story .story-controls>[data-story-begin]{display:none!important}
 .scroll-story .story-recipe-toggle{display:none!important}
 .scroll-story.is-story-selection .story-details-link{display:none!important}
 .scroll-story.is-story-selection .story-recipe-toggle{grid-column:2;grid-row:1;display:flex!important;justify-self:center;font-size:11px!important}
 .scroll-story .story-controls progress{left:0!important;right:0!important;bottom:-1px!important;height:1px!important}
 .scroll-story .story-purchase{bottom:56px!important;background:#f4eadb;color:#351727}
 .scroll-story .story-light{filter:blur(8px);opacity:.65}
 .scroll-story .story-stage::before,.scroll-story .story-stage::after{filter:blur(8px)}
 .scroll-story .story-ring-a{width:80vw;top:35%}
 .scroll-story .story-ring-b{width:30vw;top:46%}
 .scroll-story .story-composition::before{top:32%;width:78vw;box-shadow:none}
 .scroll-story .story-composition::after{top:42%;width:30vw}
}
@media(max-width:900px) and (max-height:700px){
 .scroll-story{--story-caption:155px;--story-arch:34px}
 .scroll-story .story-stage{padding-inline:16px!important;grid-template-rows:26px minmax(0,1fr) 44px!important}
 .scroll-story .story-chapter .eyebrow{font-size:7px!important;margin-bottom:5px!important}
 .scroll-story .story-chapter h1{font-size:28px!important;margin-bottom:6px!important}
 .scroll-story .story-chapter h3{font-size:25px!important;margin-bottom:6px!important}
 .scroll-story .story-chapter-body{font-size:12px!important;line-height:1.45!important;margin-bottom:6px!important}
 .scroll-story .story-quality-line{font-size:12px!important;line-height:1.4!important;padding-top:5px!important}
 .scroll-story .story-controls,.scroll-story .story-cinema-bar{height:44px!important}
}
@media(prefers-reduced-motion:reduce){
 .scroll-story .story-arch-whole,.scroll-story .story-arch-left,.scroll-story .story-arch-right{transition:none}
 .scroll-story .story-light,.scroll-story .story-halo::before{animation:none;transform:none}
 .scroll-story:not(.is-scroll-story) .story-copy{position:relative!important;inset:auto!important;height:auto!important}
 .scroll-story:not(.is-scroll-story) .story-chapter{position:relative!important;inset:auto!important;height:auto!important;padding:20px 0!important}
 .scroll-story:not(.is-scroll-story) .story-chapter:not(:first-child){display:none!important}
 .scroll-story:not(.is-scroll-story) .story-object{position:relative!important;top:auto!important;left:0!important;bottom:auto!important;width:100%!important;height:330px}
 .scroll-story:not(.is-scroll-story) .story-composition{display:flex;flex-direction:column}
 .scroll-story:not(.is-scroll-story) .story-arch-title{display:none}
}

/* Static presentation keeps the same copy and direct commerce links available. */
.scroll-story:not(.is-scroll-story) .story-stage{height:auto!important;min-height:0;grid-template-rows:30px auto auto!important;overflow:visible}
.scroll-story:not(.is-scroll-story) .story-composition{display:flex;flex-direction:column;overflow:visible}
.scroll-story:not(.is-scroll-story) .story-copy{position:relative!important;inset:auto!important;height:auto!important}
.scroll-story:not(.is-scroll-story) .story-chapter{position:relative!important;inset:auto!important;height:auto!important;padding:20px 0!important}
.scroll-story:not(.is-scroll-story) .story-chapter:not(:first-child){display:none!important}
.scroll-story:not(.is-scroll-story) .story-object{position:relative!important;top:auto!important;left:0!important;bottom:auto!important;width:100%!important;height:330px}
.scroll-story:not(.is-scroll-story) .story-arch-title{display:none}
.scroll-story:not(.is-scroll-story) .story-cinema-bar{height:auto!important;min-height:64px;display:flex!important}
.scroll-story:not(.is-scroll-story) .story-cinema-actions{display:flex!important;width:100%;justify-content:space-between;gap:12px}
.scroll-story:not(.is-scroll-story) .story-controls{display:none!important}