.brand-intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#2a3725 0%,#141b16 48%,#0d120e 100%);color:#eef4e7;opacity:1;transition:opacity .34s ease,visibility .34s ease}
.intro-art{text-align:center;padding:30px 24px;max-width:94vw;pointer-events:none}
.intro-logo{display:block;width:170px;height:108px;object-fit:contain;margin:0 auto 28px;animation:intro-logo .6s cubic-bezier(.2,.7,.2,1) both}
.intro-name{font-family:var(--numeric);font-size:15px;font-weight:650;letter-spacing:.26em;color:#cfdeb9;margin:0 0 20px;animation:intro-word .55s .08s both}
.intro-slogan{font-family:var(--display);font-weight:900;font-style:italic;font-size:clamp(32px,4.2vw,54px);line-height:1.5;letter-spacing:.06em;margin:0}
.intro-slogan span{display:block;animation:intro-word .65s .15s both}.intro-slogan span+span{color:var(--lime);animation-delay:.3s}
.intro-line{height:3px;max-width:270px;width:75%;background:var(--lime);margin:24px auto 0;transform-origin:left;animation:intro-line .75s .2s both}
.intro-skip{position:absolute;right:28px;bottom:max(28px,env(safe-area-inset-bottom));min-height:44px;padding:10px 18px;background:transparent;border:1px solid #8a9e73;border-radius:3px;color:#dfecd0;font:inherit;font-size:14px;cursor:pointer}
.intro-skip:hover{background:#34432a;border-color:var(--lime)}.brand-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.intro-active .hero-copy>*{animation-play-state:paused}
@keyframes intro-logo{from{opacity:0;transform:translateY(9px) scale(.94)}to{opacity:1;transform:none}}
@keyframes intro-word{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes intro-line{from{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:1}}
@media(max-width:700px){.intro-logo{width:140px;height:88px;margin-bottom:24px}.intro-name{font-size:13px;letter-spacing:.22em}.intro-slogan{font-size:34px;letter-spacing:.035em}.intro-skip{right:20px;bottom:max(24px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.intro-active .hero-copy>*{animation-play-state:running}}