@font-face{font-family:HS LunaObscura;src:url(/fonts/luna-obscura.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--teal:#0bb7c7;--navy:#074056;--white:#fff;--font-display:"HS LunaObscura", "Arial Black", sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--gutter:clamp(16px, 6vw, 96px)}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;font-family:var(--font-body);color:var(--navy);background:var(--white);flex-direction:column;display:flex;overflow-x:hidden}.page{padding:32px var(--gutter);flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.title{font-family:var(--font-display);margin:0 0 32px;font-size:clamp(28px,4.1vw,84px);font-weight:400;line-height:1.12}.title__line{background:linear-gradient(100deg, var(--navy) 0%, var(--navy) 40%, var(--teal) 50%, var(--navy) 60%, var(--navy) 100%);color:#0000;filter:drop-shadow(0 0 #0bb7c700);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;width:fit-content;animation:.9s cubic-bezier(.2,.8,.2,1) both rise,6s ease-in-out 1.2s infinite shine,6s ease-in-out 1.2s infinite glow;display:block}.title__line:nth-child(2){background-image:linear-gradient(100deg, var(--teal) 0%, var(--teal) 40%, var(--navy) 50%, var(--teal) 60%, var(--teal) 100%);animation-delay:.12s,1.5s,1.5s}.counter{background:var(--white);border:1px solid #07405626;border-radius:999px;align-items:center;gap:14px;padding:8px 8px 8px 20px;animation:.8s cubic-bezier(.2,.8,.2,1) .15s both rise;display:inline-flex}.counter__label{font-size:15px}.counter__value{background:var(--navy);min-width:2.4em;color:var(--white);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:8px 14px;font-size:18px;font-weight:700}.counter__value.bump{animation:.5s cubic-bezier(.3,1.6,.5,1) bump}.scene{height:min(72vh,680px);min-height:320px;position:relative}.scene canvas,.poster img{width:100%;height:100%;position:absolute;inset:0}.scene canvas{touch-action:none;opacity:0;transition:opacity .6s;display:block}html{cursor:url(/cursors/pointer.svg) 4 3,auto}.scene canvas{cursor:url(/cursors/rotate.svg) 16 16,move!important}.is-hover canvas{cursor:url(/cursors/grab.svg) 16 22,grab!important}.is-dragging canvas{cursor:url(/cursors/grabbing.svg) 16 22,grabbing!important}.poster img{object-fit:contain;transition:opacity .6s}.is-live .scene canvas{opacity:1}.is-live .poster img{opacity:0}.is-poster .content,.is-poster .poster{display:none}.is-poster .page{padding:0;display:block}.is-poster .scene{height:auto;position:fixed;inset:0}.is-poster .scene canvas{opacity:1;transition:none}.hint{color:#0740568c;opacity:0;margin:16px 0 0;font-size:14px;transition:opacity .6s .4s}.is-live .hint{opacity:1}.is-lite .counter,.is-lite .hint{display:none}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes shine{0%,30%{background-position:100% 0}70%,to{background-position:0 0}}@keyframes glow{0%,30%,to{filter:drop-shadow(0 0 #0bb7c700)}50%{filter:drop-shadow(0 0 14px #0bb7c773)}}@keyframes bump{40%{background:var(--teal);transform:scale(1.25)}}@media (width<=900px){.page{text-align:center;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding-top:16px}.scene{order:-1;height:min(50vh,460px);min-height:280px}.title{margin-bottom:24px;font-size:clamp(24px,8.4vw,56px)}.title__line{margin-inline:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
