/* Scroll expansion adapted to ANALOG FIT's static site and real photography. */
.scroll-hero{--stage-height:calc(100svh - 92px);--expand-p:0;position:relative;background:var(--ivory)}
.scroll-hero__stage{height:var(--stage-height);min-height:480px;position:relative;isolation:isolate;overflow:clip;background:var(--ivory)}
.scroll-hero.is-enhanced{height:calc(var(--stage-height) + clamp(400px,75svh,780px))}
.scroll-hero.is-enhanced .scroll-hero__stage{position:sticky;top:0}
.scroll-hero__backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;opacity:var(--backdrop-opacity,.28)}
.scroll-hero__backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:grayscale(.35);opacity:.364}
.scroll-hero__backdrop::after{content:'';position:absolute;inset:0;background:var(--ivory);opacity:.74}
.scroll-hero__frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;overflow:hidden;border-radius:0;box-shadow:0 18px 45px #302b2718}
.scroll-hero.is-enhanced .scroll-hero__frame{width:var(--frame-width,54%);height:var(--frame-height,65%);border-radius:var(--frame-radius,12px)}
.scroll-hero__images{display:grid;grid-template-columns:55% 45%;gap:3px;height:100%;background:var(--ivory)}
.scroll-hero__images img{width:100%;height:100%;object-fit:cover;object-position:center 24%;min-width:0;min-height:0}
.scroll-hero__images img:first-child{object-position:center 28%}
.scroll-hero__frame::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#302b274d);pointer-events:none;opacity:var(--shade-opacity,.8)}
.scroll-hero__copy{position:absolute;left:0;right:0;top:50%;transform:translateY(-29%);z-index:2;text-align:center;pointer-events:none;color:var(--ivory);text-shadow:0 2px 22px #302b2766}
.scroll-hero__copy .kicker{font-size:9px;letter-spacing:2.2px;opacity:var(--text-opacity,1);margin-bottom:20px}
.scroll-hero__copy h1{font-size:clamp(38px,4.9vw,69px);line-height:1.25;letter-spacing:-2.8px;font-weight:700;margin:0}
.scroll-hero__line{display:block;will-change:transform,opacity;opacity:var(--text-opacity,1)}
.scroll-hero__line:first-child{transform:translateX(var(--title-left,0px))}
.scroll-hero__line:last-child{transform:translateX(var(--title-right,0px))}
.scroll-hero__intro{font-size:12px;line-height:1.9;font-weight:500;margin:21px 20px 0;opacity:var(--text-opacity,1)}
.scroll-hero__topline{position:absolute;top:29px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;z-index:3;color:var(--ink);opacity:var(--label-opacity,1)}
.scroll-hero__bottom{position:absolute;bottom:23px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:4;color:var(--ink)}
.scroll-hero__hint{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:13px;opacity:var(--label-opacity,1)}
.scroll-hero__hint::before{content:'↓';font-size:20px;font-weight:300;letter-spacing:0}
.scroll-hero__skip{font-size:11px;font-weight:550;padding:13px 19px;background:var(--ivory);border:1px solid #302b2733;white-space:nowrap}
.scroll-hero__progress{position:absolute;bottom:0;left:0;height:2px;width:100%;transform:scaleX(var(--expand-p,0));transform-origin:left;background:var(--stone);z-index:5}
.scroll-hero:not(.is-enhanced) .scroll-hero__topline,.scroll-hero:not(.is-enhanced) .scroll-hero__hint{display:none}
@media(max-width:720px){
.scroll-hero{--stage-height:calc(100svh - 76px)}
.scroll-hero__stage{min-height:450px}
.scroll-hero.is-enhanced{height:calc(var(--stage-height) + 55svh)}
.scroll-hero__images{grid-template-columns:1fr}
.scroll-hero__images img:nth-child(2){display:none}
.scroll-hero__copy{transform:translateY(-16%)}
.scroll-hero__copy h1{font-size:clamp(32px,8.8vw,47px);letter-spacing:-1.7px;line-height:1.35}
.scroll-hero__copy .kicker{font-size:7px;letter-spacing:1.2px;margin-bottom:15px}
.scroll-hero__intro{font-size:11px;margin-top:14px;line-height:1.8}
.scroll-hero__topline{left:22px;right:22px;top:22px;font-size:8px;letter-spacing:1px}
.scroll-hero__topline span:last-child{display:none}
.scroll-hero__bottom{left:20px;right:20px;bottom:20px;gap:10px}
.scroll-hero__hint{font-size:8px;letter-spacing:1px;gap:6px}
.scroll-hero__skip{font-size:10px;padding:12px 13px}
}
@media(prefers-reduced-motion:reduce){
.scroll-hero.is-enhanced{height:auto}
.scroll-hero.is-enhanced .scroll-hero__stage{position:relative}
.scroll-hero.is-enhanced .scroll-hero__frame{width:100%;height:100%;border-radius:0}
.scroll-hero__line{transform:none!important;will-change:auto;opacity:1}
.scroll-hero__copy .kicker,.scroll-hero__intro{opacity:1}
.scroll-hero__hint,.scroll-hero__topline,.scroll-hero__progress{display:none}
}