.brand-intro{position:fixed;inset:0;z-index:1000;background:#f5efdf;display:grid;place-items:center;opacity:1;transition:opacity .55s ease;isolation:isolate;touch-action:none}
.brand-intro[hidden]{display:none!important}
.brand-intro.is-leaving{opacity:0;pointer-events:none}
.intro-stage{position:relative;width:280px;height:280px;max-width:72vw;max-height:72vw}
#intro-scene{width:100%;height:100%;display:block;opacity:0;transform:translateY(5px);transition:opacity .55s ease,transform .65s ease,clip-path 1.2s cubic-bezier(.2,.6,.25,1);clip-path:inset(0 0 100% 0)}
.brand-intro.is-ready #intro-scene{opacity:1;transform:translateY(0);clip-path:inset(0)}
.brand-intro.is-logo #intro-scene{opacity:0;transform:translateY(-8px) scale(.94)}
.intro-mark{position:absolute;left:50%;top:50%;width:240px;max-width:90%;height:auto;opacity:0;transform:translate(-50%,-45%);transition:opacity .65s ease,transform .7s cubic-bezier(.2,.6,.25,1)}
.brand-intro.is-logo .intro-mark{opacity:1;transform:translate(-50%,-50%)}
.intro-skip{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));right:7%;min-height:44px;padding:8px 0;background:none;color:#831f1e;border:0;border-bottom:1px solid #c7bcaa;font-size:14px;letter-spacing:.12em}
.intro-skip span{margin-left:14px}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}}