:root{
  --linen:#F7F5F0;
  --biscuit:#DFD6C2;
  --peppercorn:#2E3338;
  --bronze:#A87B51;
  --bronze-dark:#8F6640;
  --ink-soft:rgba(46,51,56,.74);
  --serif:'Lora', Georgia, serif;
  --sans:'Source Sans 3', 'Segoe UI', sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);font-size:17px;line-height:1.68;
  color:var(--peppercorn);background:var(--linen);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.25}
a{color:inherit}
.site-header{
  position:sticky;top:0;z-index:50;background:rgba(247,245,240,.94);
  backdrop-filter:blur(8px);border-bottom:1px solid rgba(46,51,56,.08);
}
.header-inner{
  max-width:1180px;margin:0 auto;padding:10px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{text-decoration:none}
.brand-name{font-family:var(--serif);font-size:1.45rem;letter-spacing:.01em}
.brand-tag{margin-top:1px}
.brand-tag-service{display:block;font-size:.85rem;letter-spacing:.02em;color:var(--bronze-dark);font-weight:600}
.brand-tag-location{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.nav{display:flex;align-items:center;gap:24px}
.nav a{text-decoration:none;font-size:.96rem;padding:4px 0;white-space:nowrap}
.nav a:hover,.nav a[aria-current="page"]{color:var(--bronze-dark)}
.btn{
  display:inline-block;background:var(--bronze);color:#fff;padding:8px 20px;
  border-radius:6px;text-decoration:none;font-weight:600;letter-spacing:.02em;
}
.btn:hover{background:var(--bronze-dark);color:#fff}
.nav .btn{padding:8px 20px;color:#fff}
.nav .btn:hover{color:#fff}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px 2px}
.nav-toggle span{display:block;width:26px;height:2.5px;background:var(--peppercorn);border-radius:2px;margin:5px 0}
.page-hero{background:linear-gradient(135deg,var(--peppercorn),#464d54);color:#fff;padding:74px 28px 68px}
.page-hero-inner{max-width:900px;margin:0 auto}
.eyebrow{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#e6c39f;font-weight:600;margin-bottom:13px}
.page-hero h1{font-size:clamp(2.15rem,5vw,3.8rem);max-width:900px}
.page-hero p{max-width:720px;margin-top:18px;color:rgba(255,255,255,.8);font-size:1.08rem}
.page-main{padding:56px 28px 76px}
.article{max-width:760px;margin:0 auto}
.article-meta{color:var(--ink-soft);font-size:.94rem;margin-bottom:34px}
.article p{margin:0 0 20px}
.article h2{font-size:1.65rem;margin:45px 0 15px}
.article blockquote{border-left:3px solid var(--bronze);padding:4px 0 4px 22px;margin:26px 0;font-family:var(--serif);font-size:1.12rem;color:var(--ink-soft)}
.article a{color:var(--bronze-dark);text-underline-offset:3px}
.safety-note{margin-top:18px;padding:24px 26px;background:#eee7db;border-radius:8px}
.article-links{margin-top:48px;padding-top:28px;border-top:1px solid rgba(46,51,56,.16)}
.article-links h2{margin-top:0}
.author-box{max-width:760px;margin:54px auto 0;padding:28px 30px;border-left:3px solid var(--bronze);background:#fff;box-shadow:0 12px 34px rgba(46,51,56,.07)}
.author-box h2{font-size:1.3rem;margin-bottom:8px}
.author-box p{color:var(--ink-soft)}
.resources-intro{max-width:850px;margin:0 auto;text-align:center}
.resources-intro h2{font-size:2rem;margin-bottom:12px}
.resources-intro p{color:var(--ink-soft);max-width:680px;margin:0 auto}
.resource-grid{max-width:950px;margin:42px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.resource-card{background:#fff;padding:34px;border-radius:9px;box-shadow:0 14px 38px rgba(46,51,56,.08);border-top:3px solid var(--bronze)}
.resource-card h2{font-size:1.55rem;margin-bottom:12px}
.resource-card p{color:var(--ink-soft);margin-bottom:20px}
.text-link{color:var(--bronze-dark);font-weight:600;text-decoration:none}
.text-link:hover{text-decoration:underline}
.site-footer{background:var(--peppercorn);color:rgba(247,245,240,.88);padding:32px 28px 20px}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap}
.footer-col h4{font-family:var(--serif);font-size:1.2rem;color:#fff;margin-bottom:10px;font-weight:500}
.footer-col p{font-size:.95rem;line-height:1.7}
.footer-col a{color:rgba(247,245,240,.88);text-decoration:none}
.footer-col a:hover{color:#fff;text-decoration:underline}
.footer-right{text-align:right}
.copyright{max-width:1180px;margin:20px auto 0;padding-top:14px;border-top:1px solid rgba(247,245,240,.18);text-align:center;font-size:.88rem;color:rgba(247,245,240,.6)}
@media(max-width:980px){.nav{gap:16px}.nav a{font-size:.9rem}.brand-tag-service{display:none}}
@media(max-width:800px){
  .brand{min-width:0;max-width:calc(100% - 54px)}
  .brand-tag-service{display:none}.brand-tag-location{font-size:.6rem;letter-spacing:.07em}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;align-items:stretch;background:var(--linen);border-bottom:1px solid rgba(46,51,56,.1);padding:10px 28px 22px}
  .nav.open{display:flex}.nav a{padding:12px 0;font-size:.98rem}.nav .btn{margin-top:10px;text-align:center}
  .nav-toggle{display:block}.resource-grid{grid-template-columns:1fr}.footer-right{text-align:left}
  .page-hero{padding:54px 22px 50px}.page-main{padding:42px 22px 60px}.article h2{margin-top:38px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}