:root{--gutter: .625rem;--color-primary: light-dark(#191b1e, #e4e5e7);--color-background: light-dark(#f0f1f2, #0f1113);--color-accent: light-dark(#9a5335, #d08a63);--font-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, "Iowan Old Style", Georgia, serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--ease-out-spring: cubic-bezier(.25, 1, .5, 1);--rule: color-mix(in oklab, var(--color-primary) 14%, transparent);color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:112.5%;overflow-x:hidden}@media(min-width:480px){html{font-size:118.75%}}@media(min-width:960px){html{font-size:125%}}body{min-height:100svh;display:flex;flex-direction:column;padding-inline:calc(var(--gutter) * 2.4);background-color:var(--color-background);color:var(--color-primary);font-family:var(--font-serif);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex-grow:1;display:flex;flex-direction:column}main{flex-grow:1}.col{width:100%;max-width:34rem}@media(min-width:1100px){.col{margin-left:10vw}}@media(min-width:1400px){.col{margin-left:16vw}}@media(prefers-reduced-motion:no-preference){#root{animation:arrive .5s ease-out backwards}}@keyframes arrive{0%{opacity:0}to{opacity:1}}header{padding-block:2.4rem 0}.masthead{position:relative;display:flex;align-items:center;gap:.62rem;padding-bottom:.8rem}.masthead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--rule);transform-origin:left}.mark{display:inline-flex;flex-shrink:0}.mark svg{height:1.05rem;width:auto;color:var(--color-accent);overflow:visible}.ripple{opacity:0;transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:no-preference){.ripple{animation:ripple 5.5s var(--ease-out-spring) infinite}}@keyframes ripple{0%{opacity:.5;transform:scale(1)}55%,to{opacity:0;transform:scale(1.85)}}.theme-toggle{margin-left:auto;flex-shrink:0;padding:.3rem .62rem;border:1px solid var(--rule);border-radius:2px;background:none;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,var(--color-primary) 58%,transparent);cursor:pointer;transition:color .2s var(--ease-out-spring),border-color .2s var(--ease-out-spring)}@media(hover:hover){.theme-toggle:hover{color:var(--color-accent);border-color:color-mix(in oklab,var(--color-accent) 45%,transparent)}}.theme-toggle:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}.wordmark{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.19em;text-transform:uppercase;color:color-mix(in oklab,var(--color-primary) 66%,transparent)}.prose{padding-block:2rem 2.7rem}.lead{font-size:1.62rem;line-height:1.18;letter-spacing:-.014em;text-wrap:balance;margin-bottom:1.9rem}.prose p{margin-bottom:1.15rem;text-wrap:pretty}.cta{display:inline-block;margin-top:.75rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:var(--color-accent)}.cta .arrow{display:inline-block;transition:transform .25s var(--ease-out-spring)}@media(hover:hover){.cta:hover .arrow{transform:translate(.25em)}}a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--color-accent);text-underline-offset:.16em;transition:color .15s var(--ease-out-spring)}@media(hover:hover){a:hover{color:var(--color-accent)}}footer{padding-block:0 2.4rem}.colophon{position:relative;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;padding-top:.8rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.09em;color:color-mix(in oklab,var(--color-primary) 52%,transparent)}.colophon:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--rule);transform-origin:left}.colophon a{text-decoration-color:color-mix(in oklab,var(--color-accent) 55%,transparent)}