.brand-intro[hidden]{display:none}
.brand-intro-active .brand-intro[hidden]{display:grid}
.brand-intro{position:fixed;inset:0;z-index:1000000;place-items:center;overflow:hidden;background:#f5f7f3;pointer-events:none;animation:brand-intro-away 360ms cubic-bezier(.23,1,.32,1) 1300ms both}
.brand-intro::before{content:"";position:absolute;width:min(84vw,900px);aspect-ratio:1;border:1px solid #5ca76814;transform:rotate(30deg);border-radius:2px;animation:brand-intro-frame 1100ms cubic-bezier(.23,1,.32,1) both}
.brand-intro::after{content:"";position:absolute;width:min(62vw,670px);aspect-ratio:1;border:1px solid #5ca7680d;transform:rotate(30deg)}
.brand-intro__center{position:relative;z-index:1;width:min(520px,76vw);text-align:center;animation:brand-intro-lift 360ms cubic-bezier(.23,1,.32,1) 1300ms both}
.brand-intro__logo{display:block;width:100%;height:auto;overflow:visible}
.brand-intro__piece{animation:brand-intro-piece 560ms cubic-bezier(.23,1,.32,1) var(--piece-delay,0ms) both;transform-box:fill-box;transform-origin:center}
.brand-intro__caption{margin:26px 0 0;color:#52645a;font:500 13px/1.5 Inter,Arial,sans-serif;letter-spacing:.14em;animation:brand-intro-caption 420ms cubic-bezier(.23,1,.32,1) 700ms both}
@keyframes brand-intro-piece{from{opacity:0;transform:translate(var(--piece-x,0px),var(--piece-y,20px))}to{opacity:1;transform:translate(0,0)}}
@keyframes brand-intro-caption{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes brand-intro-away{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes brand-intro-lift{from{transform:translateY(0)}to{transform:translateY(-12px)}}
@keyframes brand-intro-frame{from{opacity:0;transform:rotate(30deg) scale(.95)}to{opacity:1;transform:rotate(30deg) scale(1)}}
@media(max-width:767px){.brand-intro__caption{font-size:11px;letter-spacing:.1em;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.brand-intro-active .brand-intro[hidden]{display:none}.brand-intro,.brand-intro *,.brand-intro::before,.brand-intro::after{animation:none!important}}
