/* Long, time-smoothed entrances use stable, untransformed layout shells. */
html,body{overflow-x:clip}
.scroll-shell{position:relative;min-width:0;perspective:1600px;isolation:isolate;overflow-anchor:none}
.scroll-shell>.scroll-content{height:100%}
.scroll-shell[data-scroll-reveal="screen"]:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:40px;background:radial-gradient(ellipse at 50% 32%,#80b9ff40,transparent 65%);opacity:0;pointer-events:none}
html.scroll-motion-ready .scroll-shell>.scroll-content{scale:var(--scroll-scale,1);opacity:var(--scroll-opacity,1);translate:var(--scroll-x,0px) var(--scroll-y,0px);rotate:x var(--scroll-tilt,0deg);transform-origin:50% 50%;backface-visibility:hidden;transition-property:transform,box-shadow,border-color,background;transition-delay:0s}
html.scroll-motion-ready .scroll-shell[data-scroll-kind="left"]>.scroll-content,html.scroll-motion-ready .scroll-shell[data-scroll-kind="right"]>.scroll-content{rotate:y var(--scroll-tilt,0deg)}
html.scroll-motion-ready .scroll-shell[data-scroll-reveal="screen"]>.scroll-content{transform-origin:50% 12%}
html.scroll-motion-ready .scroll-shell>.scroll-in-flight{will-change:scale,opacity,translate,rotate}
html.scroll-motion-ready .scroll-shell[data-scroll-reveal="screen"]:before{opacity:var(--scroll-halo,0)}
html.scroll-motion-ready .scroll-shell:focus-within>.scroll-content{scale:1;opacity:1;translate:0 0;rotate:none}
/* Keep chapter targets stationary while the video preview enters or receives focus. */
html.scroll-motion-ready .scroll-shell>.gastro-tour{scale:1;opacity:1;translate:0 0;rotate:none;will-change:auto}
html.scroll-motion-ready .gastro-tour>.tour-screen{scale:var(--scroll-scale,1);opacity:var(--scroll-opacity,1);translate:var(--scroll-x,0px) var(--scroll-y,0px);rotate:x var(--scroll-tilt,0deg);transform-origin:50% 12%;backface-visibility:hidden}
html.scroll-motion-ready .gastro-tour:focus-within>.tour-screen{scale:1;opacity:1;translate:0 0;rotate:none}
@media print, (prefers-reduced-motion:reduce){.gastro-tour>.tour-screen{scale:1!important;opacity:1!important;translate:none!important;rotate:none!important}}
.hero-product>.scroll-shell{isolation:auto}.hero-product>.scroll-shell>.scroll-content{height:auto;transform-origin:50% 25%}
.fox-cinema-caption{display:none}
@media(min-width:1101px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
  html.scroll-motion-ready .possibilities{padding:0;min-height:210svh;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#dceaff66,transparent 65%),#f7faff}
  html.scroll-motion-ready .fox-cinema-stage{position:sticky;top:var(--header,86px);min-height:calc(100svh - var(--header,86px));display:flex;flex-direction:column;justify-content:center;padding-block:38px}
  html.scroll-motion-ready .fox-cinema-caption{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-top:44px;font-size:10px;letter-spacing:.04em;color:#6e85a2}
  html.scroll-motion-ready .fox-cinema-caption i{display:block;position:relative;width:110px;height:2px;background:#d5e3f7;overflow:hidden}
  html.scroll-motion-ready .fox-cinema-caption i:after{content:'';position:absolute;inset:0;background:var(--blue);transform:scaleX(var(--fox-scene-progress,0));transform-origin:left}
}
@media(prefers-reduced-motion:reduce){html.scroll-motion-ready .scroll-shell>.scroll-content{scale:1!important;opacity:1!important;translate:0 0!important;rotate:none!important;will-change:auto}.scroll-shell:before{display:none}}
@media print{.scroll-shell>.scroll-content{scale:1!important;opacity:1!important;translate:none!important;rotate:none!important;transform:none!important}.fox-cinema-stage{position:static!important}.possibilities{min-height:0!important}.fox-cinema-caption{display:none!important}}