@font-face{font-family:Space;src:url('./assets/fonts/space.ttf')}@font-face{font-family:Space;src:url('./assets/fonts/space-bold.ttf');font-weight:700}@font-face{font-family:Instrument;src:url('./assets/fonts/instrument.ttf')}
:root{--paper:#f3f1ec;--ink:#171717;--blue:#243df4;--muted:#686763;--sans:Space,'PingFang SC','Noto Sans SC',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:var(--blue);color:white}.skip-link{position:fixed;top:-4rem;left:1rem;z-index:20;padding:.7rem 1rem;background:var(--blue);color:#fff}.skip-link:focus{top:1rem}
.header{height:5.8rem;padding:0 clamp(1.4rem,3.5vw,4rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.brand{font-size:1.06rem;font-weight:700;letter-spacing:-.075em;white-space:nowrap}.brand span{color:var(--blue);padding:0 .18rem;font-weight:400}.header nav{display:flex;gap:clamp(1.2rem,2.8vw,3rem);font-size:.83rem;white-space:nowrap}.header nav a{transition:color .2s}.header nav a:hover,.header nav a[aria-current=page]{color:var(--blue)}.header-code{justify-self:end;font:400 .66rem var(--mono);color:var(--muted)}
.home-shell{width:100vw;height:100svh;min-height:560px;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.hero{min-width:0;min-height:0;padding:1.35rem clamp(1.4rem,3.5vw,4rem) clamp(1.6rem,3vw,3.2rem);display:flex;flex-direction:column;justify-content:space-between}.hero-meta,.hero-index,.hero-facts,.hero-enter{font:400 .67rem var(--mono);letter-spacing:.05em}.hero-meta{display:flex;justify-content:space-between;color:var(--muted)}.hero-name{position:relative;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;min-height:0}.hero-index{margin-bottom:1.6rem;color:var(--blue)}.hero-name h1{font-size:33.5vw;line-height:.72;letter-spacing:-.085em;font-weight:700;margin:0 0 0 -.15em;white-space:nowrap}.hero-name h1 span{position:relative;left:.025em;color:var(--blue);animation:cursor-blink 1.05s steps(1,end) infinite}.hero-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:end}.hero-description{font-size:clamp(1.2rem,1.8vw,2rem);line-height:1.35;letter-spacing:-.05em;margin:0}.hero-facts{display:flex;flex-direction:column;gap:.6rem;color:var(--muted)}.hero-enter{display:flex;align-items:center;gap:2.5rem;color:var(--blue);white-space:nowrap;transition:gap .25s}.hero-enter span{font-size:1.45rem;line-height:.7}.hero-enter:hover{gap:3.5rem}
@media(max-width:900px){.header{grid-template-columns:1fr auto}.header-code{display:none}.hero-bottom{grid-template-columns:1fr auto}.hero-facts{display:none}}
@media(max-width:600px){.home-shell{min-height:0}.header{height:5.6rem;display:grid;grid-template-columns:1fr;align-content:center;gap:.35rem;padding:0 1.2rem}.brand{font-size:.96rem}.header nav{gap:.9rem;font-size:.72rem}.hero{padding:1.2rem 1.2rem 1.8rem}.hero-meta{font-size:.52rem}.hero-index{font-size:.54rem;margin-bottom:1.3rem}.hero-name h1{font-size:33.5vw;margin-left:-.18em}.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem}.hero-description{font-size:1.28rem}.hero-enter{font-size:.58rem}}
@media(max-height:650px) and (min-width:601px){.hero-name h1{font-size:min(33.5vw,54vh)}.hero-description{font-size:1.1rem}}
@keyframes cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-enter{transition:none}.hero-name h1 span{animation:none}}
