/* Belmont's arched scroll transition. Normal flow remains readable without motion. */
.belmont-reveal{position:relative;display:grid;place-items:center;min-height:65svh;padding:80px 6%;background:#d1ded3;color:var(--green);text-align:center}
.belmont-reveal-circle{display:none}
.belmont-reveal-copy{position:relative;width:100%;max-width:900px}
.belmont-reveal-copy .eyebrow{font-size:13px;letter-spacing:2px;font-weight:500}
.belmont-reveal-copy h2{font-size:clamp(48px,9vw,130px);letter-spacing:-.055em;line-height:1;margin:25px 0 0}.belmont-reveal-copy h2 img{display:block;width:clamp(170px,18vw,245px);height:auto;object-fit:contain;margin:0 auto;transform:translateY(10px)}
.belmont-reveal-line{display:block;width:1px;height:clamp(55px,12svh,120px);background:var(--green);opacity:.55;margin:30px auto}
.belmont-reveal-caption{font-size:clamp(17px,1.8vw,24px);letter-spacing:.02em}
.belmont-reveal-sequence.is-animated{position:relative;height:220svh}
.belmont-reveal-sequence.is-animated .belmont-reveal-stage{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate}
.belmont-reveal-sequence.is-animated .inner-hero{height:100%;min-height:0;max-height:none}
.belmont-reveal-sequence.is-animated .belmont-reveal{position:absolute;inset:0;min-height:0;padding:0;background:transparent;pointer-events:none;overflow:clip}
.belmont-reveal-sequence.is-animated .belmont-reveal-circle{display:block;position:absolute;left:0;top:0;width:100%;height:calc(100% + 50vw);border-radius:50vw 50vw 0 0;background:#d1ded3;will-change:transform}
.belmont-reveal-arc{position:absolute;top:0;left:50%;transform:translateX(-50%);overflow:visible;fill:var(--green);font-family:Mark,Arial,sans-serif;font-weight:500;font-size:clamp(26px,3.2vw,58px);letter-spacing:0}
.belmont-reveal-sequence.is-animated .belmont-reveal-copy{position:absolute;top:calc(49% + 28px);left:50%;width:88%;max-width:900px;transform:translate(-50%,-50%);opacity:0;will-change:opacity,transform}
.belmont-revealing .floating-actions{opacity:0;pointer-events:none}
@media(max-width:640px){
 .belmont-reveal-copy .eyebrow{font-size:12px;letter-spacing:1.4px}
 .belmont-reveal-copy h2{font-size:clamp(48px,12.5vw,68px);margin-top:20px}
 .belmont-reveal-copy h2 img{width:clamp(145px,38vw,190px)}
 .belmont-reveal-line{height:70px;margin:24px auto}
 .belmont-reveal-arc{font-size:clamp(18px,5.8vw,23px)}
}