.brand-intro{position:fixed;inset:0;z-index:100;background:#0c0b0d;color:#f6f1e9;display:grid;place-items:center;pointer-events:none;animation:brand-intro-exit .8s ease-out forwards}
.brand-intro[hidden]{display:none}
.brand-intro__signature{text-align:center;padding:24px;max-width:90vw}
.brand-intro__logo{display:block;font-family:Georgia,serif;font-style:italic;font-size:clamp(72px,17vw,160px);line-height:.95;letter-spacing:-.07em}
.brand-intro__amp{color:#e2a3ae}
.brand-intro__name{display:block;margin-top:20px;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.brand-intro__line{display:block;width:140px;height:2px;margin:24px auto 0;background:#e2a3ae;transform-origin:left;animation:brand-intro-line .5s ease-out both}
.brand-intro__skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));pointer-events:auto;min-width:100px;min-height:44px;border:1px solid #f6f1e9;border-radius:999px;background:#171719;color:#f6f1e9;font:inherit;padding:10px 18px;cursor:pointer;transition:background-color .15s}
.brand-intro__skip:hover{background:#8c5564}
.brand-intro__skip:focus-visible{outline:3px solid #f6f1e9;outline-offset:4px}
@keyframes brand-intro-exit{0%,65%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes brand-intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none;animation:none}.brand-intro__line{animation:none}}

.brand-intro__mark{display:block;width:clamp(100px,20vw,180px);height:auto;margin:auto}.brand-intro__name{color:#f7e9ec;letter-spacing:.15em}