@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#211d1a;--muted:#6e6862;--paper:#f7f4ef;--card:#fffdfa;--line:#ddd7cf;--accent:#9a5d35;--max:1180px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}
a{color:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,239,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{max-width:var(--max);margin:auto;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:700;text-decoration:none}.navlinks{display:flex;gap:26px;flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:.92rem}.navlinks a:hover{text-decoration:underline;text-underline-offset:5px}
.container{max-width:var(--max);margin:auto;padding:0 30px}.hero{padding:100px 30px 85px;max-width:1050px}.eyebrow{font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:20px}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;line-height:1.08;letter-spacing:-.025em}h1{font-size:clamp(3.3rem,7.5vw,7rem);margin:0 0 25px}h2{font-size:clamp(2.2rem,4.5vw,4rem);margin:0 0 20px}h3{font-size:1.65rem;margin:0 0 14px}.lead{font-size:1.35rem;color:#504a45;max-width:820px}
.section{padding:65px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-head p{max-width:540px;color:var(--muted)}
.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{display:block;background:var(--card);border:1px solid var(--line);text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s}.project-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(33,29,26,.09)}.thumb{height:265px;background:#e9e3da;overflow:hidden}.thumb.noimg{background:linear-gradient(135deg,#e9e3da,#d8cec2)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-content{padding:28px}.project-content p{font-size:.94rem;color:#5e5751;margin:9px 0}.project-content strong{color:var(--ink)}.meta{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}.read{display:inline-block;margin-top:17px;font-weight:600;font-size:.9rem}
.band{background:var(--ink);color:#fff;padding:65px 0}.band .eyebrow{color:#d9a37d}.band p{color:#ddd5cf;max-width:720px;font-size:1.15rem}.band a{text-decoration:underline;text-underline-offset:5px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.two-col p{color:#504a45}.archive-list{border-top:1px solid var(--line)}.archive-item{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:25px 0;border-bottom:1px solid var(--line);text-decoration:none}.archive-item:hover h3{text-decoration:underline;text-underline-offset:5px}
.prose{max-width:850px;margin:75px auto;padding:0 30px}.prose p{font-size:1.08rem}.prose h2{margin-top:55px}.prose img{max-width:100%;height:auto}
.post-body{max-width:900px;margin:70px auto;padding:0 30px}.post-body img{max-width:100%;height:auto}.post-body iframe{max-width:100%}.back{display:inline-block;margin-bottom:30px;color:var(--muted);text-decoration:none}
footer{border-top:1px solid var(--line);padding:30px;text-align:center;color:var(--muted);font-size:.85rem}
@media(max-width:820px){.nav{flex-direction:column;align-items:flex-start}.hero{padding-top:70px}.projects,.two-col{grid-template-columns:1fr}.section-head{display:block}.archive-item{grid-template-columns:1fr;gap:5px}}

.current-practice{padding-top:20px}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.practice{background:var(--card);padding:30px}.practice-number{font-size:.72rem;letter-spacing:.12em;color:var(--accent);font-weight:700;margin-bottom:30px}.practice h3{font-size:1.4rem}.practice p{color:var(--muted);margin-bottom:0}@media(max-width:820px){.practice-grid{grid-template-columns:1fr}}

.prose figure{margin:34px 0}.prose figure img{display:block}.prose figcaption{margin-top:10px;font-size:.9rem;color:var(--muted);line-height:1.5}