/* KAWVRO build: intro-v1.3-city-pool. Every rule is scoped to the intro. */
#kawvro-intro{display:none}
html.ki-lock{overflow:hidden}
html.ki-enabled #kawvro-intro{display:grid;place-items:center;position:fixed;inset:0;z-index:2147483646;background:#ece6db;overflow:hidden;isolation:isolate;pointer-events:auto;opacity:1;transition:opacity 800ms ease-in-out}
#kawvro-intro .ki-wordmark{position:absolute;width:min(94vw,1800px);aspect-ratio:1180/220;background:#11110f var(--ki-city-poster) center var(--ki-chicago-y,48%)/cover no-repeat;-webkit-mask:url("wordmark.svg") center/100% 100% no-repeat;mask:url("wordmark.svg") center/100% 100% no-repeat;transform-origin:center;transition:opacity 700ms ease-in-out;will-change:opacity}
#kawvro-intro .ki-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center var(--ki-chicago-y,48%);opacity:0;pointer-events:none}
#kawvro-intro .ki-video.ki-playing{opacity:1}
#kawvro-intro .ki-tagline{position:absolute;margin:0;text-align:center;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,5.7vw,86px);font-weight:700;line-height:1;letter-spacing:-.045em;color:#11110f;opacity:0;transition:opacity 650ms ease-in-out}
#kawvro-intro[data-stage="resolve"] .ki-wordmark,#kawvro-intro[data-stage="tagline"] .ki-wordmark{opacity:0}
#kawvro-intro[data-stage="tagline"] .ki-tagline{opacity:1}
#kawvro-intro[data-stage="tagline-out"] .ki-wordmark,#kawvro-intro[data-stage="reveal"] .ki-wordmark{opacity:0}
#kawvro-intro[data-stage="tagline-out"] .ki-tagline{transition-duration:600ms;opacity:0}
html.ki-enabled #kawvro-intro[data-stage="reveal"]{opacity:0;pointer-events:none}
@media(max-width:600px) and (orientation:portrait){
 #kawvro-intro .ki-wordmark{width:92vw;max-width:460px;aspect-ratio:645/470;-webkit-mask-image:url("wordmark-mobile.svg");mask-image:url("wordmark-mobile.svg");background-position:54% var(--ki-chicago-mobile-y,50%)}
 #kawvro-intro .ki-video{object-position:54% var(--ki-chicago-mobile-y,50%)}
 #kawvro-intro .ki-tagline{font-size:8.1vw;letter-spacing:-.045em}
}
@media(prefers-reduced-motion:reduce){
 html.ki-enabled #kawvro-intro,#kawvro-intro .ki-wordmark,#kawvro-intro .ki-tagline{transition:none;transform:none;will-change:auto}
 #kawvro-intro .ki-video{display:none}
 #kawvro-intro[data-stage="resolve"] .ki-wordmark,#kawvro-intro[data-stage="tagline"] .ki-wordmark{transform:none}
 #kawvro-intro[data-stage="resolve"] .ki-tagline,#kawvro-intro[data-stage="tagline"] .ki-tagline{transform:none}
}
