/* Scroll effects driven by stage-gsap.js. Everything here is visible without JS. */
.gs-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.gs-line-inner{display:inline-block}
.gs-frame{overflow:hidden}
.gs-progress{position:fixed;left:0;top:0;z-index:900;width:100%;height:3px;background:var(--gs-accent,#f26a1b);transform:scaleX(0);transform-origin:left;pointer-events:none}
[data-experience=story]{--gs-accent:#e0601c}
[data-experience=path]{--gs-accent:#ce571d}
[data-experience=material]{--gs-accent:#a83b08}

/* Marquee band between the hero and the first section. Static (scrollable by eye) when motion is reduced. */
.gs-marquee{overflow:hidden;white-space:nowrap;padding:14px 0;background:#141712;color:#fff;font:900 clamp(22px,6vw,44px)/1.1 "Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;letter-spacing:-.02em}
.gs-marquee-track{display:inline-flex;gap:0}
.gs-marquee span{display:inline-flex;align-items:center;padding-right:.9em}
.gs-marquee span::after{content:'';display:inline-block;width:.42em;height:.42em;margin-left:.9em;border-radius:50%;background:#f26a1b}
.gs-marquee-next{background:#f26522;color:#171916}
.gs-marquee-next span::after{background:#171916}
.gs-marquee-club{background:#f26a1b;color:#141712;transform:skewY(-2deg);margin:16px 0}
.gs-marquee-club span::after{background:#141712}
.gs-marquee-story{background:#193d32;color:#f4efe4}
.gs-marquee-story span::after{background:#e0601c}
.gs-marquee-path{background:#203c34;color:#f4f6f4}
.gs-marquee-path span::after{background:#ce571d}
.gs-marquee-material{margin:24px 0;border-radius:24px;background:#ffdbc7;color:#341201;font-size:clamp(18px,5vw,32px);padding:12px 0}
.gs-marquee-material span::after{background:#a83b08}
@media(prefers-reduced-motion:reduce){.gs-progress{display:none}}
[data-motion=reduced] .gs-progress{display:none}
@media print{.gs-progress,.gs-marquee{display:none}}