/* The requested Q11 drawing sequence, followed by a single sheet lift. */
html[data-intro=pending],html[data-intro=playing]{background:#101210}
html[data-intro=pending] .landing{visibility:hidden}
#brand-intro{position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;overflow:hidden;background:#101210;color:#eeede6}
#brand-intro[open]{display:grid;place-items:center}
#brand-intro::backdrop{background:transparent;backdrop-filter:none}
.intro-rule{position:absolute;background:#eeede633;pointer-events:none}
.intro-rule-h{left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left}
.intro-rule-v{top:0;height:100%;width:1px;transform:scaleY(0);transform-origin:top}
.intro-rule-h1{top:33.333%}.intro-rule-h2{top:66.667%;animation-delay:120ms!important}
.intro-rule-v1{left:33.333%;animation-delay:200ms!important}.intro-rule-v2{left:66.667%;animation-delay:320ms!important}
.intro-annotation{position:absolute;font:10px Plex,monospace;letter-spacing:.18em;color:#cf795c;opacity:0}
.intro-angle{left:12%;top:18%}.intro-ratio{right:14%;top:24%;animation-delay:750ms!important}.intro-height{left:18%;bottom:20%;animation-delay:880ms!important}
.intro-identity{display:grid;justify-items:center;gap:32px;position:relative}
.intro-identity svg{height:30dvh;width:auto;overflow:visible}
.intro-identity path{fill:#eeede6;fill-opacity:0;stroke:#eeede6;stroke-width:.75;stroke-dasharray:1;stroke-dashoffset:1}
.intro-identity>span{font:10px/1.5 Plex,monospace;letter-spacing:.42em;opacity:0;text-align:center}
#skip-intro{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:28px;min-height:44px;padding:0 6px;font:11px Plex,monospace;color:#eeede6;text-underline-offset:5px}
#skip-intro:hover{text-decoration:underline}#skip-intro:focus-visible{outline:1px solid #eeede6;outline-offset:3px}
#brand-intro.is-playing{animation:intro-lift 650ms cubic-bezier(.7,0,.3,1) 1700ms both}
.is-playing .intro-rule-h{animation:intro-horizontal 700ms cubic-bezier(.16,1,.3,1) both}
.is-playing .intro-rule-v{animation:intro-vertical 700ms cubic-bezier(.16,1,.3,1) both}
.is-playing .intro-annotation{animation:intro-stamp 300ms ease-out 550ms both}
.is-playing .intro-identity path{animation:intro-draw 1150ms cubic-bezier(.4,0,.2,1) 450ms both}
.is-playing .intro-identity>span{animation:intro-stamp 300ms ease-out 1100ms both}
@keyframes intro-horizontal{to{transform:scaleX(1)}}@keyframes intro-vertical{to{transform:scaleY(1)}}
@keyframes intro-stamp{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-draw{0%{stroke-dashoffset:1;fill-opacity:0}70%{stroke-dashoffset:0;fill-opacity:0}100%{stroke-dashoffset:0;fill-opacity:1}}
@keyframes intro-lift{to{transform:translateY(-100%)}}
@media(max-width:700px){.intro-identity>span{font-size:8px;letter-spacing:.25em}.intro-identity{gap:26px}#skip-intro{right:18px}.intro-annotation{font-size:9px}}
@media(prefers-reduced-motion:reduce){#brand-intro{display:none!important}}