.s0-gate{z-index:90;position:fixed;inset:0;overflow:hidden}.s0-gate[data-step=reveal]{pointer-events:none}.s0-scene{will-change:transform;background:radial-gradient(46% 40% at 50% 34%,#6e44c26b,#3d22752e 55%,#0000 80%),radial-gradient(30% 26% at 30% 70%,#4b5bd61f,#0000 75%),linear-gradient(#07051a,#150a2e);min-height:600px;position:absolute;inset:0}.s0-sky{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.s0-top{inset:calc(36px + env(safe-area-inset-top,0px)) clamp(20px, 5vw, 64px) auto;z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}.s0-mark{opacity:.8;display:flex}.s0-when{font-family:var(--font-term);color:#cfc3ea;white-space:nowrap;font-size:20px}.s0-main{z-index:1;flex-direction:column;align-items:center;padding:max(80px,34vh - 150px) clamp(20px,5vw,64px) 0;display:flex;position:absolute;inset:0}.s0-stage{flex:none;place-items:center;width:100%;height:300px;display:grid;position:relative}.s0-disc{width:192px;height:192px;position:relative}.s0-glow{background:radial-gradient(circle,#7fe0c880,#2bb3a329 40%,#2bb3a300 68%);transition:transform .35s ease-out,opacity .35s;animation:1s ease-in-out infinite alternate s0-breathe;position:absolute;inset:-70%}@keyframes s0-breathe{to{opacity:.72;transform:scale(1.12)}}.s0-bob{animation:2.4s ease-in-out infinite s0-bob;position:absolute;inset:0}@keyframes s0-bob{0%,to{transform:translateY(-1.5px)}50%{transform:translateY(1.5px)}}.s0-pop{transition:transform .38s cubic-bezier(.3,1.7,.5,1);position:absolute;inset:0}.s0-rec{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 0 14px #7fe0c859)drop-shadow(0 6px #07051a99);display:block}.s0-copy{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:760px;transition:opacity .2s .1s,transform .2s .1s;display:flex}.s0-in{animation:.9s steps(9,end) both s0-up;animation-delay:var(--d,0s)}@keyframes s0-up{0%{opacity:0;transform:translateY(14px)}}.s0-label{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#cfc3ea;text-shadow:0 2px #0a0614;margin:0;font-size:14px}.s0-h.sec-h2{white-space:nowrap;margin-bottom:8px;font-size:64px;line-height:1.05}.s0-h br{display:none}.s0-h br+span{margin-left:.6em}.s0-h.on .bt-l{animation-delay:calc(.15s + var(--i) * 40ms)}.s0-line{max-width:calc(40 * var(--ch-sans));font-family:var(--font-sans);color:#dcd2f2;text-shadow:0 2px #0a0614,0 0 12px #0a0614cc;margin:0;font-size:22px;line-height:1.45}.s0-short{display:none}.s0-btns{flex-direction:column;align-items:center;gap:18px;margin-top:10px;display:flex}.s0-on{cursor:pointer;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#06231f;background:#4fd1bd;justify-content:center;align-items:center;gap:14px;padding:16px 28px;font-size:17px;font-weight:700;transition:filter .15s;display:inline-flex;position:relative;box-shadow:inset -4px -4px #23998a,inset 4px 4px #c6fff2,0 0 0 3px #07051a,0 0 0 6px #2bb3a3}.s0-on:after{content:"";pointer-events:none;animation:2.4s ease-in-out infinite s0-pulse;position:absolute;inset:-6px}@keyframes s0-pulse{0%,to{box-shadow:0 0 10px 2px #7fe0c840}50%{box-shadow:0 0 34px 10px #7fe0c88c}}.s0-on:hover{filter:brightness(1.08)}.s0-on:active,.s0-gate[data-mode=on]:not([data-step=idle]) .s0-on{transform:translateY(3px);box-shadow:inset 4px 4px #23998a,inset -4px -4px #c6fff2,0 0 0 3px #07051a,0 0 0 6px #2bb3a3}.s0-eq{align-items:flex-end;gap:3px;height:18px;display:flex}.s0-eq i{transform-origin:50% 100%;width:4px;height:100%;animation:.8s steps(4,end) infinite alternate s0-eq;animation-delay:calc(var(--i) * -.23s);background:#06231f}@keyframes s0-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.s0-gate[data-mode=on]:not([data-step=idle]) .s0-eq i{animation:none;transform:none}.s0-off{cursor:pointer;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#cfc3ea;text-underline-offset:5px;text-shadow:0 2px #0a0614;padding:4px 2px;font-size:13px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.s0-off:hover{color:var(--color-text)}.s0-foot{left:0;right:0;bottom:calc(36px + env(safe-area-inset-bottom,0px));color:#dcd2f2;text-shadow:0 2px #0a0614;z-index:2;justify-content:center;align-items:center;gap:9px;margin:0;font-size:20px;display:flex;position:absolute}.s0-foot .font-term{color:#cfc3ea;font-size:1.15em}.s0-foot .font-display{color:var(--color-lilac);font-size:.85em}.s0-heart{filter:drop-shadow(0 0 6px #ff8fa399);grid-template-columns:repeat(7,3px);grid-auto-rows:3px;animation:1.1s steps(2,end) infinite s0-beat;display:grid}.s0-heart .on{background:#ff8fa3}@keyframes s0-beat{0%,60%,to{transform:scale(1)}20%{transform:scale(1.25)}}.s0-isle{pointer-events:none;animation:7s ease-in-out infinite alternate s0-drift;position:absolute}.s0-isle-a{top:22%;left:6%}.s0-isle-b{animation-direction:alternate-reverse;bottom:18%;right:6%}@keyframes s0-drift{0%{transform:translate(-8px,4px)}to{transform:translate(10px,-6px)}}.s0-shard-a{top:52%;left:17%}.s0-shard-b{animation-delay:-1.6s;top:26%;right:15%;scale:.75}.s0-gate:not([data-step=idle]) .s0-copy,.s0-gate:not([data-step=idle]) .s0-foot,.s0-gate:not([data-step=idle]) .s0-top{opacity:0;transition:opacity .2s .1s,transform .2s .1s;transform:translateY(10px)}.s0-gate[data-mode=on]:not([data-step=idle]) .s0-pop{transition-delay:.15s;transform:scale(1.25)}.s0-gate[data-mode=on]:not([data-step=idle]) .s0-glow{opacity:1;transition-delay:.15s;animation:none;transform:scale(2)}.s0-gate[data-step=zoom] .s0-scene{transition:transform .8s cubic-bezier(.6,0,.9,.4);transform:scale(6)}.s0-gate[data-mode=off][data-step=zoom] .s0-scene{transition-duration:.55s;transform:scale(3)}.s0-gate[data-step=reveal] .s0-scene{visibility:hidden}.s0-flash{pointer-events:none;background:radial-gradient(circle closest-side,#fff 0,#f2fffb 40%,#bff5e8 62%,#7fe0c8 78%,#7fe0c800 100%);border-radius:50%;width:0;height:0;position:absolute;top:34%;left:50%;transform:scale(0)}.s0-gate[data-mode=off] .s0-flash{background:radial-gradient(circle closest-side,#07051a 0 78%,#07051a00 100%)}.s0-gate[data-step=zoom] .s0-flash{transition:transform .55s cubic-bezier(.6,0,.9,.5) .25s;transform:scale(1)}.s0-gate[data-mode=off][data-step=zoom] .s0-flash{transition-duration:.4s;transition-delay:.15s}.s0-gate[data-step=reveal] .s0-flash{opacity:0;transition:opacity .3s ease-out;transform:scale(1)}@media (max-width:759px){.s0-top{inset:calc(20px + env(safe-area-inset-top,0px)) 20px auto}.s0-when{font-size:18px}.s0-main{padding:max(70px,30vh - 90px) 20px 0}.s0-stage{height:180px}.s0-disc{width:112px;height:112px}.s0-copy{gap:12px;width:100%}.s0-label{font-size:12px}.s0-h.sec-h2{margin-bottom:4px;font-size:34px}.s0-h br{display:inline}.s0-h br+span{margin-left:0}.s0-line{max-width:calc(30 * var(--ch-sans));font-size:18px}.s0-long{display:none}.s0-short{display:inline}.s0-btns{gap:14px;width:100%;margin-top:6px}.s0-on{width:100%;padding:15px 16px;font-size:15px}.s0-foot{bottom:calc(24px + env(safe-area-inset-bottom,0px));font-size:17px}.s0-isle{scale:.7}.s0-isle-a{top:14%;left:-4%}.s0-isle-b{bottom:10%;right:-6%}.s0-shard-a{top:34%;left:8%}.s0-shard-b{top:15%;right:10%}}@media (min-width:760px) and (max-height:780px){.s0-main{padding-top:max(76px,34vh - 120px)}.s0-stage{height:240px}.s0-disc{width:160px;height:160px}.s0-h.sec-h2{font-size:52px}}
.void-page{--line-x:82vw;--hang-x:clamp(150px, var(--line-x), calc(100vw - 150px));background:0 0;overflow-x:clip}.sec{flex-direction:column;justify-content:center;gap:40px;min-height:100svh;padding:clamp(110px,16vh,180px) clamp(16px,6vw,96px) clamp(110px,14vh,160px);display:flex;position:relative}.sec-col{z-index:2;flex-direction:column;gap:18px;width:min(46%,560px);display:flex;position:relative}.sec-label,.sec-body,.lead,.hero-tip,.count-label,.hotbar p{text-shadow:0 2px #0a0614,0 0 12px #0a0614cc}.sec-label{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-dim);margin:0;font-size:13px}.sec-h2{font-family:var(--font-display);color:var(--color-lilac);text-shadow:0 3px #a37fe8,0 6px #6e44c2,0 9px #3d2275,0 12px #1d1038,0 0 22px #9b6ae659;margin:0;font-size:clamp(26px,4.4vw,40px);font-weight:700;line-height:1.05}@media (max-width:759px){.sec-h2{font-size:clamp(22px,7.4vw,30px)!important;line-height:1.12!important}}@media (max-width:380px){.sec-h2{font-size:21px!important}}.q-card{border:3px solid var(--color-peach);box-shadow:inset 0 0 0 3px var(--color-cobalt), 10px 10px 0 #0000008c;background:#160d2ceb}.shardling{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 10px #9b6ae6cc);pointer-events:none;background:linear-gradient(#f6daff 50%,#b48cf0 50%);width:26px;height:34px;animation:3.6s ease-in-out infinite shard-bob;position:absolute}.shardling:after{content:"";background:#2bb3a3;position:absolute;inset:38% 34%;box-shadow:0 0 8px #7fe0c8}@keyframes shard-bob{50%{transform:translateY(-10px)scaleX(.8)}}.fragment{pointer-events:none;animation:4s ease-in-out infinite frag-bob;position:absolute}@keyframes frag-bob{50%{transform:translateY(-8px)}}.sec-body,.lead{max-width:calc(38 * var(--ch-sans));color:var(--color-text);margin:0;font-size:19px;font-weight:400;line-height:1.6}.lead strong,.warm{color:var(--color-accent-warm);font-weight:600}@media (max-width:759px){.sec-body,.lead{font-size:17px}.sec{min-height:auto;padding:96px 16px 120px}.sec-col{width:100%}}.block-text .bt-l{transform-origin:50% 100%;opacity:0;display:inline-block}.block-text.on .bt-l{animation:.62s cubic-bezier(.3,.1,.4,1) both bt-drop;animation-delay:calc(var(--i) * 75ms)}@keyframes bt-drop{0%{transform:translate(var(--dx), -170%) rotate(var(--rot)) scale(1.5);opacity:0}58%{opacity:1;transform:translate(0)rotate(0)scale(1.12,.82)}74%{transform:translateY(-9%)scale(.96,1.06)}to{opacity:1;transform:none}}.block-title{height:200px}.stamp{white-space:nowrap;font-family:var(--font-display);color:var(--color-gold);text-shadow:2px 2px #3d3406,-1px -1px #3d3406,1px -1px #3d3406,-1px 1px #3d3406;--stamp-rot:-3deg;transform:rotate(var(--stamp-rot));transform-origin:0;opacity:0;align-self:flex-start;margin:10px 0 0;font-size:clamp(18px,2.3vw,32px)}@media (min-width:760px){.stamp{left:var(--stamp-left,60%);top:var(--stamp-top,70%);z-index:1;font-size:var(--stamp-size,24px);--stamp-rot:-9deg;margin:0;position:absolute}}.stamp.on{opacity:1;animation:.5s steps(4,end) both stamp}@keyframes stamp{0%{transform:rotate(var(--stamp-rot)) scale(2.2);opacity:0}to{transform:rotate(var(--stamp-rot)) scale(1);opacity:1}}.chip{font-family:var(--font-term);color:#fff3e6;background:var(--color-void-2);border:3px solid var(--color-peach);box-shadow:inset 0 0 0 3px var(--color-cobalt);padding:4px 14px;font-size:20px}.hotbar{transition:transform .3s steps(4,end),opacity .3s steps(4,end)}.hotbar.away{opacity:0;transform:translateY(120%)}.hotbar-slots{box-shadow:0 0 0 3px #3b2566,0 10px 30px #0009}.hb-label{cursor:pointer;text-shadow:0 2px #0a0614}.hb-label .hb-where{color:var(--color-peach);animation:1.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.45}}.eye-radar{border:3px solid var(--color-peach);min-width:240px;box-shadow:inset 0 0 0 3px var(--color-cobalt), 0 10px 30px #0009;background:#160d2cf5;padding:10px 12px;animation:.3s steps(4,end) both toast-in}.eye-radar p{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim);margin:0 0 6px;font-size:11px}.eye-radar ul{margin:0;padding:0;list-style:none}.eye-radar button{width:100%;font-family:var(--font-term);color:var(--color-text);cursor:pointer;justify-content:space-between;gap:12px;padding:4px 6px;font-size:20px;display:flex}.eye-radar button:hover,.eye-radar button:focus-visible{background:#3a2266}.eye-radar b{color:var(--color-ok)}.hb-slot{background:#2a1a44;box-shadow:inset 2px 2px #140c24,inset -2px -2px #4a3375}.hb-slot.fill{background:#3a2266;animation:.4s steps(4,end) slotpop;box-shadow:inset 2px 2px #1d1038,inset -2px -2px #9b6ae6}.hotbar.calling .hb-slot.fill{animation:1.2s steps(3,end) infinite slotcall}@keyframes slotpop{50%{transform:scale(1.3)}}@keyframes slotcall{50%{box-shadow:inset 2px 2px #1d1038,inset -2px -2px #9b6ae6,0 0 12px 3px #2bb3a3cc}}.toast{background:var(--color-void-2);border:3px solid var(--color-peach);box-shadow:inset 0 0 0 3px var(--color-cobalt), 0 10px 30px #00000080;animation:.45s steps(6,end) both toast-in,.45s steps(6,end) 2.6s forwards toast-out}.toast.gold{border-color:var(--color-gold)}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-14px)}}.eye-glow{background:radial-gradient(circle,#7fe0c88c,#2bb3a300 65%);animation:1.2s ease-in-out infinite glow}@keyframes glow{50%{opacity:.6;transform:scale(1.25)}}.eye-btn img{image-rendering:pixelated}.inv-tip{width:220px;color:var(--color-text-dim);z-index:5;background:#1d0f35;border:3px solid #5b2ea0;flex-direction:column;gap:2px;padding:8px 10px;font-size:15px;line-height:1.3;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #0b0616}.inv-tip b{color:var(--color-lilac);font-weight:600}.type-in{white-space:nowrap;max-width:100%;animation:type calc(var(--chars) * 25ms) steps(var(--chars)) both;display:inline-block;overflow:hidden}@keyframes type{0%{width:0}to{width:calc(var(--chars) * 1ch)}}@keyframes bob-slow{50%{transform:translateY(-6px)}}.xp-orb{pointer-events:none;z-index:70;background:#7fe0a8;width:9px;height:9px;position:fixed;top:-4px;left:-4px;box-shadow:inset 3px 3px #d6ffe8,0 0 10px 2px #7fe0a8b3}.count-bump{animation:.3s steps(3,end) bump;display:inline-block}@keyframes bump{50%{transform:scale(1.15)}}@keyframes rise{0%{opacity:0;transform:translateY(70px)}}@keyframes hover{50%{transform:translateY(-6px)}}@keyframes spin{50%{transform:scaleX(.2)}}@keyframes sparkle{0%{opacity:1;transform:scale(.3)}60%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.void-page *,.void-page :before,.void-page :after{transition:none!important;animation:none!important}.block-text .bt-l,.stamp{opacity:1!important;transform:none!important}}
.s9{flex-direction:column;justify-content:center;min-height:max(960px,100svh);padding:140px clamp(16px,6vw,96px);display:flex;position:relative}.s9-col{gap:20px;width:min(560px,44vw)}.s9-h2{font-size:clamp(40px,4.2vw,60px);line-height:1.02}.s9-text{max-width:calc(32 * var(--ch-sans));font-family:var(--font-sans);color:var(--color-text);text-shadow:0 2px #0a0614,0 0 12px #0a0614cc;margin:0;font-size:24px;line-height:1.4}.s9-warm{color:#efc29a}.s9-count{align-items:baseline;gap:14px;margin:4px 0 0;display:flex}.s9-count b{font-family:var(--font-display);color:#7fe0a8;text-shadow:0 3px #3f9e6c,0 6px #22583d,0 9px #0a0614;font-size:52px;font-weight:700;line-height:1}.s9-count span{font-family:var(--font-term);color:var(--color-text-dim);text-shadow:0 2px #0a0614;font-size:22px}.s9-hotbar{background:#0b0616;flex-wrap:wrap;align-self:flex-start;gap:3px;padding:3px;display:flex;box-shadow:0 0 0 3px #3b2566,0 10px 30px #00000080}.s9-slot{aspect-ratio:1;background:#2a1a44;place-items:center;width:clamp(22px,6.4vw,36px);display:grid;box-shadow:inset 2px 2px #140c24,inset -2px -2px #4a3375}.s9-slot img{width:78%;height:78%;image-rendering:pixelated}.s9-slot.placed{background:#123b3a;box-shadow:inset 2px 2px #0a2423,inset -2px -2px #2bb3a3,0 0 8px #2bb3a373}.s9-slot.hand{cursor:pointer;background:#3a2266;animation:1.2s steps(3,end) infinite s9-call;box-shadow:inset 2px 2px #1d1038,inset -2px -2px #9b6ae6}.s9-slot.hand:hover img{transform:scale(1.12)}@keyframes s9-call{50%{box-shadow:inset 2px 2px #1d1038,inset -2px -2px #9b6ae6,0 0 12px 3px #2bb3a3cc}}.s9-hint{font-family:var(--font-term);color:var(--color-teal);text-shadow:0 2px #0a0614;margin:0;font-size:20px}.s9-cta{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#06201d;box-shadow:inset -4px -4px 0 #1b7a70, inset 4px 4px 0 #9ff2e4, 0 0 0 3px var(--color-void), 0 0 0 6px #1d8f8a;cursor:pointer;background:#2bb3a3;align-self:flex-start;margin-top:8px;padding:18px 26px;font-size:15px;font-weight:700;transition:filter .15s}.s9-cta.lit{animation:1.6s ease-in-out infinite s9-pulse}.s9-cta:hover:not(:disabled){filter:brightness(1.1)}.s9-cta:active:not(:disabled){box-shadow:inset 4px 4px 0 #1b7a70, inset -4px -4px 0 #9ff2e4, 0 0 0 3px var(--color-void), 0 0 0 6px #1d8f8a;transform:translateY(3px)}.s9-cta:disabled{cursor:not-allowed;color:#557370;box-shadow:inset -4px -4px 0 #0f2826, inset 4px 4px 0 #24504c, 0 0 0 3px var(--color-void), 0 0 0 6px #1e3b39;background:#173a38}@keyframes s9-pulse{0%,to{filter:drop-shadow(0 0 6px #2bb3a373)}50%{filter:drop-shadow(0 0 22px #7fe0c8e6)}}.s9-note{font-family:var(--font-term);color:var(--color-text-dim);text-shadow:0 2px #0a0614;margin:0;font-size:20px}.s9-stage{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 clamp(16px,3vw,48px) 0 47%}.s9-scene{flex:none;max-width:100%;position:relative}.s9-scene.pushing{transition:transform .9s cubic-bezier(.55,0,.9,.45);transform:scale(5)}.s9-canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.s9-hit{cursor:pointer;clip-path:polygon(50% 0,100% 27.6%,100% 72.4%,50% 100%,0 72.4%,0 27.6%);background:0 0;border:0;padding:0;position:absolute}.s9-hit:disabled{pointer-events:none;cursor:default}.s9-hit:focus-visible{background:#f3e45a47;outline:none}.s9-hit-open{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.s9-flash{z-index:3;pointer-events:none;animation:.9s ease-out forwards s9-flash;position:absolute;inset:0}@keyframes s9-flash{0%{background:#ffffffd9}35%{background:#dcc8ff80}to{background:#dcc8ff00}}.s9-overlay{z-index:75;background:#070b14;position:fixed;inset:0;overflow-y:auto}.s9-overlay-stars{width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.s9-overlay.entering{animation:.9s ease-in both s9-push}@keyframes s9-push{0%{clip-path:circle(60px at var(--portal-x,50%) var(--portal-y,50%))}to{clip-path:circle(150vmax at var(--portal-x,50%) var(--portal-y,50%))}}.s9-inner{width:min(680px,100%);padding:calc(40px + env(safe-area-inset-top,0px)) 16px 120px;flex-direction:column;margin:0 auto;display:flex;position:relative}.s9-overlay.entering .s9-inner{opacity:0}.s9-overlay.open .s9-inner{animation:.5s ease-out both s9-fade-up}@keyframes s9-fade-up{0%{opacity:0;transform:translateY(16px)}}@media (max-width:759px){.s9{justify-content:flex-start;gap:28px;padding:96px 16px 120px}.s9-col{width:100%}.s9-text{font-size:20px}.s9-count b{font-size:40px}.s9-stage{order:-1;width:100%;position:relative;left:auto;right:auto}}@media (prefers-reduced-motion:reduce){.s9-cta.lit,.s9-slot.hand{animation:none}.s9-scene.pushing{transition:none;transform:none}}.s9-eye12{z-index:3;animation:2.4s ease-in-out infinite hover;position:absolute;top:14%;left:14%}@media (max-width:759px){.s9-eye12{top:4%;left:6%}}.s9-entering{z-index:1;min-height:100svh;font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--color-lilac);text-shadow:0 2px #0a0614,0 0 18px #9b6ae6b3;place-items:center;margin:0;font-size:clamp(16px,2vw,22px);animation:1.2s steps(2,end) infinite blink;display:grid;position:relative}
.s8{flex-direction:column;gap:48px;min-height:max(900px,100svh);padding:100px clamp(16px,6vw,96px) 140px;display:flex}.s8-head.sec-col{align-self:flex-start;width:auto;max-width:100%}.s8-h2{font-size:clamp(30px,3.6vw,52px)}.s8-pix{flex:none;display:inline-block;position:relative}.s8-pix>span{display:block;position:absolute}.s8-stage{--rx:min(600px, 47vw);--ry:360px;width:min(980px,100% - 200px);margin:0 auto;position:relative;translate:-40px}.s8-orbit{z-index:0;pointer-events:none;animation:13s ease-in-out infinite alternate s8-ox;animation-delay:calc(var(--k) * -3.25s);position:absolute;top:50%;left:50%}.s8-orbit-y{animation:13s ease-in-out infinite alternate s8-oy;animation-delay:calc(var(--k) * -3.25s - 6.5s);display:block}.s8-rune{opacity:.45;filter:drop-shadow(0 0 6px #c7a8ff99);transform:translate(calc(var(--px,0) * -40px), calc(var(--py,0) * -40px));transition:transform .6s ease-out;display:block}@keyframes s8-ox{0%{transform:translateX(calc(var(--rx) * -1))}to{transform:translateX(var(--rx))}}@keyframes s8-oy{0%{transform:translateY(calc(var(--ry) * -1))}to{transform:translateY(var(--ry))}}.s8-float{z-index:1;opacity:.001;transition:transform .6s cubic-bezier(.2,.7,.3,1),opacity .3s;position:relative;transform:translateY(20px)}.s8-in .s8-float{opacity:1;animation:5s ease-in-out .8s infinite s8-bob;transform:none}@keyframes s8-bob{50%{translate:0 -6px}}.s8-glow{filter:blur(6px);pointer-events:none;background:radial-gradient(#9b6ae673,#9b6ae600 70%);height:120px;position:absolute;bottom:-60px;left:8%;right:8%}.s8-wrap{outline:none;position:relative;rotate:-.6deg}.s8-wrap:focus-visible .s8-book{outline:3px solid var(--color-gold);outline-offset:6px}.s8-book{z-index:1;perspective:1600px;background:#4a2c17;grid-template-columns:1fr 1fr;height:clamp(460px,42vw,610px);padding:18px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #6b4325,inset 0 0 0 6px #4a2c17,inset 0 0 0 9px #2e1a0c,0 0 0 3px #1a0f07,0 14px 0 3px #0a06148c}.s8-spine{z-index:0;background:linear-gradient(90deg,#1a0f07,#2e1a0c 40% 60%,#1a0f07);width:14px;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.s8-page{z-index:1;color:#3b2a1a;min-width:0;transform-style:preserve-3d;flex-direction:column;padding:26px 30px 24px;display:flex;position:relative;box-shadow:0 0 0 3px #2e1a0c}.s8-left{background:linear-gradient(90deg,#f1e6cc 0% 72%,#e2d3b0 90%,#d2c098 100%);align-items:stretch;margin-right:4px}.s8-right{background:linear-gradient(270deg,#f1e6cc 0% 72%,#e2d3b0 90%,#d2c098 100%);margin-left:4px}.s8-orn{border:0 solid #b49a6e;width:15px;height:15px;position:absolute}.s8-orn:after{content:"";background:#b49a6e;width:3px;height:3px;position:absolute}.s8-orn.tl{border-top-width:3px;border-left-width:3px;top:12px;left:12px}.s8-orn.bl{border-bottom-width:3px;border-left-width:3px;bottom:12px;left:12px}.s8-orn.tr{border-top-width:3px;border-right-width:3px;top:12px;right:12px}.s8-orn.br{border-bottom-width:3px;border-right-width:3px;bottom:12px;right:12px}.s8-orn.tl:after{top:3px;left:3px}.s8-orn.bl:after{bottom:3px;left:3px}.s8-orn.tr:after{top:3px;right:3px}.s8-orn.br:after{bottom:3px;right:3px}.s8-meta{font-family:var(--font-term);color:#8a6e4a;padding:6px 0 0 12px;font-size:20px;line-height:1}.s8-meta-r{text-align:right;padding:6px 12px 0 0;display:block}.s8-qwrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;display:flex}.s8-q{max-width:calc(16 * var(--ch-display));font-family:var(--font-display);text-transform:uppercase;color:#3b2a1a;text-shadow:0 2px #b49a6e99;margin:0;font-size:clamp(22px,2.3vw,32px);font-weight:700;line-height:1.2}.s8-dots{font-family:var(--font-term);letter-spacing:.2em;color:#8a6e4a;align-self:center;font-size:22px}.s8-leafin{transform-origin:0;backface-visibility:hidden;flex-direction:column;flex:1;min-height:0;display:flex}.s8-mq{display:none}.s8-a{font-family:var(--font-sans);color:#3b2a1a;margin:28px 0 0;padding:0 16px;font-size:clamp(20px,1.9vw,26px);line-height:1.6}.s8-flip{animation:.42s steps(6,end) both s8-flip}.s8-flip.s8-fast{animation-duration:.16s;animation-timing-function:steps(3,end)}@keyframes s8-flip{0%{filter:brightness(.75);transform:rotateY(80deg)}to{filter:none;transform:rotateY(0)}}.s8-ink{animation:.7s steps(14,end) .42s both s8-ink}@keyframes s8-ink{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.s8-arrows{justify-content:flex-end;gap:10px;padding:0 12px 6px 0;display:flex}.s8-arrow{cursor:pointer;background:#6b4325;place-items:center;width:46px;height:46px;transition:transform .1s steps(2,end);display:grid;box-shadow:inset 3px 3px #8b5a33,inset -3px -3px #2e1a0c,0 0 0 3px #1a0f07,0 4px 0 3px #1a0f07}.s8-arrow:hover:not(:disabled){background:#7a4d2b;transform:translateY(-2px)}.s8-arrow:active:not(:disabled){transform:translateY(2px)}.s8-arrow:disabled{cursor:default;opacity:.45}.s8-cover{z-index:3;backface-visibility:hidden;background:#4a2c17;width:50%;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 3px #6b4325,inset 0 0 0 9px #2e1a0c}.s8-cover.l{transform-origin:100%;left:0}.s8-cover.r{transform-origin:0;right:0}.s8-in .s8-cover.l{animation:.6s steps(6,end) .15s forwards s8-cover-l}.s8-in .s8-cover.r{animation:.6s steps(6,end) .15s forwards s8-cover-r}@keyframes s8-cover-l{to{opacity:0;visibility:hidden;transform:rotateY(-100deg)}}@keyframes s8-cover-r{to{opacity:0;visibility:hidden;transform:rotateY(100deg)}}.s8-leaf{z-index:2;transform-origin:0;opacity:0;width:calc(50% - 22px);animation:.36s steps(6,end) forwards s8-leaf;animation-delay:calc(.62s + var(--k) * .11s);background:linear-gradient(270deg,#f1e6cc 60%,#d2c098);position:absolute;top:18px;bottom:18px;left:50%;box-shadow:0 0 0 2px #b49a6e}@keyframes s8-leaf{0%{opacity:1;transform:rotateY(0)}99%{opacity:1;transform:rotateY(-178deg)}to{opacity:0;visibility:hidden;transform:rotateY(-178deg)}}.s8-tabs{z-index:0;flex-direction:column;gap:6px;display:flex;position:absolute;top:22px;left:calc(100% - 18px)}.s8-tab{text-align:left;cursor:pointer;width:168px;font-family:var(--font-term);color:#1a0f2e;background:var(--c);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);filter:saturate(.5)brightness(.78);padding:6px 22px 6px 26px;font-size:21px;line-height:1;transition:transform .16s steps(3,end),filter .16s steps(3,end);position:relative;box-shadow:inset 0 -3px #00000038}.s8-tab:hover{filter:saturate(.8)brightness(.92);transform:translate(6px)}.s8-tab.on{filter:none;text-shadow:.5px 0 #1a0f2e;font-weight:700;transform:translate(16px)}.s8-eye{z-index:4;bottom:-70px;left:calc(50% - 24px + var(--k) * 64px);animation:1.1s steps(10,end) both s8-eye-out;position:absolute}.s8-eye>*{animation:2.4s ease-in-out 1.1s infinite s8-eye-hover}@keyframes s8-eye-out{0%{opacity:0;transform:translateY(200px)scaleY(.2)}25%{opacity:1;transform:translateY(170px)scaleY(1)}to{opacity:1;transform:none}}@keyframes s8-eye-hover{50%{transform:translateY(-6px)}}.s8-acc{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.s8-acc:focus-within{clip-path:none;white-space:normal;border:3px solid var(--color-peach);width:min(760px,100%);height:auto;box-shadow:inset 0 0 0 3px var(--color-cobalt);background:#160d2ceb;margin:0 auto;padding:16px 20px;position:relative;overflow:visible}.s8-acc-h{margin:0}.s8-acc-h button{text-align:left;cursor:pointer;width:100%;font-family:var(--font-display);color:var(--color-text);padding:8px 4px;font-size:16px}.s8-acc-h button:focus-visible{outline:2px solid var(--color-gold)}.s8-acc-h button[aria-expanded=true]{color:var(--color-gold)}.s8-acc-item p{font-family:var(--font-sans);color:var(--color-text);margin:0 0 10px;padding:0 4px;font-size:18px;line-height:1.5}.s8-still .s8-float,.s8-still .s8-orbit,.s8-still .s8-orbit-y,.s8-still .s8-eye,.s8-still .s8-eye>*{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.s8-float,.s8-orbit,.s8-orbit-y,.s8-flip,.s8-ink,.s8-eye,.s8-eye>*,.s8-tab,.s8-rune{transition:none!important;animation:none!important}.s8-float{opacity:1;transform:none}.s8-cover,.s8-leaf{display:none}}@media (max-width:1100px) and (min-width:760px){.s8-stage{width:calc(100% - 170px)}.s8-tab{width:150px;font-size:19px}}@media (max-width:759px){.s8{gap:32px;min-height:auto;padding:96px 16px 120px}.s8-stage{--rx:46vw;--ry:260px;width:100%;translate:none}.s8-wrap{flex-direction:column;gap:14px;display:flex;rotate:none}.s8-tabs{scrollbar-width:none;flex-direction:row;gap:6px;padding:4px 2px 10px;position:static;overflow-x:auto}.s8-tab{white-space:nowrap;flex:none;width:auto;padding:8px 22px 8px 12px;font-size:19px}.s8-tab:hover,.s8-tab.on{transform:translateY(-4px)}.s8-book{grid-template-columns:1fr;height:auto;min-height:440px;padding:12px}.s8-spine,.s8-left,.s8-cover.l,.s8-leaf{display:none}.s8-cover.r{width:100%;left:0;right:0}.s8-right{background:linear-gradient(270deg,#f1e6cc 0% 85%,#d2c098 100%);margin:0;padding:20px 18px 18px}.s8-mq{font-family:var(--font-display);text-transform:uppercase;color:#3b2a1a;margin:18px 0 0;padding:0 8px;font-size:22px;font-weight:700;line-height:1.25;display:block}.s8-a{margin-top:14px;padding:0 8px;font-size:19px}.s8-arrows{margin-top:18px}.s8-eye{top:40px;bottom:auto}}
.s10{min-height:620px;color:var(--color-text);padding:120px clamp(16px,6vw,96px) 28px;position:relative;overflow:hidden}.s10-sky{pointer-events:none;background:linear-gradient(#08061a00 0,#08061a 110px,#04030b 100%);position:absolute;inset:0}.s10-star{opacity:.75;position:absolute}.s10-star.tw{animation:3.6s steps(3,end) infinite s10-twinkle}@keyframes s10-twinkle{50%{opacity:.2}}.s10-fog{background:radial-gradient(60% 70% at 25% 100%,#6e44c252,#0000 70%),radial-gradient(55% 60% at 78% 100%,#9b6ae638,#0000 70%),linear-gradient(#0000,#3d227559);height:46%;animation:14s ease-in-out infinite alternate s10-fog;position:absolute;bottom:0;left:-10%;right:-10%}@keyframes s10-fog{to{opacity:.75;transform:translate(3%,-14px)}}.s10-lane{pointer-events:none;height:48px;position:absolute;top:42px;left:0;right:0}.s10-ship{opacity:.85;animation:150s linear -55s infinite s10-drift;position:absolute;top:0;left:0}.s10-ship.still{animation:none;left:46%}@keyframes s10-drift{0%{transform:translate(-90px)}to{transform:translate(calc(100vw + 20px))}}.s10-comet{z-index:2;cursor:pointer;transform-origin:0;background:0 0;border:0;width:168px;height:22px;padding:0;animation:3.2s linear forwards s10-comet;position:absolute;left:0}.s10-comet-trail{background:linear-gradient(90deg,#2bb3a300,#2bb3a3 45%,#dcc8ff);height:4px;position:absolute;top:9px;left:8px;right:14px;box-shadow:0 0 8px #dcc8ff59}.s10-comet-trail:after{content:"";background:linear-gradient(90deg,#dcc8ff00,#dcc8ff8c);width:40%;height:8px;position:absolute;top:-2px;right:0}.s10-comet-head{background:#fff;width:10px;height:10px;position:absolute;top:6px;right:6px;box-shadow:0 0 10px #fff,0 0 22px #dcc8ffcc}.s10-comet.caught .s10-comet-head{background:#f3e45a;box-shadow:0 0 12px #f3e45a,0 0 30px #f3e45acc}@keyframes s10-comet{0%{transform:rotate(var(--tilt,8deg)) translateX(-220px);opacity:0}8%{opacity:1}85%{opacity:1}to{transform:rotate(var(--tilt,8deg)) translateX(calc(100vw + 40px));opacity:0}}.s10-inner{z-index:1;width:min(1248px,100%);margin:0 auto;position:relative}.s10-top{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.s10-brand{flex-direction:column;flex:auto;gap:10px;min-width:0;display:flex}.s10-wordmark{margin-left:-8px;display:block}.s10-tag{font-family:var(--font-sans);color:#cfc3ea;text-shadow:0 2px #0a0614;margin:0;font-size:24px;line-height:1.3}.s10-isle{flex:none;margin-top:-12px}.s10-bob{animation:4.4s ease-in-out infinite s10-bob;position:relative}@keyframes s10-bob{50%{transform:translateY(-7px)}}.s10-isle-cv{width:228px;height:198px;image-rendering:pixelated;display:block}.s10-lantern{pointer-events:none;background:radial-gradient(circle,#7fe0c88c,#2bb3a32e 45%,#0000 70%);border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;animation:2.3s step-end infinite s10-flicker;position:absolute}@keyframes s10-flicker{0%,to{opacity:1}18%{opacity:.75}22%{opacity:.95}51%{opacity:.65}56%{opacity:1}79%{opacity:.85}}.s10-cols{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px;display:grid}.s10-col-title{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#efc29a;text-shadow:0 2px #0a0614;margin:0 0 14px;font-size:13px;font-weight:400}.s10-col ul{font-family:var(--font-sans);color:#f4eeff;text-shadow:0 2px #0a0614;flex-direction:column;gap:10px;margin:0;padding:0;font-size:19px;line-height:1.3;list-style:none;display:flex}.s10-link{color:#f4eeff;text-decoration:none;transition:color .12s}.s10-link:hover,.s10-link:focus-visible{color:#efc29a}.s10-link:focus-visible,.s10-copy:focus-visible{outline-offset:3px;outline:2px solid #efc29a}.s10-mail{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.s10-email{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.s10-copy{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#dcc8ff;cursor:pointer;text-shadow:none;background:#160b2e;border:2px solid #6e44c2;padding:3px 9px 2px;font-size:11px;box-shadow:inset 0 -2px #2e1866}.s10-copy:hover{color:#efc29a;border-color:#efc29a}.s10-copy:active{box-shadow:none;transform:translateY(1px)}.s10-bar{font-family:var(--font-term);color:#a99bc7;border-top:3px dashed #2e1c52;justify-content:space-between;align-items:baseline;gap:12px 32px;margin-top:72px;padding-top:18px;font-size:18px;line-height:1.2;display:flex}.s10-bar p{margin:0}.s10-bar p:last-child{text-align:right}@media (max-width:900px){.s10-top{flex-direction:column;align-items:stretch}.s10-isle{align-self:center;margin-top:8px}.s10-cols{grid-template-columns:repeat(2,1fr);gap:32px 20px}.s10-cols>:nth-child(2){grid-column:1/-1}.s10-email{white-space:nowrap}}@media (max-width:640px){.s10{padding-top:96px}.s10-tag{font-size:20px}.s10-isle-cv{width:152px;height:132px}.s10-lantern{width:38px;height:38px;margin:-19px 0 0 -19px}.s10-col ul{font-size:17px}.s10-bar{flex-direction:column}.s10-bar p:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){.s10-star.tw,.s10-fog,.s10-bob,.s10-lantern,.s10-ship{animation:none}.s10-ship{left:46%}}