: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:0;margin:0;overflow-x:clip;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%,90rem);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,4rem);background:color-mix(in srgb,var(--page) 82%,transparent)}.project-page__mast{position:static;min-height:4.9rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.project-page__back,.project-page__theme{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__utilities{justify-self:end;display:flex;align-items:center;gap:.25rem;color:var(--muted)}.project-page__sound:hover,.project-page__sound:focus-visible{color:var(--accent)}.project-page__site-nav{display:flex;align-items:center;gap:clamp(.6rem,1.25vw,1.35rem)}.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,.project-page__site-nav a[aria-current=page]{color:var(--ink)}.project-page__breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:.6rem;color:var(--muted);font:.68rem var(--mono)}.project-page__breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}.project-page__overview-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:clamp(2rem,4vw,4rem);align-items:center;padding-block:1rem 1.6rem}.project-page__copy{min-width:0}.project-page__hero{display:grid;gap:.65rem}.project-page__label{margin:0;color:var(--accent);font:.66rem/1.6 var(--mono)}.project-page h1{margin:0;font:620 clamp(2.3rem,3.5vw,3.5rem)/1.05 var(--editorial);letter-spacing:-.045em}.project-page__lede{margin:0;max-width:54ch;font:500 1.05rem/1.5 var(--body)}.project-page__overview{margin-top:.9rem;color:var(--muted);font-size:.8rem;line-height:1.6}.project-page__overview p{margin:.5rem 0}.project-page__capabilities{display:grid;gap:.45rem;margin:1rem 0;padding:0;list-style:none;font-size:.8rem;line-height:1.5}.project-page__capabilities li{position:relative;padding-left:1rem}.project-page__capabilities li:before{content:"+";position:absolute;left:0;color:var(--accent);font-family:var(--mono)}.project-page__state{margin:1rem 0 .5rem;padding-top:.8rem;border-top:1px solid var(--line);color:var(--muted);font:.72rem/1.6 var(--body)}.project-page__state>span{margin-right:.65rem;color:var(--accent);font:.6rem var(--mono)}.project-page__links{display:flex;flex-wrap:wrap;gap:.25rem 1.3rem}.project-page__links a{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;text-decoration:none;font:650 .73rem/1.4 var(--body)}.project-page__links a span,.project-page__links a:hover,.project-page__breadcrumb a:hover{color:var(--accent)}.project-page__gallery{min-width:0;align-self:center}.project-page__media{margin:0}.project-page__media[hidden]{display:none}.project-page__media picture{display:grid;place-items:center;height:clamp(18rem,43svh,28rem);padding:.5rem;background:color-mix(in srgb,var(--ink) 2%,transparent);border-radius:3px}.project-page__media img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.project-page__media figcaption{margin:.7rem 0 0;min-height:2.4em;color:var(--muted);font:.64rem/1.5 var(--mono)}.project-page__thumbnails{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.project-page__thumbnails button{position:relative;width:5.5rem;height:3.6rem;min-height:44px;padding:.2rem;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}.project-page__thumbnails button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.project-page__thumbnails img{display:block;width:100%;height:100%;object-fit:contain}.project-page__thumbnails span{position:absolute;right:2px;bottom:2px;background:var(--page);padding:0 .2rem;font:.5rem var(--mono)}.project-page__locked{display:grid;justify-items:center;align-content:center;min-height:20rem;padding:2rem;text-align:center;background:color-mix(in srgb,var(--ink) 2%,transparent)}.project-page__locked svg{width:3rem;fill:none;stroke:var(--muted);stroke-width:1.5}.project-page__locked h2{margin:1rem 0 .4rem;font:500 1.6rem var(--editorial)}.project-page__locked p{max-width:38ch;margin:0;color:var(--muted);font-size:.8rem}.project-page__pager{display:flex;justify-content:space-between;gap:1rem;padding-block:.65rem 1rem;border-top:1px solid var(--line)}.project-page__pager a{display:grid;align-content:center;min-height:52px;gap:.25rem;text-decoration:none}.project-page__pager a:last-child{text-align:right}.project-page__pager span{color:var(--muted);font:.58rem var(--mono)}.project-page__pager strong{font:500 1.2rem/1.2 var(--editorial)}.project-page__pager a:hover strong{color:var(--accent)}body[data-project-id] .project-page{height:auto;max-height:none;overflow:visible}:where(a[href],button):focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:760px){.project-page__overview-grid{grid-template-columns:1fr;gap:1.5rem;padding-block:.8rem 1.5rem}.project-page__media picture{height:min(70vw,25rem)}.project-page__gallery[data-gallery-shape=square] picture{height:min(90vw,25rem)}.project-page__gallery[data-gallery-shape=portrait] picture{height:26rem}.project-page__overview,.project-page__capabilities{font-size:.9rem}.project-page__state{font-size:.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-page *{animation:none!important;transition:none!important}}