:root{
  --paper:#f3eee5; --paper2:#ebe4d8; --surface:#fbf9f5; --white:#ffffff;
  --ink:#1d2622; --ink2:#4f5a54; --ink3:#7a837d; --line:#dcd3c4; --line2:#e8e1d5;
  --copper:#a4502a; --copper2:#c06a3c; --copper-soft:#f3e3d6;
  --water:#2e6b5e; --water2:#245548; --water-soft:#e2ede8;
  --taken:#d2c9ba;
  --wa:#25a85a; --ig:#c7336a; --fb:#2f6fd6; --gg:#d48a07; --mail:#5b6fb8;
  --serif:"Literata",Georgia,serif; --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scrollbar-color:var(--line) var(--paper)}
::selection{background:var(--copper-soft);color:var(--ink)}
:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:6px}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
svg{display:block}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
button:disabled{cursor:default;opacity:.7}
input,select{font:inherit;color:inherit}
a{color:var(--copper);text-underline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
section{padding:120px 0}
@media (max-width:700px){section{padding:84px 0}}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(2.3rem,4.6vw,3.6rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem);margin-bottom:18px}
h3{font-size:1.25rem;font-weight:600}
p{text-wrap:pretty}
.lead{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--ink2);max-width:62ch}
.muted{color:var(--ink2)}
.small{font-size:.86rem;color:var(--ink2)}
.tnum{font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}
.btn-p{background:var(--ink);color:var(--paper)}
.btn-p:hover{background:#000;transform:translateY(-1px)}
.btn-c{background:var(--copper);color:#fff}
.btn-c:hover{background:#8d4322}
.btn-g{border:1px solid var(--line);color:var(--ink)}
.btn-g:hover{background:var(--paper2)}
.ico{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
