:root{color-scheme:light;--bg:#eeebe4;--bg-sunk:#e5e1d7;--rule:#d7d1c4;--rule-soft:#e0dbcf;--text:#23211d;--text-dim:#56514a;--text-faint:#68635a;--gold:#56514a;--gold-soft:#8b8478;--font-mono:"Cascadia Code",ui-monospace,"SF Mono",Menlo,monospace;--measure:62ch;--gutter:clamp(1.25rem,4vw,3.5rem);--shell-max:1320px;--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-shift:620ms}@media (prefers-reduced-motion:reduce){:root{--dur-shift:1ms}*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:radial-gradient(140% 100% at 50% 45%,var(--bg) 0,color-mix(in srgb,var(--bg) 90%,var(--text) 10%) 100%);position:relative;color:var(--text);font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.shell{position:relative;z-index:1;min-height:100dvh}.backdrop{position:fixed;inset:0;z-index:0;background-position:bottom;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .9s var(--ease-out);pointer-events:none}.backdrop[data-visible=true]{opacity:1}.backdrop--duncan{background:linear-gradient(115deg,#fdfbf6,#faf0e0 26%,#f8e3c8 48%,#fbf1e0 72%,#fdfaf4);background-size:260% 260%;animation:duncan-drift 18s ease-in-out infinite alternate}@keyframes duncan-drift{0%{background-position:0 24%}to{background-position:100% 76%}}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 78%,transparent) 0,color-mix(in srgb,var(--bg) 30%,transparent) 46%,transparent 100%),color-mix(in srgb,var(--bg) 18%,transparent)}.masthead{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem 1rem;padding:var(--gutter) var(--gutter) 0}.masthead__col{display:flex;flex-direction:column;min-width:0}@media (min-width:901px){.shell{display:block}.colophon,.masthead{position:absolute;left:0;right:0;z-index:5;pointer-events:none}.masthead{top:0}.colophon{bottom:0}.colophon a,.masthead a,.masthead button,.masthead img{pointer-events:auto}.stage{min-height:100dvh;padding-top:0;padding-bottom:0}}@media (max-width:900px){.shell{display:flex;flex-direction:column}}.brand{display:flex;align-items:center;gap:.85rem}.brand__mark{flex:none;width:46px;height:46px;border-radius:11px;display:block}.brand__name{margin:0;line-height:0}.brand__wordmark{display:block;height:21px;width:auto}.masthead__intro{transition:opacity var(--dur-shift) var(--ease-out),max-height var(--dur-shift) var(--ease-out),margin var(--dur-shift) var(--ease-out);overflow:hidden;max-width:36ch;max-height:8rem;margin:.75rem 0 0;font-size:.9375rem;color:var(--text-dim)}body[data-project-open=true] .masthead__intro{opacity:0;max-height:0;margin-top:0}.stage{flex:1 1;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vh,2.5rem) var(--gutter)}.colophon{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding:0 var(--gutter) 1.5rem;font-size:.8125rem;color:var(--text-faint)}.colophon__github{margin-left:auto}.sound-toggle{display:inline-flex;flex:none;align-items:center;gap:.45rem;padding:.6rem .75rem;margin:-.6rem -.75rem;border:0;background:none;font:inherit;font-size:.8125rem;color:var(--text-faint);cursor:pointer;transition:color .16s var(--ease-out)}.sound-toggle:focus-visible,.sound-toggle:hover{color:var(--text-dim)}.sound-toggle__dot{width:.45rem;height:.45rem;border-radius:50%;border:1px solid;background:transparent;transition:background-color .16s var(--ease-out),opacity .16s var(--ease-out)}.sound-toggle__dot[data-on=true]{background:currentColor}.sound-toggle__dot[data-on=false]{opacity:.55}.colophon a{-webkit-text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}.colophon a:hover{color:var(--text)}.shelf{position:relative;width:100%;max-width:var(--shell-max);height:clamp(380px,62vh,660px);padding-bottom:2rem}.shelf:before{content:"";position:absolute;left:var(--pile-x,50%);top:83%;width:min(560px,56%);aspect-ratio:6;transform:translate(-50%,-50%);background:radial-gradient(50% 50% at 50% 50%,rgb(52 44 30/.24),transparent 70%);filter:blur(2px);pointer-events:none;transition:opacity var(--dur-shift) var(--ease-out)}.shelf[data-open=true]:before{opacity:0}.shelf__canvas{position:absolute;inset:0;opacity:0;transition:opacity .7s var(--ease-out)}.shelf[data-ready=true] .shelf__canvas{opacity:1}.shelf__fallback{position:absolute;inset:auto 0 50% 0;max-width:44ch;margin:0 auto;text-align:center;color:var(--text-dim)}.shelf__hits{position:absolute;inset:0;pointer-events:none}.shelf__hits[data-open=true]{opacity:0}.shelf__hit{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.75rem;padding:0 clamp(.5rem,2%,1.5rem);border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;pointer-events:auto;border-radius:4px;transition:opacity var(--dur-shift) var(--ease-out)}.shelf__hits[data-open=true] .shelf__hit{pointer-events:none}.shelf__hit:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.spine__name{font-size:clamp(.6875rem,.95vw,.875rem);font-weight:650;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.spine__tagline{flex:1 1;min-width:0;overflow:hidden;font-size:clamp(.6875rem,.9vw,.875rem);font-style:italic;text-align:center;text-overflow:ellipsis;opacity:.72}.spine__tagline,.spine__years{font-family:var(--font-mono);white-space:nowrap}.spine__years{font-size:clamp(.5625rem,.75vw,.75rem);letter-spacing:.06em;opacity:.66}.shelf__viewer{position:absolute;left:0;top:0;opacity:0;pointer-events:none;border-radius:10px;transition:opacity var(--dur-shift) var(--ease-out)}.shelf__viewer:focus-visible{outline:2px solid var(--gold);outline-offset:8px}.shelf[data-open=true] .shelf__canvas{cursor:-webkit-grab;cursor:grab}.shelf[data-open=true] .shelf__canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.detail{position:absolute;right:0;top:clamp(96px,22vh,260px);width:min(46%,520px);max-height:calc(100% - clamp(96px, 22vh, 260px) - 112px);overflow-y:auto;overscroll-behavior:contain;padding-right:14px;opacity:0;visibility:hidden;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;transition:opacity var(--dur-shift) var(--ease-out),visibility 0s linear var(--dur-shift)}.detail[data-open=true]{opacity:1;visibility:visible;transition-delay:.26s,0s}.detail__status{display:inline-flex;align-items:center;gap:.5rem;margin:0;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.detail__dot{width:7px;height:7px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--dot) 20%,transparent)}.detail__title{margin:.75rem 0 0;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:600;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.detail__summary{margin:.6rem 0 0;font-family:var(--font-mono);font-size:.9375rem;line-height:1.55;font-style:italic;color:var(--text-dim)}.detail__rule{width:64px;height:1px;margin:1.5rem 0;border:0;background:var(--gold-soft)}.detail__body{margin-top:1.7rem}.detail__body p{margin:0 0 1rem;max-width:var(--measure);color:var(--text-dim)}.detail__features{margin:1.75rem 0 0;padding:0;list-style:none;display:grid;grid-gap:1rem;gap:1rem}.detail__features h3{margin:0 0 .15rem;font-size:.9375rem;font-weight:600;color:var(--text)}.detail__features p{margin:0;font-size:.9375rem;color:var(--text-faint)}.detail__meta{margin:.25rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1rem 1.5rem;gap:1rem 1.5rem}.detail__meta dt{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.detail__meta dd{margin:.35rem 0 0;font-size:.9375rem;color:var(--text)}.detail__links{margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.75rem}.detail__link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg) 46%,transparent);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 16px rgba(35,33,29,.08);font-size:.875rem;text-decoration:none;transition:background .2s var(--ease-out),border-color .2s,transform .2s var(--ease-out),box-shadow .2s}.detail__link:hover{background:color-mix(in srgb,var(--bg) 64%,transparent);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 20px rgba(35,33,29,.12)}.detail__link:active{transform:translateY(0) scale(.98)}.detail__links .detail__link:first-child{background:color-mix(in srgb,var(--text) 94%,transparent);border-color:transparent;color:var(--bg);box-shadow:0 4px 16px rgba(35,33,29,.18)}.detail__links .detail__link:first-child:hover{background:var(--text);box-shadow:0 6px 22px rgba(35,33,29,.24)}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.detail__link{background:var(--bg-sunk)}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.detail__link,.rail__label{background:var(--bg-sunk);-webkit-backdrop-filter:none;backdrop-filter:none}}.rail{position:fixed;left:clamp(1rem,3vw,2.4rem);top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:.5rem}.rail__back,.rail__item{display:flex;align-items:center;gap:.9rem;padding:0;border:0;background:none;color:var(--text);font:inherit;cursor:pointer;text-align:left}.rail__back{height:26px;margin-bottom:.9rem;color:var(--gold);opacity:0;visibility:hidden;transform:translateX(-8px);transition:opacity var(--dur-shift) var(--ease-out),transform var(--dur-shift) var(--ease-out),visibility 0s linear var(--dur-shift)}.rail__back[data-visible=true]{opacity:1;visibility:visible;transform:none;transition-delay:.14s,.14s,0s}.rail__list{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none}.rail__item{height:22px}.rail__line{display:block;flex:none;width:calc(58px - var(--i) * 5px);height:3px;border-radius:2px;background:color-mix(in srgb,var(--text) 30%,transparent);transition:width .32s var(--ease-out),background .26s var(--ease-out)}.rail__item:focus-visible .rail__line,.rail__item:hover .rail__line{width:68px;background:color-mix(in srgb,var(--text) 62%,transparent)}.rail__item[aria-current=true] .rail__line{width:74px;background:var(--gold)}.rail__caption{list-style:none;margin:.4rem 0 .1rem;font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.rail__caption:first-child{margin-top:0}.rail__line[data-kind=mark]{width:26px}.rail__label{font-family:var(--font-mono);font-size:1.0625rem;letter-spacing:-.005em;white-space:nowrap;opacity:0;transform:translateX(-8px);transition:opacity .26s var(--ease-out),transform .26s var(--ease-out);background:color-mix(in srgb,var(--bg) 62%,transparent);padding:.2rem .65rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}.rail__back .rail__label{color:var(--gold)}.rail__back:focus-visible .rail__label,.rail__back:hover .rail__label,.rail__item:focus-visible .rail__label,.rail__item:hover .rail__label{opacity:1;transform:none}.rail__back:focus-visible,.rail__item:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:3px}.stacklabel{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;text-align:right;pointer-events:none;opacity:0;transition:opacity .32s var(--ease-out)}.stacklabel[data-side=right]{align-items:flex-start;text-align:left}.stacklabel[data-side=below]{align-items:center;text-align:center}@media (max-width:900px){body[data-layout=shelf] .shelf__canvas{height:clamp(300px,44vh,460px)}body[data-layout=shelf] .shelf{min-height:clamp(340px,50vh,520px)}body[data-layout=shelf] .shelf:before{top:76%;width:min(420px,70%)}}.stacklabel[data-visible=true]{opacity:1}.stacklabel__name{font-family:var(--font-mono);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;color:var(--text)}@media (max-width:720px){.stacklabel{display:none}}@media (min-width:1100px){.shelf{--pile-x:64%}}@media (max-width:1080px){.spine__tagline{display:none}}@media (max-width:900px){.rail{position:absolute;left:0;top:0;transform:none}.rail__list{display:none}.rail__back{height:auto;margin:0;padding:.5rem .95rem .5rem .7rem;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4);color:var(--text-dim);font-size:.8125rem}.rail__back .rail__label{opacity:1;transform:none;color:inherit;font-family:inherit;font-size:inherit;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.rail__back svg{width:16px;height:12px}.shelf{height:auto;min-height:clamp(520px,78vh,820px)}.shelf__canvas{position:relative;height:clamp(480px,72vh,720px)}.shelf:before{top:62%}.detail{position:static;width:100%;max-height:none;transform:none;padding-right:0;margin-top:1.25rem;overflow-y:visible;overscroll-behavior:auto}.detail:not([data-open=true]){display:none}.stacklabel{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;text-align:right;pointer-events:none;opacity:0;transition:opacity .32s var(--ease-out)}.stacklabel[data-visible=true]{opacity:1}.stacklabel__name{font-family:var(--font-mono);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;color:var(--text)}}@media (max-width:900px){@media (max-width:720px){.stacklabel{display:none}}}@media (min-width:901px){.stage{min-height:100dvh;padding-top:0}.shelf,.stage{padding-bottom:0}.shelf{height:100dvh}}.backdrop[data-theme=dark]:after{background:linear-gradient(90deg,rgba(6,8,12,.26),rgba(6,8,12,.46) 52%,rgba(6,8,12,.68)),rgba(6,8,12,.18)}body[data-backdrop-theme=dark]{--text:#f2efe7;--text-dim:#ccc6ba;--text-faint:#9d978b;--rule:rgba(242,239,231,0.28);--rule-soft:rgba(242,239,231,0.16);--gold:#d9d3c6;--gold-soft:#b1aa9c;--bg-sunk:rgba(242,239,231,0.1)}body[data-backdrop-theme=dark] .brand__wordmark{filter:brightness(0) invert(.94)}body[data-backdrop-theme=dark] .rail__back{color:var(--text)}@media (max-width:900px){body[data-backdrop-theme=dark] .rail__back{background:rgba(242,239,231,.12);border-color:rgba(242,239,231,.22)}}body[data-backdrop-theme=dark] .rail__item .rail__label{background:rgba(242,239,231,.12);border-color:rgba(242,239,231,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}body[data-backdrop-theme=dark] .rail__back .rail__label{background:none;border:0;box-shadow:none}body[data-backdrop-theme=dark] .detail__link{background:rgba(242,239,231,.1);border-color:rgba(242,239,231,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 4px 16px rgba(0,0,0,.4)}body[data-backdrop-theme=dark] .detail__link:hover{background:rgba(242,239,231,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 20px rgba(0,0,0,.5)}body[data-backdrop-theme=dark] .detail__links .detail__link:first-child{background:rgba(242,239,231,.94);color:#23211d;border-color:transparent}body[data-backdrop-theme=dark] .detail__links .detail__link:first-child:hover{background:#f2efe7}