body{margin:0;background:#f4f5f8;color:#15171c;font-family:'Instrument Serif',Georgia,serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:#c2532f;text-underline-offset:3px}*{box-sizing:border-box}button{font:inherit}[hidden]{display:none!important}
.hero{min-height:820px;padding:44px clamp(20px,4vw,56px) clamp(260px,30.6vw,440px)}
.hero-eyebrow{max-width:calc(100% - 290px)}
.hero-copy{margin-top:120px}
.hero-chart{position:absolute;left:0;bottom:0;width:100%;height:clamp(260px,30.6vw,440px)}
.hero-cap{position:absolute;top:44px;right:clamp(20px,4vw,56px);width:250px;font:12px/1.6 'Fira Code',monospace;color:#5b606b}
@media(max-width:760px){.hero{min-height:0;padding-bottom:48px}.hero-eyebrow{max-width:none}.hero-copy{margin-top:56px}.hero-chart{position:static;width:calc(100% + 2 * clamp(20px,4vw,56px));height:clamp(220px,58vw,300px);margin:64px calc(-1 * clamp(20px,4vw,56px)) 0}.hero-cap{position:static;width:auto;margin:20px 0 0}}
@keyframes dash{to{stroke-dashoffset:0}}@keyframes pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes show{to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}
.site-nav{position:sticky;top:0;z-index:10;background:rgba(244,245,248,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(21,23,28,.12)}
.site-nav-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:20px clamp(20px,4vw,56px)}
.site-nav .wordmark{font-size:22px;font-style:italic}
.site-nav nav{display:flex;flex-wrap:wrap;gap:36px;font:12px 'Fira Code',monospace;letter-spacing:.1em;text-transform:uppercase}
.site-nav nav .contact{color:#a8422a}
.cta:hover{color:#15171c;border-color:#15171c;text-decoration:none}
.chip{padding:8px 14px;border:1px solid rgba(21,23,28,.35);border-radius:999px;font:12px 'Fira Code',monospace;cursor:pointer;background:transparent;color:#15171c}
.chip:hover{border-color:#15171c}
.chip[aria-pressed="true"]{background:#15171c;color:#f4f5f8}
.work-row{border-top:1px solid rgba(21,23,28,.25);padding:14px 0;display:flex;flex-wrap:wrap;gap:6px 28px;align-items:baseline}
.work-years{flex:0 0 110px;font:12px 'Fira Code',monospace;color:#5b606b}
.work-name{flex:1 1 200px;max-width:280px;font-size:22px;line-height:1.2}
.work-line{flex:1 1 320px;display:flex;flex-direction:column;gap:6px}
.work-line > span{font-size:16px;line-height:1.4;color:#3a3e48}
.work-links{display:flex;flex-wrap:wrap;gap:4px 18px;font:11px/1.6 'Fira Code',monospace}
.work-links a{color:#a8422a;white-space:nowrap}
.work-tags{flex:0 1 200px;font:11px/1.6 'Fira Code',monospace;color:#5b606b;text-align:right;margin-left:auto;text-wrap:balance}
.site-footer-inner{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,56px) 64px}
.site-footer-block{margin-top:96px;border-top:1px solid rgba(21,23,28,.18);padding-top:20px;font:12px/1.7 'Fira Code',monospace;color:#5b606b}
.site-footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px 40px}
.site-footer-place{max-width:600px}
.site-footer-social{display:flex;align-items:center;gap:20px;color:#3a3e48}
.site-footer .social{display:inline-flex}
.site-footer .social:hover{color:#c2532f;text-decoration:none}
.site-footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 40px;margin-top:24px}