@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Sans+Condensed:wght@500;600&display=swap";:root{--ground: #12151a;--panel: #1a1e24;--line: #2b2f37;--ink: #e9e7e1;--faint: #8a8d88;--core: #f2b84b;--core-hot: #ffe9c2;--sans: "IBM Plex Sans", system-ui, sans-serif;--cond: "IBM Plex Sans Condensed", "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--measure: 62ch;--edge: clamp(1.25rem, 5vw, 5rem);--rule: 1px solid var(--line)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit}::selection{background:#f2b84b38;color:var(--ink)}:focus-visible{outline:2px solid var(--core);outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--core);color:#1a1204;padding:.5rem .9rem;font:500 .85rem/1 var(--mono);z-index:100}.skip-link:focus{left:.5rem;top:.5rem}.sheet{position:relative;min-height:100vh;isolation:isolate}.sheet:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:46px 46px;opacity:.28;-webkit-mask-image:radial-gradient(ellipse 120% 90% at 50% 25%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse 120% 90% at 50% 25%,#000 30%,transparent 78%)}.site-header{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding:1.4rem var(--edge);border-bottom:var(--rule)}.site-header__mark{font:600 1.05rem/1 var(--mono);letter-spacing:.02em;text-decoration:none}.site-header__cursor{color:var(--faint)}.site-header__nav{display:flex;gap:clamp(1rem,3vw,2.25rem);font:500 .82rem/1 var(--mono)}.site-header__nav a{text-decoration:none;color:var(--faint);padding-bottom:2px;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.site-header__nav a:hover{color:var(--ink);border-color:var(--core)}.hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(2.5rem,6vw,4.5rem) var(--edge) clamp(3rem,7vw,5rem);border-bottom:var(--rule)}.hero__tagline{margin:0 0 1.4rem;font:500 .85rem/1.4 var(--mono);color:var(--faint);letter-spacing:.02em}.hero__mark{margin:0;font-family:var(--cond);font-weight:600;font-size:clamp(3.6rem,11vw,7.5rem);line-height:.92;letter-spacing:.01em;padding-bottom:1.5rem;border-bottom:var(--rule)}.hero__lead{margin:1.7rem 0 0;max-width:34ch;color:var(--ink);font-size:1.02rem}.hero__cta{display:inline-block;margin-top:2rem;font:500 .9rem/1 var(--mono);text-decoration:none;color:var(--ink);padding:.75rem 0;border-bottom:1px solid var(--faint);transition:border-color .15s,letter-spacing .2s}.hero__cta:before{content:"> ";color:var(--core)}.hero__cta:hover{border-color:var(--core);letter-spacing:.03em}.hero__figure{position:relative;margin:0;min-width:0}.hero__drawing{position:relative}.db{display:block;width:100%;height:auto;transform-origin:42% 45%}.title-block{position:absolute;right:0;bottom:.5rem;width:min(17.5rem,80%);background:color-mix(in srgb,var(--panel) 94%,transparent);border:var(--rule);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.title-block__id{display:block;padding:.38rem .7rem;border-bottom:var(--rule);font:500 .66rem/1 var(--mono);letter-spacing:.16em;color:var(--core)}.title-block dl{margin:0;display:grid;grid-template-columns:auto 1fr}.title-block dl>div{display:contents}.title-block dt,.title-block dd{margin:0;padding:.32rem .7rem;font:400 .68rem/1.35 var(--mono);border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.title-block dl>div:first-child dt,.title-block dl>div:first-child dd{border-top:0}.title-block dt{color:var(--faint);letter-spacing:.08em}.title-block dd{color:var(--ink)}.db-note{font:400 16px/1 var(--mono);letter-spacing:.06em;fill:var(--faint);stroke:none}.db-frame{opacity:0;animation:db-fade .6s ease .15s forwards}.db-shell{opacity:0;transform-box:fill-box;transform-origin:center;animation:db-assemble .9s cubic-bezier(.2,.7,.3,1) .35s forwards}.db-rib{opacity:0;animation:db-fade .6s ease .7s forwards}.db-core{opacity:0;animation:db-fade 1s ease .9s forwards}.db-tug{opacity:0;animation:db-fade .5s ease 1s forwards}.db-draw{stroke-dasharray:1400;stroke-dashoffset:1400;animation:db-line .9s ease .55s forwards}.db-note{opacity:0;animation:db-fade .5s ease 1.15s forwards}.db{animation:db-drift 24s ease-in-out 2.5s infinite alternate}@keyframes db-fade{to{opacity:1}}@keyframes db-assemble{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes db-line{to{stroke-dashoffset:0}}@keyframes db-drift{to{transform:scale(1.02)}}.whoami{padding:clamp(2.75rem,6vw,4.25rem) var(--edge);border-bottom:var(--rule)}.whoami__pane{max-width:38rem;border:var(--rule);background:var(--panel)}.whoami__bar{display:flex;gap:.4rem;padding:.6rem .8rem;border-bottom:var(--rule)}.whoami__bar span{width:.55rem;height:.55rem;border:1px solid var(--faint);border-radius:50%}.whoami__body{margin:0;padding:1.1rem 1.1rem 1.4rem;font:400 .86rem/1.75 var(--mono);white-space:pre-wrap;word-break:break-word;min-height:6.5rem}.whoami__line--in{color:var(--ink)}.whoami__line--out{color:var(--faint);padding-left:0}.whoami__prompt{color:var(--core)}.whoami__caret{animation:caret 1s step-end infinite;color:var(--ink)}@keyframes caret{50%{opacity:0}}.section-heading{margin:0 0 2.2rem;font-family:var(--cond);font-weight:600;font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:.01em}.collection{padding:clamp(2.75rem,6vw,4.25rem) var(--edge);border-bottom:var(--rule)}.collection__plates{display:grid;grid-template-columns:1fr 1fr;max-width:70rem;border:var(--rule)}.plate{display:flex;flex-direction:column;gap:.55rem;min-height:15rem;padding:clamp(1.6rem,2.6vw,2.4rem);text-decoration:none;transition:background .15s}.plate+.plate{border-left:var(--rule)}.plate:hover{background:var(--panel)}.plate__name{font-family:var(--cond);font-weight:600;font-size:1.35rem}.plate__domain{font:400 .8rem/1 var(--mono);color:var(--core)}.plate:hover .plate__domain{text-decoration:underline;text-underline-offset:3px}.plate__blurb{margin:.3rem 0 .4rem;color:var(--faint);font-size:.95rem;flex:1}.plate__tags{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font:400 .74rem/1 var(--mono);color:var(--faint)}.plate__tags span:before{content:"#";opacity:.5}.approach{padding:clamp(2.75rem,6vw,4.25rem) var(--edge);border-bottom:var(--rule)}.approach__body{margin:0;max-width:var(--measure);font-size:1.08rem;line-height:1.7}.approach__body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--core);text-underline-offset:3px}.site-footer{padding:2.2rem var(--edge) 3rem}.site-footer__row{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;font:400 .8rem/1 var(--mono);color:var(--faint)}.site-footer__row a{color:var(--faint);text-underline-offset:3px}.site-footer__row a:hover{color:var(--ink)}.site-footer__exit{margin-top:1.4rem;font:400 .8rem/1 var(--mono);color:color-mix(in srgb,var(--faint) 55%,transparent)}@media(max-width:860px){.hero{grid-template-columns:1fr;gap:2rem}.hero__figure{order:-1}.title-block{position:static;width:100%;margin-top:.25rem}.collection__plates{grid-template-columns:1fr}.plate{min-height:0}.plate+.plate{border-left:0;border-top:var(--rule)}}@media(max-width:600px){.site-header{padding:1.1rem var(--edge);gap:.9rem}.site-header__mark{font-size:.95rem}.site-header__nav{gap:.9rem;font-size:.75rem}.db-dims{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.db-frame,.db-shell,.db-rib,.db-core,.db-tug,.db-draw,.db-note{opacity:1;transform:none;stroke-dashoffset:0;animation:none}.db,.whoami__caret{animation:none}}