.intro-pending body{overflow:hidden}
.brand-intro{position:fixed;inset:0;background:#17231c;z-index:500;isolation:isolate;display:grid;place-items:center;overflow:hidden;color:#f7f7f2}
.intro-brand{width:min(360px,86vw);text-align:center;position:relative;z-index:2;will-change:opacity}
.intro-logo{width:162px;max-width:100%;height:19px;object-fit:contain;margin:0 auto;filter:invert(1);opacity:0;mix-blend-mode:screen}
.intro-brand p{margin-top:24px;font-size:14px;letter-spacing:.035em;color:#d7dfd2;opacity:0}
.intro-rule{display:block;width:52px;height:1px;background:#ccd6c2;margin:29px auto 0;transform:scaleX(0);opacity:.55}
.intro-scene{position:absolute;inset:0;z-index:0;clip-path:inset(45% 43% round 10px);opacity:0;will-change:clip-path}
.intro-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transform:scale(1.1)}
.intro-scene>div{position:absolute;inset:0;background:linear-gradient(90deg,#101e18e3,#101e1833),linear-gradient(0deg,#101e18a0,transparent 60%)}
.intro-skip{position:absolute;right:4%;bottom:35px;color:#e6ece1;display:flex;gap:28px;align-items:center;font-size:12px;letter-spacing:.02em;padding:12px 0;z-index:5;border-bottom:1px solid #f7f7f24d}
.intro-skip span{font-size:22px}.intro-skip:hover{color:white;border-color:white}.intro-skip:focus-visible{outline:2px solid #d5e6ae;outline-offset:7px}
.intro-playing .intro-logo{animation:intro-logo-in .8s cubic-bezier(.22,.61,.36,1) .05s both}
.intro-playing .intro-brand p{animation:intro-copy-in .7s ease .3s both}
.intro-playing .intro-rule{animation:intro-rule-in .8s ease .45s both}
.intro-playing .intro-brand{animation:intro-brand-fade .7s ease 1.5s both}
.intro-playing .intro-scene{animation:intro-scene-expand 1.6s cubic-bezier(.65,0,.2,1) 1.1s both}
.brand-intro.intro-playing{animation:intro-exit .45s ease 2.6s both}
.intro-pending .hero-enter{animation-play-state:paused!important}
.intro-pending .hero .text-line{opacity:0!important;transform:translateY(104%)!important;transition:none!important}
.intro-pending .hero-slide img{transition:none!important;transform:scale(1.045)!important}
.intro-pending>.header{opacity:0}
body[data-page=index] .overview{width:100%;position:relative;background:var(--paper);z-index:2;margin-top:-24px;border-radius:34px 34px 0 0;padding-left:max(56px,calc((100% - 1320px)/2));padding-right:max(56px,calc((100% - 1320px)/2))}
@keyframes intro-logo-in{to{opacity:1;transform:none}}@keyframes intro-copy-in{to{opacity:1;transform:none}}@keyframes intro-rule-in{to{transform:scaleX(1)}}
@keyframes intro-brand-fade{from{opacity:1}to{opacity:0}}
@keyframes intro-scene-expand{0%{opacity:0;clip-path:inset(45% 43% round 10px)}18%{opacity:1}100%{opacity:1;clip-path:inset(0% 0% round 0px)}}
@keyframes intro-exit{to{opacity:0}}
@media(max-width:760px){.intro-brand{width:min(320px,86vw)}.intro-brand p{font-size:13px;margin-top:23px}.intro-rule{margin-top:22px;width:35px}.intro-skip{right:22px;bottom:24px}.intro-scene>img{object-position:58% center}body[data-page=index] .overview{padding-left:20px;padding-right:20px;border-radius:24px 24px 0 0;margin-top:-18px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.intro-pending body{overflow:auto}.intro-pending .hero .text-line{transform:none!important;opacity:1!important}}