*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --slate:#2E4A6B;--slate-mid:#3D5E84;--slate-light:#EEF2F7;
  --offwhite:#FAF8F4;--offwhite-dark:#F0ECE4;
  --terra:#C4622D;--terra-light:#D97848;--terra-pale:#F5E6DC;
  --ink:#1C1C1E;--ink-mid:#3A3A3C;--ink-soft:#6E6E73;
  --border:#E0DAD0;--border-lt:#E8E4DC;
}
html{scroll-behavior:smooth;}
body{font-family:'Jost',sans-serif;background:var(--offwhite);color:var(--ink);line-height:1.6;font-size:16px;}

/* NAV */
nav{background:#fff;border-bottom:1px solid var(--border-lt);padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:100;}
.logo{font-family:'DM Serif Display',serif;font-size:18px;color:var(--slate);cursor:pointer;text-decoration:none;font-style:italic;}
.nav-links{display:flex;gap:4px;align-items:center;}
.nav-links a{font-size:13px;color:var(--ink-soft);text-decoration:none;padding:6px 12px;border-radius:6px;transition:all .15s;}
.nav-links a:hover{color:var(--ink);background:var(--offwhite-dark);}
.nav-links a.active{color:var(--ink);font-weight:500;}
.nav-cta{background:var(--terra)!important;color:#fff!important;padding:8px 20px!important;border-radius:24px!important;font-weight:500!important;}
.nav-cta:hover{background:var(--terra-light)!important;}
.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--ink);}

/* HERO */
.hero{background:var(--slate);padding:100px 48px;min-height:88vh;display:flex;flex-direction:column;justify-content:center;}
.hero-short{min-height:50vh;padding:80px 48px;}
.hero-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);margin-bottom:24px;font-weight:500;}
.hero h1{font-family:'DM Serif Display',serif;font-size:56px;color:#fff;line-height:1.1;margin-bottom:24px;max-width:680px;}
.hero h1 em{font-style:italic;color:rgba(255,255,255,.5);}
.hero p{font-size:17px;color:rgba(255,255,255,.65);line-height:1.8;max-width:480px;margin-bottom:40px;font-weight:300;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;}

/* BUTTONS */
.btn-terra{background:var(--terra);color:#fff;font-family:'Jost',sans-serif;font-size:14px;font-weight:500;padding:13px 30px;border-radius:30px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s;}
.btn-terra:hover{background:var(--terra-light);}
.btn-ghost{background:transparent;color:rgba(255,255,255,.8);font-family:'Jost',sans-serif;font-size:14px;padding:13px 30px;border-radius:30px;border:1.5px solid rgba(255,255,255,.3);cursor:pointer;text-decoration:none;display:inline-block;transition:all .15s;}
.btn-ghost:hover{border-color:rgba(255,255,255,.7);color:#fff;}
.btn-outline{background:transparent;color:var(--terra);font-family:'Jost',sans-serif;font-size:14px;font-weight:500;padding:12px 28px;border-radius:30px;border:1.5px solid var(--terra);cursor:pointer;text-decoration:none;display:inline-block;transition:all .15s;}
.btn-outline:hover{background:var(--terra-pale);}
.btn-slate{background:var(--slate);color:#fff;font-family:'Jost',sans-serif;font-size:14px;font-weight:500;padding:13px 30px;border-radius:30px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s;}
.btn-slate:hover{background:var(--slate-mid);}

/* SECTIONS */
.sec{padding:80px 48px;}
.sec-light{background:var(--slate-light);}
.sec-offwhite{background:var(--offwhite-dark);}
.sec-slate{background:var(--slate);}
.sec-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--terra);margin-bottom:12px;font-weight:500;}
.sec-label-lt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:12px;}
.sec-h{font-family:'DM Serif Display',serif;font-size:42px;color:var(--ink);margin-bottom:16px;line-height:1.15;}
.sec-h em{font-style:italic;color:var(--slate-mid);}
.sec-h-lt{font-family:'DM Serif Display',serif;font-size:42px;color:#fff;margin-bottom:16px;line-height:1.15;}
.sec-h-lt em{font-style:italic;color:rgba(255,255,255,.45);}
.sec-p{font-size:15px;color:var(--ink-soft);line-height:1.85;max-width:540px;margin-bottom:36px;font-weight:300;}
.sec-p-lt{font-size:15px;color:rgba(255,255,255,.6);line-height:1.85;margin-bottom:36px;font-weight:300;}
.sec-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;}
.see-all{font-size:13px;color:var(--terra);cursor:pointer;font-weight:500;text-decoration:none;}

/* GRIDS */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}

