.chroma-intro{position:fixed;inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;color:#fff6e5;background:#261440;z-index:1000;overflow:hidden}.chroma-intro::backdrop{background:#261440}.intro-stage{height:100%;position:relative;display:grid;place-items:center;isolation:isolate;animation:intro-exit .55s ease-in 3.85s both}.intro-grid{position:absolute;inset:-15%;z-index:-1;background:linear-gradient(#fff6e508 1px,transparent 0),linear-gradient(90deg,#fff6e508 1px,transparent 0),radial-gradient(ellipse at 50% 45%,#734c9866,transparent 65%);background-size:64px 64px,64px 64px,100% 100%;transform:perspective(900px) rotateX(12deg);animation:intro-grid 4.4s ease-out both}.intro-bottom,.intro-edition,.intro-skip{font:11px/1.5 monospace;letter-spacing:.13em}.intro-edition{position:absolute;left:5vw;top:35px;color:#cfbfe5}.intro-skip{position:absolute;right:5vw;top:26px;background:transparent;color:#fff6e5;border:1px solid #fff6e555;padding:11px 17px;cursor:pointer;border-radius:4px}.intro-skip:focus-visible,.intro-skip:hover{background:#fff6e5;color:#382063;outline:3px solid #f17761;outline-offset:4px}.intro-center{text-align:center;padding:90px 20px}.intro-mark{width:132px;height:132px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);margin:0 auto 34px;transform:rotate(-6deg);animation:intro-settle 1s 1s both}.intro-mark i{display:block;background:#f17761;box-shadow:4px 4px 0 #ad4e69;animation:intro-pixel 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*14ms)}.intro-kicker{color:#f6a18f;font:10px/1.5 monospace;letter-spacing:.2em;animation:intro-type .6s .8s both}.intro-center h1{font-size:clamp(34px,8.5vw,110px);font-weight:900;letter-spacing:-.065em;line-height:1.1;margin:18px 0;animation:intro-type .7s 1.1s both}.intro-center h1 span{font-size:15px;vertical-align:top;display:inline-block;margin:12px 0 0 8px}.intro-line{font-size:clamp(20px,3vw,32px);line-height:1.3;animation:intro-type .7s 1.65s both}.intro-line em{color:#f17761;font-family:Georgia,serif}.intro-bottom{position:absolute;bottom:35px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:#cfbfe5;font-size:10px}.intro-progress{position:absolute;bottom:0;left:0;height:4px;width:100%;background:#f17761;transform-origin:left;animation:intro-progress 3.85s linear both}@keyframes intro-pixel{0%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(80deg) scale(.1)}to{opacity:1;transform:none}}@keyframes intro-settle{to{transform:rotate(0)}}@keyframes intro-type{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes intro-grid{0%{opacity:0;scale:1.15}to{opacity:1;scale:1}}@keyframes intro-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-exit{to{opacity:0;transform:scale(1.025)}}@media(max-width:540px){.intro-edition{font-size:8px;max-width:150px}.intro-bottom{font-size:8px;letter-spacing:.04em}.intro-mark{width:108px;height:108px}.intro-center h1 span{font-size:10px;margin-top:4px}}@media(prefers-reduced-motion:reduce){.intro-center h1,.intro-grid,.intro-kicker,.intro-line,.intro-mark,.intro-mark i,.intro-progress,.intro-stage{animation:none!important;transform:none!important}}