@font-face{font-family:nunito;src:url(../media/nunito_sans_latin_wght_normal-s.p.33k3t1ym5m2yc.woff2)format("woff2");font-display:swap;font-weight:200 900}@font-face{font-family:nunito Fallback;src:local(Arial);ascent-override:103.02%;descent-override:35.97%;line-gap-override:0.0%;size-adjust:98.13%}.q1r-IG_className{font-family:nunito,nunito Fallback}.q1r-IG_variable{--font-nunito:"nunito", "nunito Fallback"}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
:root{--line:color-mix(in srgb, var(--ink) 18%, transparent);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--sable) var(--paper);scroll-padding-top:28px}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);font-family:var(--font-nunito), ui-rounded, system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-underline-offset:5px;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--zeke);outline-offset:6px;border-radius:2px}::selection{background:var(--sable);color:var(--paper)}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--sable);border:2px solid var(--paper);border-radius:8px}.skip-link{z-index:5;background:var(--paper);border:1px solid var(--ink);clip-path:inset(50%);padding:10px 16px;font-size:14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{clip-path:none;transform:translateY(0)}.section-inner{width:min(100% - 96px,1280px);margin-inline:auto}.hero{flex-direction:column;align-items:center;min-height:100svh;padding:40px 24px 24px;display:flex;overflow:clip}.hero-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(100%,1200px);display:flex}.logo-intro{aspect-ratio:3;width:250px;animation:logo-settle 1.4s var(--ease-in-out) both;flex-shrink:0;margin-bottom:40px;position:relative}.logo-piece{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.logo-piece-s{clip-path:inset(0 64.318% 0 0);transform-origin:21%;animation:tile-s .7s var(--ease-out) both}.logo-piece-o{clip-path:inset(0 35.682%);transform-origin:50%;animation:tile-o .7s var(--ease-out) 60ms both}.logo-piece-z{clip-path:inset(0 0 0 64.318%);transform-origin:79%;animation:tile-z .7s var(--ease-out) .12s both}.hero h1{text-align:center;letter-spacing:-.045em;text-wrap:balance;animation:arrive .6s var(--ease-out) 1.1s both;font-size:clamp(40px,5.1vw,66px);font-weight:900;line-height:1.08}.cast{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;width:min(100%,1100px);margin-top:76px;display:grid}.cast-member{min-width:0;animation:cast-arrive .65s var(--ease-out) 1.16s both}.cast-pose{transform-origin:50% 85%;transition:transform .18s var(--ease-out)}.cast-member img{object-fit:contain;transform-origin:50% 85%;width:100%;height:clamp(240px,32svh,360px);display:block}.cast-sable img{animation:sable-sway 2.4s var(--ease-in-out) 1.9s}.cast-orin{animation-delay:1.22s}.cast-orin img{height:clamp(260px,34svh,380px);animation:orin-breathe 2.2s var(--ease-in-out) 2s}.cast-zeke{animation-delay:1.28s}.cast-zeke img{animation:zeke-hop 2.4s var(--ease-out) 2.1s}.scroll-cue{color:var(--muted);animation:arrive .5s var(--ease-out) 1.3s both;flex-direction:column;align-items:center;gap:9px;margin-top:24px;padding:14px 18px 4px;font-size:11px;font-weight:650;text-decoration:none;display:flex}.scroll-track{background:var(--line);width:1px;height:34px;position:relative}.scroll-track>span{background:var(--sable);width:5px;height:5px;animation:scroll-drop .95s var(--ease-in-out) 1.8s 3;border-radius:50%;position:absolute;top:0;left:-2px;transform:translateY(20px)}.scroll-cue:focus{animation:none}@keyframes logo-settle{0%,35%{transform:translateY(clamp(80px,18svh,180px))scale(2.2)}to{transform:translateY(0)scale(1)}}@keyframes tile-s{0%{opacity:0;transform:translate(-18%,35%)rotate(-14deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes tile-o{0%{opacity:0;transform:translateY(-45%)rotate(8deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes tile-z{0%{opacity:0;transform:translate(18%,30%)rotate(14deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cast-arrive{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sable-sway{0%,to{transform:rotate(0)}35%{transform:rotate(-3deg)translateY(-3px)}70%{transform:rotate(1.5deg)}}@keyframes orin-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.015)}}@keyframes zeke-hop{0%,to{transform:translateY(0)rotate(0)}26%{transform:translateY(-13px)rotate(3deg)}48%{transform:translateY(0)rotate(-1deg)}65%{transform:translateY(-4px)rotate(1deg)}}@keyframes scroll-drop{0%{opacity:0;transform:translateY(0)}20%,70%{opacity:1}to{opacity:0;transform:translateY(29px)}}.personalities h2,.game-copy h2{letter-spacing:-.035em;font-size:clamp(32px,3.2vw,42px);font-weight:900;line-height:1.15}.personalities{background:color-mix(in srgb, var(--ambientIvory) 45%, var(--paper));padding:110px 0 125px}.personalities h2{text-align:center}.personality-lineup{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px;margin-top:65px;display:grid}.character-profile{min-width:0}.portrait-field{isolation:isolate;justify-content:center;align-items:center;height:380px;display:flex;position:relative}.portrait-field:before{content:"";z-index:-1;aspect-ratio:1;width:87%;position:absolute}.profile-sable .portrait-field:before{background:color-mix(in srgb, var(--sable) 9%, transparent);border-radius:60% 40% 54% 46%/46% 62% 38% 54%;transform:rotate(-14deg)}.profile-orin .portrait-field:before{border:2px solid color-mix(in srgb, var(--orin) 13%, transparent);border-radius:48% 52% 47% 53%;width:80%}.profile-zeke .portrait-field:before{background:color-mix(in srgb, var(--zeke) 9%, transparent);clip-path:polygon(5% 30%,98% 10%,82% 43%,94% 78%,4% 94%,20% 58%);width:97%}.portrait-field img{object-fit:contain;width:100%;height:100%}.profile-orin .portrait-field img{width:106%;max-width:none;height:106%}.personality-copy{padding:25px 8px 0}.character-role{color:var(--character-ink);margin-top:9px;font-size:17px;font-weight:800}.profile-sable{--character-ink:var(--sable)}.profile-orin{--character-ink:var(--orin)}.profile-zeke{--character-ink:var(--zeke)}.personality-copy h3{letter-spacing:-.045em;font-size:clamp(42px,4.8vw,64px);font-weight:900;line-height:1.1}.personality-copy>p:last-child{max-width:310px;margin-top:16px;font-size:16px;line-height:1.75}.game{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:115px;display:grid}.letter-illustration{text-align:center}.letter-illustration>div{justify-content:center;gap:20px;padding-bottom:20px;display:flex;position:relative}.letter-illustration>div:after{content:"";border-top:2px solid var(--sable);border-radius:50%;height:18px;position:absolute;bottom:7px;left:7%;right:7%;transform:rotate(-4deg)}.letter-illustration span{letter-spacing:-.045em;font-size:clamp(85px,10.5vw,150px);font-weight:900;line-height:1.1;display:block}.letter-illustration span:first-child{color:var(--sable)}.letter-illustration span:nth-child(2){color:var(--orin)}.letter-illustration span:last-child{color:var(--zeke)}.letter-illustration figcaption{color:var(--muted);margin-top:15px;font-size:12px}.game-copy>p{max-width:490px;margin-top:20px;font-size:16px}.game-copy .game-modes{color:var(--muted);margin-top:28px;font-size:14px}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:22px;font-size:11px;display:flex}.footer a{align-items:center;gap:14px;min-height:44px;font-weight:900;text-decoration:none;display:flex}.footer p{color:var(--muted)}@media (hover:hover) and (pointer:fine){.cast-sable:hover .cast-pose{transform:rotate(-3deg)translateY(-4px)}.cast-orin:hover .cast-pose{transform:translateY(-6px)}.cast-zeke:hover .cast-pose{transform:rotate(3deg)translateY(-6px)}.scroll-cue:hover,.footer a:hover{color:var(--sable)}}@media (max-width:1050px){.section-inner{width:calc(100% - 64px)}.cast-member img{height:30vw}.cast-orin img{height:32vw}.personality-lineup{gap:25px}.portrait-field{height:30vw}.personality-copy{padding-inline:0}.personality-copy>p:last-child{font-size:15px}.game{gap:60px}}@media (max-width:700px){:root{scroll-padding-top:20px}.section-inner{width:calc(100% - 48px)}.hero{padding:38px 20px 23px}.logo-intro{width:clamp(160px,51vw,200px);margin-bottom:34px}.hero h1{font-size:clamp(30px,8.5vw,48px)}.cast{width:calc(100% + 16px);margin-top:56px}.cast-member img{height:35vw}.cast-orin img{height:39vw}.scroll-cue{margin-top:30px;font-size:10px}.personalities{padding:65px 0 75px}.personality-lineup{grid-template-columns:1fr;gap:65px;margin-top:40px}.character-profile{width:100%;max-width:370px;margin-inline:auto}.portrait-field{aspect-ratio:1;width:min(100%,330px);height:auto;margin-inline:auto}.portrait-field:before{width:86%}.personality-copy{text-align:center;padding:20px 0 0}.personality-copy h3{font-size:54px}.character-role{font-size:16px}.personality-copy>p:last-child{max-width:300px;margin:13px auto 0;font-size:15px}.game{grid-template-columns:1fr;gap:45px;padding-block:65px}.letter-illustration{width:min(100%,340px);margin-inline:auto}.letter-illustration span{font-size:clamp(85px,26vw,125px)}.letter-illustration>div{gap:17px}.letter-illustration figcaption{font-size:11px}.personalities h2,.game-copy h2{font-size:34px}.game-copy>p{font-size:15px}.game-copy .game-modes{font-size:14px}.footer{font-size:10px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.cast-pose{transform:none!important}*,:before,:after{transition:none!important;animation:none!important}}