*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}p{text-wrap:pretty}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(16px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}:root.theme-switching *,:root.theme-switching :before,:root.theme-switching :after{transition:none!important}.snav{z-index:60;transition:background .3s var(--ease), border-color .3s var(--ease), backdrop-filter .3s var(--ease);border-bottom:1px solid #0000;padding-block:.9rem;position:sticky;top:0}.snav--stuck{-webkit-backdrop-filter:blur(14px)saturate(170%);border-bottom-color:var(--line);background:#eef0f4cc}.snav__inner{align-items:center;gap:1.75rem;display:flex}.snav__brand{letter-spacing:-.025em;align-items:center;gap:.55rem;margin-right:auto;font-size:1.02rem;font-weight:650;display:inline-flex}.snav__tile{letter-spacing:-.04em;color:#fff;background:var(--ink);border-radius:var(--r-sm);place-items:center;width:26px;height:26px;font-size:.72rem;font-weight:700;display:grid}.snav__links{color:var(--ink-2);gap:1.5rem;font-size:.9rem;display:flex}.snav__links a:hover{color:var(--ink)}.snav__cta{color:#fff;background:var(--ink);border-radius:var(--r-pill);transition:background .25s var(--ease);padding:.5rem 1.05rem;font-size:.85rem;font-weight:550}.snav__cta:hover{background:var(--accent)}@media (width<=620px){.snav__links{display:none}}.astack{gap:1rem;width:100%;max-width:520px;margin-inline:auto;display:grid}.astack__deck{aspect-ratio:16/11;padding-top:26px;position:relative}.astack__card{color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);will-change:transform;text-decoration:none;display:block;position:absolute;inset:26px 0 0;overflow:hidden}.astack__shot{object-fit:cover;object-position:top center;pointer-events:none;width:100%;height:100%}.astack__meta{inset-inline:0;-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#ffffffdb;align-items:center;gap:.6rem;padding:.75rem .9rem;display:flex;position:absolute;bottom:0}.astack__mark{object-fit:contain;flex-shrink:0;width:24px;height:24px}.astack__name{letter-spacing:-.02em;font-size:.98rem;font-weight:600}.astack__host{font-family:var(--font-mono);color:var(--ink-3);margin-left:auto;font-size:.68rem}.astack__controls{align-items:center;gap:.75rem;display:flex}.astack__bars{flex:1;gap:.35rem;display:flex}.astack__bar{cursor:pointer;background:var(--line);border:0;border-radius:2px;flex:1;height:3px;padding:0;position:relative;overflow:hidden}.astack__bar:after{content:"";position:absolute;inset:-8px 0}.astack__fill{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.astack__bar.is-on .astack__fill{animation-name:astack-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes astack-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.astack__toggle{width:26px;height:26px;color:var(--ink-2);cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;font-size:.6rem;line-height:1;transition:color .2s,border-color .2s;display:grid}.astack__toggle:hover{color:var(--ink);border-color:var(--line-2)}@media (prefers-reduced-motion:reduce){.astack__bar.is-on .astack__fill{animation:none;transform:scaleX(1)}}.astack__card[aria-hidden=true]{pointer-events:none}.shero{padding-top:clamp(2.5rem,7vh,4.5rem);overflow:hidden}.shero__grid{align-items:center;gap:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2.5rem,7vh,4rem);display:grid}.shero__copy,.shero__stage{min-width:0}@media (width>=960px){.shero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}}.shero__copy{max-width:640px}.shero__title{font-size:var(--step-h1);margin-top:1.2rem}.shero__title-dim{color:var(--ink-3)}.shero__lead{max-width:52ch;font-size:var(--step-lead);color:var(--ink-2);margin-top:1.4rem;line-height:1.5}.shero__actions{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.sbtn{border-radius:var(--r-pill);transition:background .26s var(--ease), border-color .26s var(--ease), box-shadow .26s var(--ease), transform .26s var(--ease-out);border:1px solid #0000;align-items:center;padding:.8rem 1.4rem;font-size:.92rem;font-weight:550;display:inline-flex}.sbtn--solid{color:#fff;background:var(--ink);box-shadow:var(--sh-2)}.sbtn--solid:hover{background:var(--accent);box-shadow:var(--sh-3);transform:translateY(-1px)}.sbtn--quiet{color:var(--ink);background:var(--card);border-color:var(--line);box-shadow:var(--sh-1)}.sbtn--quiet:hover{border-color:var(--line-2)}.shero__stats{border-top:1px solid var(--line);gap:clamp(1.75rem,5vw,3rem);margin-top:clamp(2.5rem,6vh,3.25rem);padding-top:1.5rem;display:flex}.shero__stats dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.64rem}.shero__stats dd{letter-spacing:-.04em;margin-top:.25rem;font-size:1.7rem;font-weight:600}.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), border-color .4s var(--ease);flex-direction:column;padding:.5rem .5rem 1.1rem;display:flex}.pcard:hover{border-color:var(--line-2);box-shadow:var(--sh-3);transform:translateY(-4px)}.pcard__art{aspect-ratio:16/10;border-radius:calc(var(--r-lg) - 6px);background:color-mix(in srgb, var(--accent) 14%, #fff);display:block;position:relative;overflow:hidden}.pcard__shot{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s var(--ease-out)}.pcard:hover .pcard__shot{transform:scale(1.035)}.pcard__fallback{background:var(--accent);place-items:center;width:100%;height:100%;display:grid}.pcard__fallback img{object-fit:contain;width:38%;max-height:58%}.pcard__badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-radius:var(--r-pill);box-shadow:var(--sh-1);background:#ffffffeb;padding:.25rem .6rem;font-size:.58rem;font-weight:500;position:absolute;top:.6rem;left:.6rem}.pcard__meta{align-items:center;gap:.7rem;margin-top:1rem;padding-inline:.6rem;display:flex}.pcard__mark{background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-sm);flex-shrink:0;place-items:center;width:34px;height:34px;padding:5px;display:grid}.pcard__mark img{object-fit:contain;width:100%;height:100%}.pcard__titles{flex-direction:column;min-width:0;display:flex}.pcard__name{letter-spacing:-.02em;font-size:1.02rem;font-weight:600}.pcard__category{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:.62rem}.pcard__go{color:var(--ink-3);transition:transform .35s var(--ease-out), color .35s var(--ease);margin-left:auto;font-size:1rem}.pcard:hover .pcard__go{color:var(--accent);transform:translate(2px,-2px)}.pcard__desc{color:var(--ink-2);margin-top:.7rem;padding-inline:.6rem;font-size:.9rem;line-height:1.5}.pcard__host{font-family:var(--font-mono);color:var(--ink-3);overflow-wrap:anywhere;margin-top:auto;padding:.85rem .6rem 0;font-size:.7rem}.pcard--inert{cursor:default;background:var(--card-2)}.pcard--inert:hover{box-shadow:var(--sh-1);border-color:var(--line);transform:none}.dir{padding-block:clamp(3rem,8vh,5rem)}.dir__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.25rem;margin-bottom:1.6rem;display:flex}.dir__title{font-size:var(--step-h2);margin-top:.7rem}.dir__search{background:var(--card);border:1px solid var(--line);border-radius:var(--r-pill);width:min(320px,100%);box-shadow:var(--sh-1);transition:border-color .25s var(--ease), box-shadow .25s var(--ease);align-items:center;gap:.55rem;padding:.65rem 1rem;display:flex}.dir__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.dir__search svg{fill:none;width:16px;height:16px;stroke:var(--ink-3);stroke-width:1.8px;stroke-linecap:round;flex-shrink:0}.dir__search input{width:100%;font:inherit;color:inherit;background:0 0;border:0;outline:none;font-size:.9rem}.dir__search input::-webkit-search-cancel-button{cursor:pointer}.dir__filters{flex-wrap:wrap;gap:.45rem;margin-bottom:1.6rem;display:flex}.chip{font:inherit;color:var(--ink-2);cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:var(--r-pill);transition:background .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease);align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.84rem;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--line-2);color:var(--ink)}.chip.is-active{color:#fff;background:var(--ink);border-color:var(--ink)}.chip__count{font-family:var(--font-mono);color:var(--ink-3);font-size:.66rem}.chip.is-active .chip__count{color:#ffffff9e}.dir__grid{grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:1.1rem;display:grid}.dir__empty{color:var(--ink-2);padding:3rem 0}.dir__empty button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;text-decoration:underline}.sabout{padding-block:clamp(2rem,6vh,3.5rem) clamp(3rem,8vh,5rem)}.sabout__panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);gap:clamp(2rem,5vw,4rem);padding:clamp(1.75rem,4vw,3rem);display:grid}@media (width>=900px){.sabout__panel{grid-template-columns:.9fr 1.1fr}}.sabout__title{max-width:16ch;font-size:var(--step-h2);margin-top:.8rem}.sabout__lead{max-width:42ch;color:var(--ink-2);margin-top:1.1rem;line-height:1.6}.sabout__list{align-content:start;gap:0;margin:0;padding:0;list-style:none;display:grid}.sabout__list li{border-top:1px solid var(--line);padding-block:1.15rem}.sabout__list li:last-child{border-bottom:1px solid var(--line)}.sabout__list h3{letter-spacing:-.015em;font-size:1rem;font-weight:600}.sabout__list p{color:var(--ink-2);margin-top:.3rem;font-size:.9rem;line-height:1.55}.sfoot{border-top:1px solid var(--line);padding-block:clamp(2.5rem,7vh,4rem) 1.75rem}.sfoot__inner{flex-wrap:wrap;justify-content:space-between;gap:clamp(2rem,7vw,5rem);display:flex}.sfoot__mark{letter-spacing:-.025em;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:650;display:inline-flex}.sfoot__tile{letter-spacing:-.04em;color:#fff;background:var(--ink);border-radius:var(--r-sm);place-items:center;width:26px;height:26px;font-size:.72rem;font-weight:700;display:grid}.sfoot__blurb{max-width:30ch;color:var(--ink-3);margin-top:.8rem;font-size:.88rem}.sfoot__nav ul{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.55rem 1.5rem;margin:1rem 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}.sfoot__nav a,.sfoot__nav span{color:var(--ink-2);transition:color .22s var(--ease);align-items:center;gap:.5rem;display:inline-flex}.sfoot__nav a:hover{color:var(--ink)}.sfoot__nav img{object-fit:contain;flex-shrink:0;width:16px;height:16px}.sfoot__base{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:clamp(2.25rem,6vh,3.25rem);padding-top:1.35rem;font-size:.8rem;display:flex}.sfoot__host{font-family:var(--font-mono)}:root{--bg:#eef0f4;--card:#fff;--card-2:#f7f8fa;--line:#dfe3ea;--line-2:#c9cfda;--ink:#10131a;--ink-2:#4d5566;--ink-3:#858da0;--accent:#1e4fa3;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--step-body:clamp(1rem, .96rem + .2vw, 1.0625rem);--step-lead:clamp(1.05rem, .98rem + .4vw, 1.28rem);--step-h2:clamp(1.75rem, 1.35rem + 1.9vw, 2.6rem);--step-h1:clamp(2.4rem, 1.5rem + 3.9vw, 4.5rem);--r-sm:8px;--r-md:14px;--r-lg:20px;--r-pill:999px;--shell:min(1280px, 100% - 2.75rem);--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--sh-1:0 1px 2px #10131a0f, 0 1px 1px #10131a0a;--sh-2:0 4px 12px #10131a12, 0 1px 3px #10131a0d;--sh-3:0 18px 40px -16px #10131a47, 0 2px 8px #10131a0f}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--step-body);letter-spacing:-.011em;line-height:1.6}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;font-weight:600;line-height:1.06}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent);color:#fff}.shell{width:var(--shell);margin-inline:auto}.mono{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.68rem;font-weight:500}