:root{--ink:#0a0a0a;--paper:#fff;--body:"Sora", "Helvetica Neue", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;margin:0}body{color:var(--ink);background:var(--paper);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{isolation:isolate;background:var(--paper);min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;display:grid;position:relative;overflow:hidden}.stars{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.star{width:var(--size);height:var(--size);background:var(--ink);opacity:.15;clip-path:polygon(50% 0%,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0% 50%,38% 38%);animation:twinkle var(--duration) ease-in-out var(--delay) infinite;will-change:transform, opacity, filter;margin:0;position:absolute;transform:translate(-50%,-50%)scale(.35)}.frame{z-index:1;aspect-ratio:1620/2160;width:min(100vw,75dvh);max-width:100%;height:min(100dvh,133.333vw);max-height:100dvh;margin-inline:auto;animation:1.05s ease-out both stage-in;position:relative;container-type:size}.art{object-fit:contain;object-position:center center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.links{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.55rem,1.6cqh,.9rem);width:min(30cqw,12rem);display:flex;position:absolute;top:82%;left:50%;transform:translate(-50%,calc(-50% - 1rem))}.link-twinkles{z-index:0;pointer-events:none;position:absolute;inset:-22% -36%;overflow:visible}.link-twinkle{width:var(--size);height:var(--size);background:var(--ink);opacity:0;clip-path:polygon(50% 0%,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0% 50%,38% 38%);animation:link-twinkle var(--duration) ease-in-out var(--delay) infinite;will-change:transform, opacity, filter;margin:0;position:absolute;transform:translate(-50%,-50%)scale(.2)}.primary,.social{z-index:1;width:100%;margin:0;padding:0;list-style:none;position:relative}.primary{flex-direction:column;justify-content:center;align-items:center;gap:clamp(.3rem,1cqh,.5rem);display:flex}.primary a{width:100%;font-family:var(--body);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--ink);animation:link-in .65s cubic-bezier(.22, 1, .36, 1) calc(.28s + var(--i) * 60ms) both;filter:url(#channel-warp);background:0 0;border:none;outline:none;padding:.15em 0;font-size:clamp(.7rem,2.8cqw,.95rem);font-weight:500;line-height:1.2;text-decoration:none;transition:opacity .25s;display:block}.primary a:hover,.primary a:focus-visible{opacity:.55}.primary a:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.filters{width:0;height:0;position:absolute;overflow:hidden}.channel{white-space:nowrap;justify-content:center;display:inline-flex}.channel__char{transform-origin:bottom;animation:channel-float 3.6s ease-in-out calc(var(--i) * .18s + var(--c) * 90ms) infinite, channel-glow 4.2s ease-in-out calc(var(--i) * .12s + var(--c) * 70ms) infinite;will-change:transform, opacity;display:inline-block}.channel__char--space{width:.35em}.socials{z-index:1;flex-direction:column;align-items:center;gap:clamp(.4rem,1.2cqh,.65rem);width:100%;animation:.75s cubic-bezier(.22,1,.36,1) .65s both social-in;display:flex;position:relative}.social{flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(.45rem,1.8cqw,.85rem);display:flex}.social a{width:clamp(1.35rem,4.2cqw,1.75rem);height:clamp(1.35rem,4.2cqw,1.75rem);color:var(--ink);opacity:.85;outline:none;place-items:center;text-decoration:none;transition:opacity .25s,transform .25s;display:grid}.social a:hover,.social a:focus-visible{opacity:1;transform:translateY(-1px)}.social a:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.social .icon{width:100%;height:100%;display:block}@keyframes twinkle{0%,to{opacity:.1;filter:brightness();transform:translate(-50%,-50%)scale(.3)}48%{opacity:.45;filter:brightness(1.1);transform:translate(-50%,-50%)scale(.7)}55%{opacity:1;filter:brightness(1.45);transform:translate(-50%,-50%)scale(1.15)}62%{opacity:.5;filter:brightness(1.15);transform:translate(-50%,-50%)scale(.75)}}@keyframes stage-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes channel-float{0%,to{transform:translateY(.04em)skew(-.6deg)scaleY(.99)rotate(-.3deg)}25%{transform:translateY(-.1em)skew(1.2deg)scaleY(1.03)rotate(.4deg)}50%{transform:translateY(-.02em)skew(-.9deg)scaleY(.98)rotate(-.2deg)}75%{transform:translateY(-.12em)skew(.8deg)scaleY(1.02)rotate(.3deg)}}@keyframes channel-glow{0%,to{opacity:.88}40%{opacity:1}70%{opacity:.92}}@keyframes link-twinkle{0%,to{opacity:0;filter:brightness();transform:translate(-50%,-50%)scale(.15)}45%{opacity:.25;transform:translate(-50%,-50%)scale(.45)}55%{opacity:1;filter:brightness(1.4);transform:translate(-50%,-50%)scale(1)}65%{opacity:.3;transform:translate(-50%,-50%)scale(.5)}}@keyframes link-in{0%{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:translateY(0)}}@keyframes social-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.page{place-items:stretch stretch;padding:0;overflow:hidden}.frame{aspect-ratio:auto;width:100dvw;max-width:none;height:100svh;max-height:none;margin:0}.art{object-fit:cover;object-position:center center}.links{gap:clamp(.45rem,1.8vh,.85rem);width:min(46vw,13rem);top:79%;left:50%;transform:translate(-50%,-50%)}.primary{gap:clamp(.28rem,1.1vh,.5rem)}.primary a{letter-spacing:.09em;font-size:clamp(.72rem,3.6vw,.95rem)}.social a{width:clamp(1.25rem,5.5vw,1.65rem);height:clamp(1.25rem,5.5vw,1.65rem)}.socials{gap:clamp(.35rem,1.2vh,.55rem)}}@media (orientation:landscape) and (height<=520px){.page{padding:0;overflow:hidden}.frame{aspect-ratio:auto;width:100vw;max-width:none;height:100dvh;max-height:none}.art{object-fit:cover;object-position:center 35%}.links{gap:.35rem;width:min(32vw,11rem);top:76%;transform:translate(-50%,-50%)}.primary{gap:.18rem}.primary a{padding:0;font-size:clamp(.58rem,2.8vh,.8rem)}}@media (prefers-reduced-motion:reduce){.frame,.primary a,.social,.socials,.star,.channel__char,.link-twinkle{animation:none}.primary a{filter:none}.link-twinkle{opacity:.35;transform:translate(-50%,-50%)scale(.55)}.channel__char{opacity:1;filter:none;transform:none}.star{opacity:.35;transform:translate(-50%,-50%)scale(.55)}.primary a,.social a{transition:none}}