:root{--font-brand: "Moirai One", cursive;--font-ui: "General Sans Variable", "General Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--text-2xs: .5625rem;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.172rem;--text-lg: 1.465rem;--text-xl: 1.831rem;--text-2xl: 2.289rem;--text-3xl: 2.861rem;--radius-tiny: .1875rem;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-pill: 999px;--bg-base: hsl(30, 6%, 7%);--bg-surface: hsl(30, 5%, 11%);--bg-elevated: hsl(30, 4%, 15%);--text-primary: hsl(40, 10%, 92%);--text-secondary: hsl(40, 6%, 62%);--text-tertiary: hsl(40, 4%, 54%);--accent-primary: hsl(160, 40%, 25%);--accent-primary-muted: hsl(160, 18%, 16%);--accent-primary-text: hsl(160, 45%, 50%);--accent-secondary: hsl(340, 55%, 48%);--accent-secondary-text: hsl(340, 60%, 68%);--border-subtle: hsl(30, 5%, 18%);--border-default: hsl(30, 4%, 24%);--border-strong: hsl(30, 4%, 36%);--shadow-lg: 0 8px 24px hsl(0 0% 0% / .5);color-scheme:dark}[data-theme=light]{--bg-base: hsl(40, 15%, 94%);--bg-surface: hsl(40, 12%, 97%);--bg-elevated: hsl(40, 8%, 99.5%);--text-primary: hsl(30, 8%, 14%);--text-secondary: hsl(30, 5%, 42%);--text-tertiary: hsl(30, 3%, 44%);--accent-primary: hsl(160, 45%, 26%);--accent-primary-muted: hsl(160, 22%, 90%);--accent-primary-text: hsl(160, 50%, 24%);--accent-secondary: hsl(340, 60%, 48%);--accent-secondary-text: hsl(340, 65%, 42%);--border-subtle: hsl(40, 8%, 88%);--border-default: hsl(40, 6%, 80%);--border-strong: hsl(30, 5%, 60%);--shadow-lg: 0 8px 24px hsl(0 0% 0% / .12);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none}input,select,textarea{font:inherit;color:inherit}html{font-family:var(--font-ui);line-height:1.5;background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--border-default) transparent;scrollbar-width:thin}body{min-height:100dvh;margin:0;background:var(--bg-base);color:var(--text-primary);position:relative}::selection{background-color:var(--accent-primary-muted);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}html.landing-root{height:100%;overflow:hidden}body.landing-page{height:100%;overflow:hidden;display:grid;place-items:center}body.landing-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,hsl(30 6% 4% / .55) 100%);pointer-events:none;z-index:0}.icon-btn{--icon-btn-hover-bg: var(--bg-surface);width:2.25rem;height:2.25rem;padding:0;border-radius:var(--radius-pill);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;line-height:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:background .2s ease,color .2s ease,transform .2s ease}.icon-btn>svg{display:block;flex:0 0 auto}.icon-btn:hover{color:var(--text-primary);background:var(--icon-btn-hover-bg)}.icon-btn:active{transform:scale(.96)}.info-btn{position:fixed;top:1.5rem;right:1.5rem;z-index:10}.landing-shell{position:relative;z-index:1;display:grid;justify-items:center;padding-bottom:2rem}.stage{display:grid;place-items:center;padding:2rem 2rem 0;cursor:default}.wordmark-wrap{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);width:min(1200px,calc(100vw - 4rem))}.mark-column{display:grid;justify-items:center}.wordmark-stack{display:grid;position:relative;user-select:none}.wordmark{font-family:var(--font-brand);font-weight:400;font-size:clamp(5rem,18vw,13rem);line-height:.95;letter-spacing:-.01em;grid-area:1 / 1;position:relative}.wordmark-live{color:var(--text-primary);transition:color .4s ease,letter-spacing .6s cubic-bezier(.2,.7,.2,1);z-index:1}.wordmark-live span{display:inline-block;transition:color .5s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.wordmark-breath{color:transparent;pointer-events:none;transition:opacity .22s ease;z-index:2}.wordmark-breath span{--breath-color: color-mix(in srgb, var(--text-primary) 34%, var(--text-secondary));--breath-offset: 0em;display:inline-block;animation:letterBreathe 5.8s cubic-bezier(.45,0,.2,1) .9s infinite}.wordmark-breath .pre{--breath-color: color-mix(in srgb, var(--text-primary) 24%, var(--accent-secondary-text))}.wordmark-breath .post{--breath-color: color-mix(in srgb, var(--text-primary) 24%, var(--accent-primary-text))}.wordmark-breath span:nth-child(1){--breath-offset: -.03em}.wordmark-breath span:nth-child(2){--breath-offset: -.022em}.wordmark-breath span:nth-child(3){--breath-offset: -.014em}.wordmark-breath span:nth-child(5){--breath-offset: .014em}.wordmark-breath span:nth-child(6){--breath-offset: .03em}.wordmark-live .pivot{position:relative}.stage:hover .wordmark-breath,.stage.is-revealed .wordmark-breath{opacity:0}.stage:hover .wordmark-live,.stage.is-revealed .wordmark-live{letter-spacing:.01em;color:var(--text-secondary)}.stage:hover .wordmark-live .pre,.stage.is-revealed .wordmark-live .pre{transform:translate(-.06em);color:var(--accent-secondary-text)}.stage:hover .wordmark-live .post,.stage.is-revealed .wordmark-live .post{transform:translate(.06em);color:var(--accent-primary-text)}.stage:hover .wordmark-live .pivot,.stage.is-revealed .wordmark-live .pivot{color:var(--text-primary)}.gloss{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:.12em;text-transform:uppercase;line-height:1.7;opacity:0;transform:translateY(6px);transition:opacity .5s ease 80ms,transform .5s cubic-bezier(.2,.7,.2,1) 80ms;max-width:18ch}.gloss .word{font-family:var(--font-brand);font-size:var(--text-lg);-webkit-text-stroke:.6px currentColor;letter-spacing:0;text-transform:lowercase;display:block;margin-bottom:.25rem}.gloss .tag{display:block;color:var(--text-tertiary);font-size:var(--text-2xs);letter-spacing:.18em;margin-bottom:.5rem}.gloss p{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;text-transform:none;line-height:1.55;margin-top:.35rem}.gloss.left{justify-self:end;text-align:right;transform:translate(-12px,6px)}.gloss.left .word{color:var(--accent-secondary-text)}.gloss.left .tag{color:var(--accent-secondary-text);opacity:.6}.gloss.right{justify-self:start;text-align:left;transform:translate(12px,6px)}.gloss.right .word{color:var(--accent-primary-text)}.gloss.right .tag{color:var(--accent-primary-text);opacity:.7}.stage:hover .gloss,.stage.is-revealed .gloss{opacity:1;transform:translate(0)}.tagline{display:grid;justify-items:center;gap:.65rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);margin-top:clamp(1.25rem,3vh,2rem);max-width:min(680px,calc(100vw - 2rem));text-align:center}.tagline-kicker{white-space:normal}.tagline p{max-width:68ch;color:color-mix(in srgb,var(--text-secondary) 78%,transparent);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.01em;line-height:1.45;text-transform:none}.tagline-action-wrap{margin-top:.65rem;position:relative}.tagline-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:.1rem;letter-spacing:normal;text-transform:none}.tagline-note{opacity:0;position:absolute;top:calc(100% + 1.25rem);left:50%;transform:translate(-50%);color:color-mix(in srgb,var(--text-tertiary) 70%,var(--accent-primary-text));font-size:var(--text-2xs);letter-spacing:.16em;line-height:1;pointer-events:none;text-transform:none;transition:opacity .26s ease;white-space:nowrap}.soon-mark{color:color-mix(in srgb,var(--text-tertiary) 70%,var(--accent-primary-text))}.tagline-action .soon-mark{display:inline-block;margin-left:0;max-width:0;opacity:0;overflow:hidden;transition:max-width .26s ease,margin-left .26s ease,opacity .26s ease;vertical-align:bottom}.tagline-action-wrap:has(.tagline-action-disabled:hover) .tagline-note{opacity:1}.tagline-action-disabled:hover .soon-mark{margin-left:.1rem;max-width:1ch;opacity:1}.site-footer{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-tertiary);z-index:1;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:#0b0a0ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;z-index:50;animation:backdropFade .2s ease}.modal-backdrop[hidden]{display:none}[data-theme=light] .modal-backdrop{background:#d4cfc499}.modal{width:min(560px,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow-y:auto;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff08;padding:2rem 2.25rem 1.75rem;animation:modalSlide .24s cubic-bezier(.2,.7,.2,1);position:relative}.modal-wide{width:min(960px,calc(100vw - 2rem))}.modal-close{position:absolute;top:.75rem;right:.85rem;--icon-btn-hover-bg: var(--bg-elevated);z-index:1}.modal h2{font-family:var(--font-brand);font-weight:400;font-size:var(--text-2xl);-webkit-text-stroke:.6px currentColor;letter-spacing:-.01em;margin-bottom:.15rem;line-height:1}.modal .subtitle{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;color:var(--text-tertiary);margin-bottom:1.5rem}.modal section{margin-bottom:1.4rem}.modal section:last-of-type{margin-bottom:0}.modal h3{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--text-tertiary);margin-bottom:.55rem}.modal p{font-family:var(--font-ui);font-size:var(--text-base);line-height:1.55;color:var(--text-secondary)}.modal p+p{margin-top:.6rem}.modal p strong{color:var(--text-primary);font-weight:500}.modal p em{color:var(--accent-secondary-text);font-style:italic}.modal p code,.author code{font-family:var(--font-mono);font-size:.9em;color:var(--accent-primary-text);background:var(--accent-primary-muted);border-radius:var(--radius-tiny)}.links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.links a,.link-disabled,.tagline-action{font-family:var(--font-mono);font-size:var(--text-sm);text-decoration:none;padding:.4rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-pill)}.links a,.tagline-action[href]{color:var(--text-primary);transition:border-color .15s ease,color .15s ease,background .15s ease}.link-disabled,.tagline-action-disabled{color:color-mix(in srgb,var(--text-tertiary) 72%,transparent);cursor:not-allowed;opacity:.7}.links a:hover,.tagline-action[href]:hover{border-color:var(--accent-primary-text);color:var(--accent-primary-text);background:var(--accent-primary-muted)}.links a .arr,.tagline-action .arr{color:var(--text-tertiary);margin-left:.4rem;transition:color .15s ease,transform .15s ease;display:inline-block}.links a:hover .arr,.tagline-action[href]:hover .arr{color:var(--accent-primary-text);transform:translate(2px,-2px)}.author{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-tertiary);padding-top:1rem;margin-top:1.4rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}@keyframes letterBreathe{0%,to{color:transparent;transform:translate(0)}48%,58%{color:var(--breath-color);transform:translate(var(--breath-offset))}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@keyframes modalSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.wordmark-wrap{grid-template-columns:1fr;grid-template-areas:"mark" "left" "right";gap:1.5rem;width:auto}.wordmark{grid-area:1 / 1}.mark-column{grid-area:mark;justify-self:center}.gloss.left{grid-area:left;justify-self:center;text-align:center;max-width:28ch}.gloss.right{grid-area:right;justify-self:center;text-align:center;max-width:28ch}.stage{padding:1.5rem 1rem 0}.landing-shell{padding-bottom:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
