.roof-scroll{background:var(--near-black);color:var(--primary-foreground);position:relative}.roof-scroll[data-mode=active]{height:800svh}.roof-scroll__frame{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative}.roof-scroll[data-mode=active] .roof-scroll__frame{height:100svh;position:sticky;top:0}.roof-scroll__media,.roof-scroll__shade{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.roof-scroll__media{object-fit:cover;object-position:65% center;z-index:-3}.roof-scroll__video{opacity:0}.roof-scroll[data-mode=active] .roof-scroll__video{opacity:1}.roof-scroll__shade{background:var(--roof-overlay);z-index:-1}.roof-scroll__content{flex:1;min-height:0;display:flex}.roof-scroll .roof-scroll__copy{color:var(--primary-foreground);padding-top:112px;padding-bottom:36px}.roof-scroll .roof-scroll__copy h1{letter-spacing:0;max-width:850px;font-size:64px}.roof-scroll .roof-scroll__copy p{color:var(--primary-foreground)}.roof-scroll__marquee{flex-shrink:0}html[data-roof-scene] .roof-scroll{height:800svh}html[data-roof-scene] .roof-scroll__frame{height:100svh;position:sticky;top:0}html[data-roof-scene] .roof-scroll__shade{opacity:var(--roof-shade,0)}html[data-roof-scene] .roof-scroll__copy>.eyebrow-pill,html[data-roof-scene] .roof-scroll__copy>h1{opacity:var(--roof-title,0);transform:translateY(calc((1 - var(--roof-title,0)) * 12px))}html[data-roof-scene] .roof-scroll__copy>p{opacity:var(--roof-description,0);transform:translateY(calc((1 - var(--roof-description,0)) * 12px))}html[data-roof-scene] .roof-scroll__copy>div{opacity:var(--roof-buttons,0);transform:translateY(calc((1 - var(--roof-buttons,0)) * 10px))}html[data-roof-scene] .roof-scroll__marquee{opacity:var(--roof-actions,0)}html[data-roof-scene=pending] .roof-scroll__copy{visibility:hidden}html[data-roof-scene=active] .roof-scroll__copy>p{visibility:visible}html[data-roof-scene=restored] .roof-scroll__copy>*,html[data-roof-scene=restored] .roof-scroll__marquee,html[data-roof-scene=restored] .roof-scroll__shade{opacity:1;transform:none}.roof-scroll__cue{width:min(310px,100% - 3rem);color:var(--primary-foreground);text-shadow:var(--roof-cue-shadow);pointer-events:none;font-size:10px;font-weight:600;line-height:1.5;display:none;position:absolute;bottom:100px;left:3rem}html[data-roof-scene=active] .roof-scroll__cue{opacity:var(--roof-cue,0);display:block}.roof-scroll__track{background:color-mix(in srgb,var(--primary-foreground) 40%,transparent);height:1px;margin-bottom:15px;position:relative}.roof-scroll__fill{background:var(--cyan-brand);height:100%;transform:scaleX(var(--roof-progress,0));transform-origin:0}.roof-scroll__track i{background:var(--cyan-brand);width:3px;height:5px;position:absolute;top:-2px}.roof-scroll__skip{z-index:100;background:var(--cyan-brand);color:var(--near-black);padding:12px 18px;position:fixed;top:16px;left:16px;transform:translateY(-200%)}.roof-scroll__skip:focus{transform:none}@media(max-width:1023px){.roof-scroll__frame{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.roof-scroll .roof-scroll__copy{padding-top:96px;padding-bottom:24px}.roof-scroll .roof-scroll__copy h1{font-size:48px}}@media(max-width:767px){.roof-scroll{--roof-overlay:linear-gradient(90deg, color-mix(in srgb, var(--near-black) 88%, transparent), color-mix(in srgb, var(--near-black) 58%, transparent) 70%, color-mix(in srgb, var(--near-black) 30%, transparent))}.roof-scroll[data-mode=active],html[data-roof-scene] .roof-scroll{height:400svh}.roof-scroll__cue{bottom:130px;left:1.5rem}.roof-scroll .roof-scroll__copy h1{font-size:36px}.roof-scroll .roof-scroll__copy p{margin-bottom:24px;font-size:15px;line-height:1.5}}@media(max-width:767px)and (max-height:740px){.roof-scroll .roof-scroll__copy{padding-top:88px;padding-bottom:16px}.roof-scroll .roof-scroll__copy h1{margin-bottom:16px;font-size:32px}.roof-scroll .roof-scroll__copy .eyebrow-pill{margin-bottom:16px;font-size:9px}.roof-scroll .roof-scroll__copy p{margin-bottom:16px;font-size:14px}.roof-scroll .roof-scroll__copy .btn-cyan,.roof-scroll .roof-scroll__copy .btn-on-dark{padding:12px 16px}}@media(prefers-reduced-motion:reduce){.roof-scroll[data-mode=active]{height:auto}.roof-scroll[data-mode=active] .roof-scroll__frame{height:auto;position:relative}.roof-scroll__video{display:none}}