.landing-intro{z-index:100;isolation:isolate;color:#fff;height:100dvh;font-family:var(--font-geist),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#100d22;flex-direction:column;animation:10s linear both paused story-shell;display:flex;position:fixed;inset:0;overflow:hidden}.landing-intro:before{content:"";z-index:-1;background:radial-gradient(at 26% 55%,#b95bba80,#0000 55%),radial-gradient(at 75% 60%,#6e53e9,#0000 62%);animation:10s cubic-bezier(.22,.7,.25,1) both paused story-atmosphere;position:absolute;inset:-20%}.intro-playing,.intro-playing:before,.intro-playing *{animation-play-state:running!important}.intro-topline{z-index:2;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 8px max(24px,env(safe-area-inset-left));justify-content:space-between;align-items:center;display:flex;position:relative}.intro-wordmark{letter-spacing:-.04em;align-items:center;gap:6px;font-size:18px;font-weight:650;display:flex}.intro-wordmark img{object-fit:contain;width:32px;height:32px}.intro-skip{color:#d9d1e8;background:0 0;border:0;border-radius:24px;align-items:center;gap:10px;min-height:44px;padding:8px 12px;font-size:14px;display:flex}.intro-skip:hover{background:#ffffff12}.landing-intro:focus{outline:none}.intro-skip:focus:not(:focus-visible){outline:none}.story-stage{flex:1;width:100%;min-height:0;position:relative}.story-loop{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.swipe-deck{perspective:1000px;width:clamp(235px,29vw,330px);height:clamp(294px,36vw,408px);position:relative}.swipe-card{text-align:left;transform-origin:50% 80%;border:1px solid #e1d7ff3b;border-radius:24px;flex-direction:column;justify-content:center;padding:26px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 75px #0004}.swipe-card-0{background:linear-gradient(150deg,#493675,#292244);animation:10s cubic-bezier(.45,0,.2,1) both paused swipe-last}.swipe-card-1{background:linear-gradient(155deg,#65559f,#3c3768);animation:10s cubic-bezier(.5,0,.18,1) both paused swipe-second}.swipe-card-2{background:radial-gradient(at 90% 5%,#c694cf80,#0000 65%),linear-gradient(145deg,#9b70a3,#68518e);animation:10s cubic-bezier(.5,0,.18,1) both paused swipe-first}.swipe-card strong{letter-spacing:-.055em;font-size:clamp(44px,5vw,66px);font-weight:600;line-height:1.08}.swipe-card strong>span{display:block}.story-question{text-align:left;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:10s linear both paused story-question;display:flex;position:absolute;inset:0}.story-question h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,8.5vw,108px);font-weight:600;line-height:1.06}.question-line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.question-line>span{animation:10s cubic-bezier(.2,.75,.2,1) both paused question-first;display:block}.question-line:nth-child(2)>span{animation-name:question-second}.question-line:nth-child(3)>span{animation-name:question-third}.question-line em{color:#f2acd8;font-style:normal}.question-signoff{align-items:center;gap:14px;margin-top:32px;animation:10s both paused question-signoff;display:flex}.question-signoff p{color:#e4d9f0;letter-spacing:-.02em;margin:0;font-size:16px}.intro-bottom{padding:18px 28px max(28px,env(safe-area-inset-bottom))}.intro-progress{background:#ffffff20;width:56px;height:2px;margin:auto;overflow:hidden}.intro-progress>span{transform-origin:0;background:#d3b6e9;height:100%;animation:10s linear both paused story-progress;display:block}body:has(.landing-intro){overflow:hidden}body:has(.landing-intro)>.site-footer{visibility:hidden}@keyframes story-shell{0%,91%{opacity:1}to{opacity:0}}@keyframes story-atmosphere{0%{opacity:.15;transform:translate(8%,8%)scale(.8)}30%{opacity:.3}65%,to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes story-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes swipe-first{0%,12%{opacity:1;transform:rotate(-5deg)translate(0)}21%,to{opacity:0;transform:translate(-620px)rotate(-25deg)}}@keyframes swipe-second{0%,16%{opacity:1;transform:rotate(6deg)scale(.97)}21%,30%{opacity:1;transform:rotate(1deg)scale(1)}39%,to{opacity:0;transform:translate(620px)rotate(24deg)}}@keyframes swipe-last{0%,33%{opacity:1;transform:rotate(-8deg)scale(.94)}39%,48%{opacity:1;transform:rotate(0)scale(1)}58%,to{opacity:0;transform:translate(-520px,-40px)rotate(-16deg)scale(1.1)}}@keyframes story-question{0%,49%{opacity:0;transform:translate(22px)}57%,88%{opacity:1;transform:translate(0)}98%,to{opacity:0;transform:translateY(-16px)}}@keyframes question-first{0%,51%{transform:translateY(115%)}59%,to{transform:translateY(0)}}@keyframes question-second{0%,55%{transform:translateY(115%)}63%,to{transform:translateY(0)}}@keyframes question-third{0%,59%{transform:translateY(115%)}67%,to{transform:translateY(0)}}@keyframes question-signoff{0%,69%{opacity:0;transform:translateY(8px)}77%,to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.story-question h2{font-size:clamp(43px,12.8vw,66px)}.swipe-deck{width:min(260px,72vw);height:min(330px,91vw)}}@media (max-height:650px){.intro-topline{padding-top:max(8px,env(safe-area-inset-top))}.swipe-deck{width:216px;height:266px}.swipe-card{padding:22px}.swipe-card strong{font-size:40px}.intro-bottom{padding-bottom:max(18px,env(safe-area-inset-bottom))}}@media (max-height:460px){.swipe-deck{width:180px;height:190px}.swipe-card{border-radius:18px;padding:18px}.swipe-card strong{font-size:32px}.story-question h2{font-size:42px}.question-signoff{margin-top:18px}.intro-bottom{padding-block:6px 12px}}@media (prefers-reduced-motion:reduce){.landing-intro{display:none}}
