#brand-intro{display:none}
html.intro-active{overflow:hidden}
html.intro-active #brand-intro{position:fixed;inset:0;z-index:1000;display:block;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:transparent;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;--intro-frost:12px;--glass-opacity:1}
/* Independent viewport-sized glass covers every page section and mobile toolbar edge. */
html.intro-active #brand-intro::before{content:"";position:fixed;inset:-160px;z-index:-1;pointer-events:none;background:rgba(250,247,239,.48);-webkit-backdrop-filter:blur(var(--intro-frost)) saturate(1.08);backdrop-filter:blur(var(--intro-frost)) saturate(1.08);opacity:var(--glass-opacity)}
#brand-intro .intro-scene{display:block;width:100%;height:100%;max-width:none;pointer-events:none;overflow:visible}
#brand-intro:focus-visible{outline:3px solid #20999c;outline-offset:-8px}
@media(prefers-reduced-motion:reduce){html.intro-active #brand-intro{display:none}}
@media print{#brand-intro{display:none!important}html.intro-active{overflow:visible}}

/* The moving lockup replaces this exact image until docking completes. */
html.intro-active .site-header .brand img{visibility:hidden}