.brand-intro{z-index:9500;color:#fffdf8;pointer-events:auto;display:none;position:fixed;inset:0;overflow:clip}html:is([data-intro=pending],[data-intro=active],[data-intro=flying]) .brand-intro{display:block}html:is([data-intro=active],[data-intro=flying]) .site-header .site-brand img{opacity:0}.intro-curtain{background:radial-gradient(at 45% 42%,#572344 0,#38162f 50%,#301326 100%);position:absolute;inset:0}.intro-mark{--intro-width:min(560px, 70vw, 67vh);--intro-height:calc(var(--intro-width) * 140 / 454);width:var(--intro-width);height:var(--intro-height);left:calc((100vw - var(--intro-width)) / 2);top:max(45px, calc(40vh - var(--intro-height) / 2));transform-origin:0 0;will-change:transform;position:fixed}.intro-mark>img{opacity:0;width:100%;height:auto;display:block}.intro-title{text-align:center;letter-spacing:-.065em;width:100%;font-size:clamp(36px,5vw,68px);font-weight:750;line-height:.97;position:fixed;top:60%;left:0}.intro-title>span{opacity:0;display:block}.intro-title>span+span{margin-top:5px}.intro-title .intro-dot{color:#efbd48}.intro-spark{pointer-events:none;opacity:0;color:#efbd48;position:fixed}.intro-spark.spark-1{color:#67c5c6}.intro-spark.spark-2{color:#ef7398}.intro-halo{aspect-ratio:1;opacity:0;border:1px solid #d5e5d84d;border-radius:50%;width:min(80vw,600px);position:fixed;top:39%;left:50%}.intro-skip{bottom:max(25px, env(safe-area-inset-bottom));right:max(30px, env(safe-area-inset-right));color:#ffffffb5;align-items:center;gap:18px;padding:10px;font-size:14px;display:flex;position:absolute}html[data-intro=flying] .intro-skip{opacity:0;pointer-events:none}@media (max-height:500px){.intro-title{font-size:32px}.intro-skip{bottom:12px}}@media (prefers-reduced-motion:reduce),print{.brand-intro{display:none!important}html .site-header .site-brand img{opacity:1!important}}