/* A finite opening gesture. The document never depends on this layer. */
.brink-intro{--brink-intro-ready:1;position:fixed;inset:0;z-index:200;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:#080b0f;color:#dde1e4;opacity:1}
.brink-intro[hidden]{display:none!important}
.brink-intro::before{content:"";position:absolute;z-index:-1;inset:-30%;background:radial-gradient(ellipse at 52% 47%,#214b7f35 0%,#193c7415 25%,transparent 58%);opacity:0;pointer-events:none}
.brink-intro__identity{display:flex;flex-direction:column;align-items:center;padding:40px 24px 64px;text-align:center}
.brink-intro__mark{width:clamp(92px,10vw,126px);height:auto;overflow:visible;filter:drop-shadow(0 8px 24px #193c7433)}
.brink-intro__plane{transform-box:fill-box;transform-origin:center;opacity:0}
.brink-intro__name{margin:35px 0 0;padding-left:.27em;font-family:var(--sans,Arial,sans-serif);font-size:clamp(22px,2.7vw,29px);font-weight:500;line-height:1.2;letter-spacing:.27em;opacity:0}
.brink-intro__tagline{margin:14px 0 0;font-family:var(--sans,Arial,sans-serif);font-size:clamp(11px,1.3vw,13px);font-weight:400;line-height:1.6;letter-spacing:.025em;color:#a8b6cb;opacity:0}
.brink-intro__skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));min-height:40px;padding:8px 3px;color:#a8b6cb;background:transparent;border:0;border-bottom:1px solid #a8b6cb30;border-radius:0;font-family:var(--sans,Arial,sans-serif);font-size:11px;line-height:1.4;letter-spacing:.025em;transition:color .15s,border-color .15s}
.brink-intro__skip:hover{color:#dde1e4;border-color:#a8b6cb80}
.brink-intro__skip:focus-visible{outline:2px solid #a8b6cb;outline-offset:5px}
.brink-intro--active{animation:brink-intro-exit 2200ms ease-out both}
.brink-intro--active::before{animation:brink-intro-light 1800ms ease-out both}
.brink-intro--active .brink-intro__plane--upper{animation:brink-intro-upper 1050ms cubic-bezier(.16,1,.3,1) 80ms both}
.brink-intro--active .brink-intro__plane--lower{animation:brink-intro-lower 1100ms cubic-bezier(.16,1,.3,1) 170ms both}
.brink-intro--active .brink-intro__name{animation:brink-intro-type 800ms cubic-bezier(.16,1,.3,1) 440ms both}
.brink-intro--active .brink-intro__tagline{animation:brink-intro-type 700ms cubic-bezier(.16,1,.3,1) 670ms both}
@keyframes brink-intro-upper{from{opacity:0;transform:translate(-8px,-12px) rotate(-6deg) scaleY(.85)}to{opacity:1;transform:translate(0,0) rotate(0) scaleY(1)}}
@keyframes brink-intro-lower{from{opacity:0;transform:translate(8px,13px) rotate(7deg) scaleY(.83)}to{opacity:1;transform:translate(0,0) rotate(0) scaleY(1)}}
@keyframes brink-intro-type{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes brink-intro-light{0%{opacity:0;transform:translate(-3%,3%) scale(.92)}65%,100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes brink-intro-exit{0%,77%{opacity:1}100%{opacity:0}}
@media(max-width:600px){.brink-intro__identity{padding-bottom:52px}.brink-intro__name{margin-top:28px}.brink-intro__skip{right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.brink-intro{display:none!important}.brink-intro,.brink-intro::before,.brink-intro *{animation:none!important}}
