/* One finite introduction; the existing hero remains the final layout owner. */
#welcome{display:none}
html[data-welcome] #welcome{display:block;position:fixed;inset:0;z-index:1000;isolation:isolate;color:#eeede9;pointer-events:auto;overflow:clip}
.welcome-backdrop{position:absolute;inset:0;background:rgba(18,19,21,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.welcome-title{position:absolute;left:50%;top:calc(50% - 25px);width:min(1100px,calc(100% - 48px));margin:0;text-align:center;font:450 clamp(50px,5.4vw,92px)/1.04 Onest,Arial,sans-serif;letter-spacing:-.065em;opacity:0;filter:blur(12px);transform:translate(-50%,-50%) scale(1.04);transform-origin:center;will-change:transform,filter,opacity}
.welcome-caption{position:absolute;top:calc(50% + clamp(50px,5.4vw,92px)*.5408 + 1px);left:24px;right:24px;text-align:center;margin:0;color:#b9bcc4;font:400 15px/1.5 Onest,Arial,sans-serif;opacity:0;filter:blur(6px);will-change:opacity,filter}
html[data-welcome] #hero-title{visibility:hidden}
html[data-welcome="boot"] #welcome .welcome-title{animation:welcome-text-in 650ms 80ms both cubic-bezier(.22,1,.36,1)}
html[data-welcome="boot"] #welcome .welcome-caption{animation:welcome-text-in 650ms 200ms both cubic-bezier(.22,1,.36,1)}
html[data-welcome-paused] #welcome .welcome-title,
html[data-welcome-paused] #welcome .welcome-caption{animation-play-state:paused}
@keyframes welcome-text-in{to{opacity:1;filter:blur(0);}}
@media(prefers-reduced-motion:reduce){html[data-welcome] #welcome{display:none}html[data-welcome] #hero-title{visibility:visible}}
@media print{html[data-welcome] #welcome{display:none}html[data-welcome] #hero-title{visibility:visible}}
html[data-welcome]:not([data-welcome="revealing"]) .hero .eyebrow,
html[data-welcome]:not([data-welcome="revealing"]) .hero-intro{visibility:hidden}

/* Late first-screen media fade in without changing reserved image geometry. */
img[data-welcome-image="loading"]{opacity:0}
img[data-welcome-image="ready"]{opacity:1;transition:opacity 650ms ease}
@media(prefers-reduced-motion:reduce){img[data-welcome-image]{transition:none}}
