:root{--ink:#14231c;--muted:#56655d;--bg:#f7f4ee;--card:#fff;--accent:#1e5b44;--gold:#b8873b;--line:#e3ddd2}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent)}a:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:9}
.wrap{max-width:1040px;margin:0 auto;padding:0 1.25rem}
nav{position:sticky;top:0;background:rgba(247,244,238,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:5}
nav .wrap{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;gap:1rem;flex-wrap:wrap}
nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0;flex-wrap:wrap}nav ul a{text-decoration:none;color:var(--ink);font-weight:500}
.mono{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:.5px}
.hero{padding:4rem 0 3rem;background:linear-gradient(135deg,#1e5b44,#14231c);color:#f7f4ee}
.hero .mono-lg{width:96px;height:96px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;font-size:2rem;font-weight:700;margin-bottom:1.25rem}
.hero h1{font-size:clamp(2.2rem,7vw,3.6rem);margin:0;line-height:1.1;font-family:Georgia,serif}
.hero .role{font-size:1.15rem;color:#e7d3ad;margin:.5rem 0 1rem}.hero p{max-width:60ch}
.btn{display:inline-block;padding:.7rem 1.2rem;border-radius:999px;background:var(--gold);color:#14231c;text-decoration:none;font-weight:600;margin-top:.5rem}
section{padding:3rem 0}h2{font-family:Georgia,serif;font-size:1.8rem;margin:0 0 1.5rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.25rem}
.stat b{display:block;font-size:1.6rem;color:var(--accent)}.stat span{color:var(--muted);font-size:.95rem}
.job{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem}
.job h3{margin:0;font-size:1.15rem}.meta{color:var(--muted);font-size:.92rem;margin:.15rem 0 .6rem}
.job h4{margin:1rem 0 0;font-size:1rem}.job ul{margin:.4rem 0 0;padding-left:1.2rem}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.tags li{background:#e8efe9;color:var(--accent);padding:.4rem .8rem;border-radius:999px;font-size:.92rem}
.two{display:grid;gap:1rem}@media(min-width:720px){.two{grid-template-columns:1fr 1fr}}
footer{padding:2rem 0;color:var(--muted);border-top:1px solid var(--line);font-size:.9rem}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.btn-ghost{background:transparent;color:#f7f4ee;border:1.5px solid #e7d3ad;margin-left:.4rem}
.ctas{display:flex;flex-wrap:wrap;gap:.5rem}.ctas .btn-ghost{margin-left:0}
.hero .photo{width:132px;height:132px;border-radius:50%;object-fit:cover;object-position:center 30%;border:3px solid var(--gold);margin-bottom:1.25rem;display:block}
#posts{background:#efe9dd}
.feed{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.feed iframe{display:block;width:100%;height:800px;border:0;color-scheme:normal}
#posts .wrap{display:block;max-width:1040px}
@media(max-width:480px){.feed iframe{height:900px!important}}
.feed-note{color:var(--muted);font-size:.9rem;margin-top:.75rem}
.nav-photo{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--gold);flex:none}
.nav-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}