/* A brief brand reveal on each page load; the page remains server rendered. */
html.intro-active .site-intro[hidden]{display:grid!important;position:fixed;inset:0;z-index:10000;place-items:center;isolation:isolate;overflow:hidden;touch-action:none;overscroll-behavior:none;cursor:progress}
.intro-panel{position:absolute;top:0;bottom:0;width:50.1%;z-index:-1;background:#20c6c7;transition:transform .3s cubic-bezier(.76,0,.24,1)}
.intro-panel-left{left:0;background:linear-gradient(110deg,#36ceca,#20c6c7)}
.intro-panel-right{right:0;background:linear-gradient(110deg,#20c6c7,#1abdbd)}
.intro-content{display:flex;flex-direction:column;align-items:center;gap:34px;text-align:center;padding:28px;color:#0a3363;transition:opacity .12s,transform .2s}
.intro-logo{display:block;width:270px;max-width:70vw;height:auto}
.intro-count{display:block;font-size:clamp(58px,8vw,92px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-4px;min-width:4ch}
.intro-meter{display:block;width:190px;max-width:58vw;height:3px;background:#0a336326;overflow:hidden}
.intro-meter span{display:block;width:100%;height:100%;background:#0a3363;transform:scaleX(0);transform-origin:left}
html.intro-leaving .intro-panel-left{transform:translateX(-100%)}
html.intro-leaving .intro-panel-right{transform:translateX(100%)}
html.intro-leaving .intro-content{opacity:0;transform:translateY(-10px)}
html.intro-leaving .site-intro{pointer-events:none;cursor:auto}
@media(max-width:760px){.intro-content{gap:28px}.intro-logo{width:230px}.intro-count{font-size:64px;letter-spacing:-3px}.intro-meter{width:160px}}
@media(prefers-reduced-motion:reduce){html.intro-active .site-intro[hidden]{display:none!important}.intro-panel,.intro-content{transition:none}}