:root{color-scheme:light;--ink:#182c28;--paper:#f8f6ef;--sage:#e4ebe0;--accent:#31564a;--line:#ccd5c8;font-family:system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}a:hover{text-decoration-thickness:.15em}:focus-visible{outline:3px solid #936328;outline-offset:4px}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:500;line-height:1.06}h1{font-size:clamp(3rem,8vw,6.7rem);max-width:12ch}h2{font-size:clamp(2rem,4.5vw,3.6rem)}h3{font-size:1.02rem}p,li{line-height:1.65}.wrap{max-width:76rem;margin:auto;padding-inline:clamp(1rem,4vw,3rem)}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:.5rem;background:white;z-index:2;padding:.6rem}header,footer{border-block-end:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1.3rem;flex-wrap:wrap;padding-block:.9rem}.brand{font-weight:850;letter-spacing:.09em;text-decoration:none}nav{display:flex;gap:.3rem 1.2rem;flex-wrap:wrap}nav a{padding-block:.35rem;text-underline-offset:.25em}.hero{padding-block:clamp(2rem,7vw,6rem);display:grid;align-items:center;gap:2rem}.hero img{border-radius:.75rem;aspect-ratio:4/3;object-fit:cover}.intro{font-size:clamp(1rem,2vw,1.2rem);max-width:34rem}.stack{display:grid;gap:1.1rem}.tag{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:800}.button{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 1rem;border-radius:.3rem;background:var(--accent);color:white;text-decoration:none;width:max-content;max-width:100%}.band{background:var(--sage)}section,.article{padding-block:clamp(2.4rem,6vw,5rem)}.split{display:grid;gap:2rem;align-items:start}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.2rem;list-style:none;padding:0;margin:1rem 0 0}.card{overflow:hidden;border:1px solid var(--line);border-radius:.5rem;background:#fff}.card img{aspect-ratio:4/5;object-fit:contain;background:#eeeee8}.card h3{padding:.75rem .9rem}.card a{display:block}.article{max-width:52rem}.article img{max-width:26rem;border-radius:.5rem}.footer{padding-block:1.35rem;border-block-start:1px solid var(--line);display:flex;gap:.7rem 1.5rem;flex-wrap:wrap}.links{display:flex;gap:.5rem 1.2rem;flex-wrap:wrap}.muted{color:#43564e}@media(min-width:54rem){.hero,.split{grid-template-columns:1fr 1fr}}