:root{color-scheme:dark;--page: #11100e;--ink: #f1ede4;--muted: #aaa297;--line: rgba(241, 237, 228, .2);--accent: #ff755f;--body: "Hanken Grotesk Variable", sans-serif;--display: "Anybody Variable", sans-serif;--editorial: "Newsreader Variable", serif;--mono: "Fragment Mono", monospace;--ease: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=light]{color-scheme:light;--page: #efe8dc;--ink: #17130f;--muted: #6f665c;--line: rgba(23, 19, 15, .22);--accent: #a72f23}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--page);color:var(--ink);font-family:var(--body)}button,a{font:inherit}a{color:inherit}.skip-link{position:fixed;z-index:10;top:.75rem;left:.75rem;padding:.75rem 1rem;background:var(--ink);color:var(--page);transform:translateY(-180%)}.skip-link:focus{transform:none}.project-page{width:min(100%,112rem);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,5rem);background:color-mix(in srgb,var(--page) 84%,transparent)}.project-page__mast{min-height:5.25rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.project-page__back,.project-page__theme,.project-page__repo{min-height:44px;display:inline-flex;align-items:center;border:0;background:transparent;color:var(--ink);font-size:.78rem;font-weight:700;text-decoration:none}.project-page__theme{justify-self:end;cursor:pointer}.project-page__site-nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.5rem)}.project-page__site-nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted);font-size:.74rem;text-decoration:none}.project-page__site-nav a:hover,.project-page__site-nav a:focus-visible{color:var(--ink)}.project-page__hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.6fr);grid-template-areas:"label number" "title title" "lede repo";gap:clamp(1rem,3vw,3rem);padding-block:clamp(4.5rem,10vw,10rem) clamp(4rem,8vw,8rem);border-bottom:1px solid var(--line)}.project-page__label{grid-area:label;margin:0;color:var(--accent);font:.72rem var(--mono)}.project-page__number{grid-area:number;justify-self:end;margin:0;color:var(--muted);font:.72rem var(--mono)}.project-page h1{grid-area:title;max-width:10ch;margin:0;font-family:var(--editorial);font-size:clamp(4.5rem,13vw,13rem);font-weight:620;line-height:.76;letter-spacing:-.065em}.project-page__lede{grid-area:lede;max-width:57ch;margin:0;color:var(--muted);font-size:clamp(1.05rem,1.55vw,1.45rem);line-height:1.55}.project-page__repo{grid-area:repo;width:max-content;align-self:start;justify-self:end;border-bottom:2px solid currentColor}.project-page__repo:hover,.project-page__repo:focus-visible,.project-page__back:hover,.project-page__back:focus-visible,.project-page__theme:hover,.project-page__theme:focus-visible{color:var(--accent)}.project-page__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.8fr);gap:clamp(3rem,8vw,9rem);padding-block:clamp(4rem,8vw,8rem);border-bottom:1px solid var(--line)}.project-page__section-label{margin:0 0 1.5rem;color:var(--accent);font:.68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.project-page__overview>p:not(.project-page__section-label){max-width:65ch;margin:0 0 1.3rem;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.65}.project-page__capabilities ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.project-page__capabilities li{display:grid;grid-template-columns:2rem 1fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}.project-page__capabilities li span{color:var(--muted);font:.62rem var(--mono)}.project-page__capabilities li p{margin:0;line-height:1.5}.project-page__state{display:grid;grid-template-columns:minmax(16rem,.75fr) minmax(18rem,1fr);gap:clamp(1.5rem,7vw,9rem);align-items:start;padding-block:clamp(4rem,7vw,7rem);border-bottom:1px solid var(--line)}.project-page__state h2{margin:0;font-family:var(--editorial);font-size:clamp(2.5rem,4.5vw,5rem);font-weight:620;line-height:.92;letter-spacing:-.04em}.project-page__state>p:last-child{max-width:56ch;margin:.15rem 0 0;color:var(--muted);font-size:1.02rem;line-height:1.65}.project-page__pager{display:grid;grid-template-columns:1fr 1fr;padding-block:clamp(2rem,5vw,5rem)}.project-page__pager a{min-height:7rem;display:grid;align-content:center;gap:.35rem;text-decoration:none;border-right:1px solid var(--line)}.project-page__pager a:last-child{padding-left:clamp(1.5rem,5vw,5rem);border-right:0;text-align:right}.project-page__pager span{color:var(--muted);font:.62rem var(--mono)}.project-page__pager strong{font-family:var(--editorial);font-size:clamp(1.5rem,3vw,3rem);font-weight:620}.project-page__pager a:hover strong,.project-page__pager a:focus-visible strong{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:760px){.project-page__mast{grid-template-columns:1fr auto;padding-top:.35rem}.project-page__site-nav{grid-column:1 / -1;grid-row:2;justify-content:space-between;width:100%}.project-page__hero{grid-template-columns:1fr;grid-template-areas:"label" "number" "title" "lede" "repo"}.project-page__number,.project-page__repo{justify-self:start}.project-page__body,.project-page__state,.project-page__pager{grid-template-columns:1fr}.project-page__pager a{border-right:0;border-bottom:1px solid var(--line)}.project-page__pager a:last-child{padding-left:0;border-bottom:0;text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}