:root{--paper:#f3f0e8;--ink:#15171b;--ink-2:#4a4d55;--ink-3:#7b7e86;--rule:#d8d3c6;--signal:#e8461f;
  --serif:"Instrument Serif",Georgia,serif;--sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,Menlo,monospace;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--paper:#121316;--ink:#ecebe6;--ink-2:#b4b3ad;--ink-3:#85858a;--rule:#2c2e33;--signal:#ff6a45}}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;
  display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100dvh;padding:0 clamp(16px,5vw,64px)}
header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:24px}
.mark{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:18px}
.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);position:relative}
.dot::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--signal)}
a{color:inherit}
.mail{font:400 14px var(--mono);color:var(--ink-2);text-decoration:none}
.mail:hover{color:var(--signal)}
main{align-self:center;max-width:860px;padding-block:48px}
.label{font:400 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin:0 0 20px}
h1{font:400 clamp(44px,7vw,92px)/1 var(--serif);letter-spacing:-.02em;margin:0;text-wrap:balance}
h1 em{font-style:italic;color:var(--ink);white-space:nowrap}
h1 em::after{content:"";display:block;width:1em;height:4px;background:var(--signal);margin-top:.25em}
.lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--ink-2);max-width:56ch;margin:32px 0 0}
.lede.note{margin:14px 0 32px;color:var(--ink)}
.cta{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-weight:500;border:1.5px solid var(--ink);border-radius:999px;padding:12px 22px;transition:background .2s,color .2s}
.cta:hover{background:var(--ink);color:var(--paper)}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
footer{color:var(--ink-3);font-size:13px;border-top:1px solid var(--rule)}
@media (max-width:480px){.mail{font-size:12px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}