:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f8f9f6;--ink:#111411;--muted:#5e665d;--line:#d2d8cf;--lime:#c1ff72;--space:clamp(1.25rem,5.2vw,6rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline-offset:6px;outline:3px solid #4c7600}::selection{background:var(--lime);color:var(--ink)}.skip{background:var(--lime);z-index:10;padding:.75rem 1rem;position:absolute;top:-6rem;left:1rem}.skip:focus{top:1rem}.wrap{max-width:1600px;padding-inline:var(--space);margin:auto}header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.8rem;display:flex}.brand{letter-spacing:-.035em;align-items:center;gap:.7rem;font-size:1.25rem;font-weight:750;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:2.05rem;height:2.05rem;color:var(--lime);letter-spacing:-.08em;place-items:center;font-size:1.2rem;font-weight:800;display:grid}nav{gap:clamp(1.2rem,3vw,2.6rem);font-size:.9rem;display:flex}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.eyebrow{letter-spacing:.09em;text-transform:uppercase;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5}.hero{padding-block:clamp(3rem,7vw,7rem) clamp(3rem,6vw,6rem)}.hero-top{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.hero-top:before{content:"";background:var(--ink);width:2rem;height:2px}h1{letter-spacing:-.065em;max-width:13ch;margin:0 0 2.4rem;font-size:clamp(3.3rem,7.5vw,8rem);font-weight:500;line-height:1.04}h1 span{color:var(--muted);display:block}.hero-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:2rem;display:grid}.intro{color:#40493e;max-width:34rem;margin:0;font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.55}.hero-action{justify-self:end}.button{background:var(--ink);color:#fff;border:1px solid var(--ink);align-items:center;gap:2.6rem;padding:1.05rem 1.35rem;font-size:1rem;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.button:hover{background:var(--lime);color:var(--ink)}.button span{font-size:1.25rem;line-height:1}.focus{border-top:1px solid var(--line);margin-bottom:5rem;padding-top:1.4rem}.focus-label{margin:0 0 2.1rem}.focus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.focus-item{grid-template-columns:2.2rem 1fr;gap:1rem;padding-right:1rem;display:grid}.number{color:var(--muted);padding-top:.25rem;font-family:Courier New,monospace;font-size:.875rem}.focus-item h2{letter-spacing:-.025em;margin:0 0 .65rem;font-size:1.35rem;font-weight:500}.focus-item p{color:var(--muted);max-width:28ch;margin:0;font-size:1rem}.about{background:var(--ink);color:var(--paper);margin-inline:calc(-1 * var(--space));padding-inline:var(--space)}.about-inner{grid-template-columns:1fr 1.6fr;gap:3rem;padding-block:clamp(3rem,6.5vw,6rem);display:grid}.about .eyebrow{color:var(--lime);margin:0}.about h2{letter-spacing:-.045em;max-width:15ch;margin:0 0 1.6rem;font-size:clamp(2.4rem,4.1vw,4.5rem);font-weight:400;line-height:1.1}.about p{color:#bfc6bb;max-width:40rem;margin:0;font-size:1.1rem}.about p+p{margin-top:1.1rem}.work-link{color:var(--lime);margin-top:2rem;font-size:1rem;display:inline-block}.work-link:hover{text-decoration-thickness:2px}footer{color:var(--muted);justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.6rem;font-size:.875rem;display:flex}footer p{margin:0}.footer-name{color:var(--ink);letter-spacing:-.025em;font-weight:700}@media (min-width:1600px){h1{font-size:8rem}}@media (max-width:760px){header{padding-block:1.2rem}.brand{font-size:1.1rem}.brand-mark{width:1.8rem;height:1.8rem}nav{gap:1.2rem}.hero{padding-top:3.2rem}.hero-top{margin-bottom:1.6rem}.hero-bottom{grid-template-columns:1fr;gap:1.7rem}.hero-action{justify-self:start}.focus{margin-bottom:3rem}.focus-grid{grid-template-columns:1fr;gap:1.7rem}.focus-item{border-bottom:1px solid var(--line);padding-bottom:1.6rem}.focus-item:last-child{border:0;padding-bottom:0}.focus-item p{max-width:40ch}.focus-label{margin-bottom:1.6rem}.about-inner{grid-template-columns:1fr;gap:2rem}footer{flex-direction:column;align-items:flex-start;gap:.35rem}h1{font-size:clamp(2.9rem,10.8vw,5.5rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
