:root{--color-paper-day:oklch(97.5% .004 300);--color-ink-day:oklch(21% .01 280);--color-paper-night:oklch(13% .008 260);--color-ink-night:oklch(93% .006 260);--color-ghost-day:oklch(91% .008 300);--color-ghost-night:oklch(20% .01 260);--color-hina:oklch(52% .19 25);--color-luna:oklch(70% .12 240);--color-scrim:oklch(10% .01 260/.6);--color-on-media:oklch(97% .004 300);--night:0;--bg:color-mix(in oklch, var(--color-paper-day), var(--color-paper-night) calc(var(--night) * 100%));--fg:color-mix(in oklch, var(--color-ink-day), var(--color-ink-night) calc(var(--night) * 100%));--ghost:color-mix(in oklch, var(--color-ghost-day), var(--color-ghost-night) calc(var(--night) * 100%));--font-display:"Archivo", "Zen Kaku Gothic New", sans-serif;--font-body:"Zen Kaku Gothic New", system-ui, sans-serif;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-2xl:clamp(2.25rem, 5vw, 3.5rem);--text-display:clamp(2.75rem, 7vw, 5.5rem);--text-giant:clamp(7rem, 30vw, 30rem);--space-xs:.5rem;--space-sm:.75rem;--space-md:1.5rem;--space-lg:3rem;--space-xl:6rem;--gutter:clamp(1rem, 6vw, 6rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.9}h1,h2{letter-spacing:.04em;overflow-wrap:anywhere;text-wrap:balance;word-break:auto-phrase;min-width:0;margin:0;font-style:normal;font-weight:700;line-height:1.2}h1{font-size:var(--text-display)}h2{font-size:var(--text-2xl)}h2 span{margin-top:var(--space-xs);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.3em;text-transform:uppercase;display:block}p{text-wrap:pretty;word-break:auto-phrase;margin:0}img,video{object-fit:cover;width:100%;height:100%;display:block}figure{margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline-offset:3px;outline:2px solid}.home{top:var(--space-md);left:var(--gutter);z-index:3;font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.2em;color:var(--color-on-media);mix-blend-mode:difference;text-decoration:none;position:fixed}.stage{z-index:1;pointer-events:none;width:100%;height:100dvh;position:fixed;inset:0}.loader{bottom:var(--space-md);left:var(--gutter);z-index:3;font-size:var(--text-sm);position:fixed}.loader:empty{display:none}.boot{z-index:20;pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0}.boot__half{place-content:center;justify-items:center;gap:var(--space-sm);transition:translate 1.6s var(--ease-out);display:grid}.boot__half--day{background:var(--color-paper-day);color:var(--color-ink-day);--orb:var(--color-hina)}.boot__half--night{background:var(--color-paper-night);color:var(--color-ink-night);--orb:var(--color-luna)}.boot__orb{aspect-ratio:1;outline:2px solid var(--orb);outline-offset:4px;background:linear-gradient(to top, var(--orb) calc(var(--p,0) * 100%), transparent 0);border-radius:50%;width:clamp(72px,12vw,140px)}.boot__half--night .boot__orb{position:relative;overflow:hidden}.boot__half--night .boot__orb:after{content:"";background:var(--color-paper-night);border-radius:50%;position:absolute;inset:0;translate:38% -22%}.boot__name{font-family:var(--font-body);font-weight:700;font-size:var(--text-lg);letter-spacing:.2em}.boot__name span{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.3em;text-transform:uppercase;margin-left:.6em}.boot__pct{font-family:var(--font-display);font-size:var(--text-sm);font-variant-numeric:tabular-nums;letter-spacing:.2em}.boot.is-open .boot__half--day{translate:-100%}.boot.is-open .boot__half--night{transition-delay:.12s;translate:100%}@media (prefers-reduced-motion:reduce){.boot__half{transition:none}}.scene{min-height:100dvh;padding:var(--space-xl) var(--gutter);align-content:center;display:grid;position:relative}.copy{z-index:2;gap:var(--space-md);max-width:30rem;display:grid;position:relative}.intro .copy p{font-size:var(--text-lg)}.profile[data-stage=luna]{align-content:start;min-height:190dvh}.profile[data-stage=luna] .copy{top:max(var(--space-xl), calc(50dvh - 9rem));position:sticky}.giant{z-index:0;font-family:var(--font-display);font-size:var(--text-giant);text-align:center;color:var(--ghost);-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:.8;position:absolute;inset:auto 0 6vh}.faces{gap:var(--space-xs);flex-wrap:wrap;display:flex}.faces button{font:inherit;font-size:var(--text-sm);white-space:nowrap;padding:var(--space-sm) var(--space-md);color:inherit;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid;border-radius:0;line-height:1}.faces button:hover{background:var(--ghost)}.faces button:active{transform:translateY(1px)}.faces button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.faces[data-model=hina] button[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--color-hina)}.faces[data-model=luna] button[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--color-luna)}.faces button:disabled{opacity:.4;cursor:progress}.gallery{z-index:2;background:var(--bg);scroll-snap-type:x mandatory;position:relative;overflow-x:auto}.track{gap:var(--space-md);width:max-content;min-height:100dvh;padding:var(--space-xl) var(--gutter);align-items:center;display:flex}.track figure{scroll-snap-align:center;flex:none;height:clamp(20rem,62dvh,34rem)}.track img{width:auto}.track figure:nth-child(3n+2){margin-top:var(--space-xl)}.track figure:nth-child(3n){margin-top:calc(var(--space-xl) * -1)}.gallery.is-pinned{overflow:hidden}.reveal{z-index:2;background:var(--bg);height:100dvh;position:relative;overflow:hidden}.reveal .frame{position:absolute;inset:0}.reveal .copy{left:var(--gutter);bottom:var(--space-xl);color:var(--color-on-media);text-shadow:0 1px 24px var(--color-scrim);position:absolute}.album{z-index:2;gap:var(--space-md);padding:0 var(--gutter) var(--space-xl);background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}.album h2{padding:var(--space-xl) 0 var(--space-lg);grid-column:1/-1}.album figure{aspect-ratio:16/9}.album .wide{aspect-ratio:2016/1152;grid-column:1/-1}.credits{z-index:2;gap:var(--space-xs);padding:var(--space-lg) var(--gutter) var(--space-xl);background:var(--bg);font-size:var(--text-sm);display:grid;position:relative}.credits a{margin-top:var(--space-md);white-space:nowrap;justify-self:start}@media (width<=767px){.scene{padding-bottom:var(--space-lg);align-content:end}.scene .copy{max-width:none;padding:var(--space-md);background:color-mix(in oklch, var(--bg) 82%, transparent)}.album{grid-template-columns:minmax(0,1fr)}.track figure:nth-child(n){height:56dvh;margin-top:0}}@media (prefers-reduced-motion:reduce){.faces button{transition:none}}