/* A brief brand entrance. With no JavaScript, the dialog stays closed. */
html.intro-pending{overflow:hidden}
html.intro-pending::before{content:"";position:fixed;inset:0;z-index:100;background:var(--brand,#344b3b);pointer-events:none}
.brand-intro{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;max-width:none;max-height:none;width:100%;height:100vh;height:100dvh;overflow:hidden;background:transparent;color:var(--paper);isolation:isolate}
.brand-intro::backdrop{background:transparent}
.intro-panel{position:absolute;left:0;width:100%;height:calc(50% + 1px);background:var(--brand);z-index:-1}
.intro-panel-top{top:0}.intro-panel-bottom{bottom:0}
.intro-identity{position:absolute;top:50%;left:50%;width:calc(100% - 48px);transform:translate(-50%,-55%);text-align:center}
.intro-mark{display:block;margin:0 auto 12px;width:156px;height:112px;fill:none;stroke:var(--paper);stroke-width:1.1;stroke-linecap:round}
.intro-category{font-size:15px;line-height:1.4;margin-bottom:12px}
.intro-name-window{overflow:hidden;padding:0 0 10px}
#intro-name{font:600 clamp(52px,7.2vw,100px)/1.12 var(--font);letter-spacing:-.065em;text-wrap:nowrap}
/* Initial focus announces the brand. The actionable skip button retains its ring. */
#intro-name:focus{outline:none}
.intro-source{font-size:14px;margin-top:20px;color:#d3dcd1}
.intro-footer{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#d3dcd1}
#intro-skip{display:flex;align-items:center;gap:20px;color:var(--paper);padding:8px 0;border-bottom:1px solid #d3dcd1;font-size:13px;white-space:nowrap}
#intro-skip span{font-size:20px}#intro-skip:focus-visible{outline-color:var(--paper)}
@media(max-width:480px){.intro-mark{width:124px;height:90px}.intro-footer{font-size:11px;gap:12px}#intro-skip{font-size:12px;gap:10px}.intro-source{font-size:13px}}
@media(prefers-reduced-motion:reduce){html.intro-pending::before{display:none}.brand-intro{display:none!important}html.intro-pending{overflow:auto}}