/* CARDS */
.card{border-radius:16px;padding:28px;}
.card-slate{background:var(--slate);}
.card-terra{background:var(--terra-pale);border:1px solid #E8C8B8;}
.card-blue{background:var(--slate-light);border:1px solid #D0DCEC;}
.card-white{background:#fff;border:1px solid var(--border);}
.tag{display:inline-block;font-size:11px;font-weight:500;padding:4px 12px;border-radius:10px;margin-bottom:14px;}
.tag-blue{background:rgba(255,255,255,.15);color:rgba(255,255,255,.9);}
.tag-terra{background:#EAC8B4;color:#7A3318;}
.tag-slate{background:#D0DCEC;color:#1E3A5A;}
.ctitle{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:8px;line-height:1.4;}
.ctitle-lt{font-size:15px;font-weight:500;color:#fff;margin-bottom:8px;line-height:1.4;}
.csub{font-size:13px;color:var(--ink-soft);line-height:1.6;font-weight:300;}
.csub-lt{font-size:13px;color:rgba(255,255,255,.55);line-height:1.6;font-weight:300;}
.cicon{font-size:26px;margin-bottom:16px;display:block;}

/* RESOURCE LIST */
.res-item{display:flex;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--border);}
.res-item:last-child{border-bottom:none;}
.res-ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.res-title{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:4px;}
.res-title a{color:var(--ink);text-decoration:none;}
.res-title a:hover{color:var(--terra);}
.res-meta{font-size:13px;color:var(--ink-soft);font-weight:300;}

/* ABOUT */
.about-layout{display:grid;grid-template-columns:240px 1fr;gap:60px;align-items:start;}
.photo-box{background:var(--slate);border-radius:20px;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:13px;text-align:center;padding:24px;font-weight:300;line-height:1.7;}
.about-text{font-size:15px;color:var(--ink-soft);line-height:1.9;font-weight:300;}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.badge{font-size:12px;background:var(--slate-light);color:var(--slate);padding:5px 14px;border-radius:20px;font-weight:500;border:1px solid #D0DCEC;}

/* SERVICES */
.svc{display:grid;grid-template-columns:80px 1fr;gap:40px;padding:40px 0;border-bottom:1px solid var(--border-lt);align-items:start;}
.svc:first-child{padding-top:0;}
.svc:last-of-type{border-bottom:none;}
.svc-num{font-family:'DM Serif Display',serif;font-size:48px;color:var(--border);font-style:italic;}
.svc-title{font-family:'DM Serif Display',serif;font-size:24px;color:var(--ink);margin-bottom:10px;}
.svc-body{font-size:15px;color:var(--ink-soft);line-height:1.85;font-weight:300;max-width:580px;}

/* FAQ */
.faq{padding:24px 0;border-bottom:1px solid var(--border-lt);}
.faq:last-child{border-bottom:none;}
.faq-q{font-size:16px;font-weight:500;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;user-select:none;}
.faq-icon{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--ink-soft);transition:all .2s;flex-shrink:0;font-weight:300;}
.faq-q.open .faq-icon{background:var(--terra);border-color:var(--terra);color:#fff;}
.faq-a{font-size:14px;color:var(--ink-soft);line-height:1.85;font-weight:300;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;}
.faq-a.open{max-height:300px;padding-top:14px;}

/* PROMPTS */
.prompts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.prompt{background:#fff;border:1px solid var(--border);border-radius:28px;padding:9px 18px;font-size:13px;color:var(--slate);font-style:italic;font-weight:300;}

/* CTA */
.cta-inner{max-width:600px;}
.cta-box{background:var(--slate);border-radius:20px;padding:48px;}

/* FOOTER */
footer{background:var(--ink);padding:52px 48px;}
.footer-logo{font-family:'DM Serif Display',serif;font-size:20px;color:#fff;font-style:italic;display:block;margin-bottom:14px;text-decoration:none;}
.footer-info{font-size:13px;color:rgba(255,255,255,.3);line-height:1.8;font-weight:300;}
.footer-nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;}
.footer-nav a{font-size:13px;color:rgba(255,255,255,.35);text-decoration:none;transition:color .15s;}
.footer-nav a:hover{color:rgba(255,255,255,.8);}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.contact-card{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--border);}
.contact-label{font-size:13px;font-weight:500;color:var(--terra);margin-bottom:6px;}
.contact-value{font-size:15px;color:var(--ink);font-weight:300;line-height:1.7;}
.contact-value a{color:var(--slate);text-decoration:none;}
.contact-value a:hover{color:var(--terra);}

/* MOBILE */
@media(max-width:768px){
  .g3,.g2{grid-template-columns:1fr;}
  nav{padding:0 20px;}
  .nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;border-bottom:1px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,.08);}
  .nav-links.open{display:flex;}
  .mobile-menu-btn{display:block;}
  .hero{padding:60px 24px;min-height:auto;}
  .hero-short{padding:60px 24px;min-height:auto;}
  .hero h1{font-size:36px;}
  .sec{padding:56px 24px;}
  .sec-h,.sec-h-lt{font-size:32px;}
  .about-layout{grid-template-columns:1fr;gap:32px;}
  .svc{grid-template-columns:1fr;gap:12px;}
  .svc-num{font-size:32px;}
  .contact-grid{grid-template-columns:1fr;}
  footer{padding:40px 24px;}
}