/* The homepage opens on the original image sequence alone. */
html.sequence-page{scrollbar-width:none}
html.sequence-page::-webkit-scrollbar{width:0;height:0}
.home-page>.scroll-progress{display:none}
.home-page>.site-header{transform-origin:50% 0;transition:opacity .25s ease,transform .4s var(--ease-out)}
.home-page.sequence-intro>.site-header{opacity:0;visibility:hidden;transform:translateY(-28px) scale(.96,.9);pointer-events:none;animation:none}
.home-page:not(.sequence-intro)>.site-header{animation:header-arrive .8s var(--ease-out) both}
.home-page:not(.sequence-intro)>.site-header>.brand,.home-page:not(.sequence-intro)>.site-header>.nav-toggle{animation:header-content-arrive .65s var(--ease-out) .14s both}
.home-page:not(.sequence-intro) .site-header .site-nav a{animation:header-content-arrive .65s var(--ease-out) .2s both}
.home-page:not(.sequence-intro) .site-header .site-nav a:nth-child(2){animation-delay:.27s}
.home-page:not(.sequence-intro) .site-header .site-nav a:nth-child(3){animation-delay:.34s}
@keyframes header-arrive{from{opacity:0;transform:translateY(-28px) scale(.96,.84)}to{opacity:1;transform:none}}
@keyframes header-content-arrive{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.banner-slot.sequence-banner{--sequence-top:0px;--sequence-height:100vh;position:relative;width:100%;height:620svh;min-height:3900px;overflow:visible;background:#cfd0d2;color:#131b20;contain:none}
@supports(height:100dvh){.banner-slot.sequence-banner{--sequence-height:100dvh}}
.sequence-banner:before,.sequence-banner:after{display:none}
.sequence-stage{position:sticky;top:var(--sequence-top);width:100%;height:var(--sequence-height);min-height:0;overflow:hidden;background:#cfd0d2;isolation:isolate;border:0}
.sequence-canvas{display:block;width:100%;height:100%;background:#cfd0d2 url('../assets/banner/scroll-sequence/desktop/frame_000001.webp') center/cover no-repeat}
/* Loading stays available to assistive technology without putting UI on the opening frame. */
.sequence-loader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sequence-progress{display:none}
.sequence-copy{position:absolute;z-index:1;right:var(--pad);top:clamp(32px,8vh,100px);max-width:330px;color:#131b20;opacity:var(--copy-opacity,0);visibility:hidden;pointer-events:none;transform:translateY(var(--copy-shift,18px));transition:opacity .16s ease,transform .16s ease}
.copy-visible .sequence-copy{visibility:visible;pointer-events:auto}
.sequence-copy .eyebrow{color:#485d67;font-size:9px;margin-bottom:18px}
.sequence-copy h1{font-size:clamp(34px,3.1vw,44px);line-height:1.08!important;font-weight:500;letter-spacing:-.05em;margin:0 0 18px}
.sequence-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#43515c;margin:0 0 18px}
.sequence-copy .text-link{font-size:11px;border-color:#73838b}
.sequence-fallback{position:absolute;z-index:2;inset:auto 1rem 2rem;margin:auto;max-width:28rem;padding:.8rem 1rem;border:1px solid #a7b0ba;background:#f2f3f1;color:#43515c;text-align:center;font-size:.75rem}
.sequence-banner.has-error{height:var(--sequence-height);min-height:0}
.sequence-banner.has-error .sequence-stage{position:relative}
.sequence-banner.has-error .sequence-copy{opacity:1;visibility:visible;pointer-events:auto;transform:none;top:100px}
@media(max-width:900px){.sequence-canvas{background-size:contain}}
@media(max-width:800px){.sequence-copy{right:24px;max-width:290px}.sequence-copy h1{font-size:34px}.sequence-copy>p:not(.eyebrow){font-size:11px;margin-bottom:12px}}
@media(max-width:640px){.banner-slot.sequence-banner{height:520svh;min-height:3000px}.sequence-copy{left:24px;right:24px;max-width:300px;top:36px}.sequence-copy h1{font-size:32px;margin-bottom:12px}.sequence-copy .eyebrow{font-size:8px;margin-bottom:12px}.sequence-copy>p:not(.eyebrow){display:none}.sequence-copy .text-link{font-size:10px;padding-block:6px}}
@media(prefers-reduced-motion:reduce){.banner-slot.sequence-banner{height:var(--sequence-height);min-height:0}.sequence-stage{position:relative}.sequence-copy{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}.home-page>.site-header{transition:none}.home-page:not(.sequence-intro)>.site-header,.home-page:not(.sequence-intro)>.site-header>.brand,.home-page:not(.sequence-intro)>.site-header>.nav-toggle,.home-page:not(.sequence-intro) .site-header .site-nav a{animation:none}}