@font-face{font-family:Jost;src:url(/fonts/jost-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:Jost;src:url(/fonts/jost-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url(/fonts/jost-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--cream:#fffef9;--ink:#2f2b26;--muted:#63605b;--line:#e1e1e1}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:300 17px/1.65 Jost,"Futura","Century Gothic",Helvetica,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}a{color:inherit}
h1,h2,h3{font-weight:400;line-height:1.2;margin:.2em 0 .5em}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.narrow{max-width:760px}.center{text-align:center}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--line);background:#fff}
.top .name{text-decoration:none;font-size:20px;letter-spacing:.02em}
.top nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.top nav a{text-decoration:none}
.btn{display:inline-block;background:var(--ink);color:#fff!important;text-decoration:none;padding:12px 26px;border-radius:2px;letter-spacing:.06em;text-transform:uppercase;font-size:14px;font-weight:400}
.btn:hover{background:#000}.btn.small{padding:8px 14px;font-size:12px}.btn.big{padding:16px 40px;font-size:16px}
.btn.light{background:var(--cream);color:var(--ink)!important}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;align-items:center;max-width:1200px;margin:0 auto;padding:40px 24px 64px}
.hero-img img{filter:grayscale(100%);width:100%;aspect-ratio:3/4;object-fit:cover}
.hero-text{text-align:center}.hero-text h1{font-size:clamp(44px,7vw,80px);font-weight:400;letter-spacing:-.01em}
.hero-text p{max-width:520px;margin:0 auto 1.2em}
.social{list-style:none;display:flex;justify-content:center;gap:16px;padding:0;margin:20px 0}
.social img{width:28px;height:28px}
.dark{background:var(--ink);color:#fff;padding:64px 0}.dark h2{text-transform:uppercase;letter-spacing:.05em;font-size:24px}
.dark h3{font-style:italic;font-size:18px}
.features{padding:72px 0}.features h2{text-align:center;font-size:32px;margin-bottom:32px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:40px}
.grid article{background:#fff;border:1px solid var(--line);padding:28px}
.contact{background:#fff;border-top:1px solid var(--line);padding:64px 0}.round{width:160px;height:160px;border-radius:50%;object-fit:cover;margin:0 auto 16px}
.foot{background:var(--ink);color:#fff;padding:48px 0;text-align:center;font-size:15px}.foot .fname{font-size:20px}
.foot .social img{filter:none;background:#fff;border-radius:6px;padding:3px;width:34px;height:34px}
.legal a{color:#fff}.love{opacity:.7;font-size:13px}
.post,.doc{padding:48px 24px}.post h1,.doc h1{font-size:clamp(30px,5vw,44px)}.post img{margin:24px 0}
.doc h2{font-size:21px;margin-top:1.6em}.meta{color:var(--muted);font-size:14px}
main>.wrap>h1{margin-top:48px}
.card{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-decoration:none;background:#fff;border:1px solid var(--line);margin:24px 0 64px}
.card div{padding:20px 20px 20px 0}.card h2{font-size:24px}
@media (max-width:820px){.hero{grid-template-columns:1fr;gap:24px;padding-top:20px}.hero-img{max-width:420px;margin:0 auto}
.grid{grid-template-columns:1fr}.card{grid-template-columns:1fr}.card div{padding:0 20px 20px}body{font-size:16px}}