:root{
  --warm-ink:#1d1c1a;
  --warm-charcoal:#171817;
  --warm-stone:#eee7dc;
  --warm-ivory:#f8f4ed;
  --warm-gold:#c58a2c;
  --warm-line:#d8cdbc;
  --warm-muted:#6f6961;
}
body{background:var(--warm-ivory);color:var(--warm-ink)}
.site-header{background:rgba(24,24,23,.97);border-bottom:1px solid rgba(255,255,255,.10)}
.site-header .nav{min-height:92px}
.contact-brand{color:#fff}
.contact-brand span{font-family:Georgia,"Times New Roman",serif;font-size:29px;letter-spacing:.045em;font-weight:400}
.contact-brand span b{color:var(--warm-gold);font-weight:400}
.contact-brand small{color:#d9d0c2;font-size:9px;letter-spacing:.22em}
.site-header .nav-links a{color:#f8f4ed}
.site-header .nav-links .btn{border-color:var(--warm-gold);background:transparent;color:#fff}
.site-header .nav-links .btn:hover{background:var(--warm-gold);color:#171817}

.page-hero{
  background:
    radial-gradient(circle at 82% 35%, rgba(197,138,44,.16), transparent 28%),
    linear-gradient(115deg,#171817 0%,#23211e 56%,#332d25 100%);
  color:#fff;
  padding:105px 0 82px;
  position:relative;
  overflow:hidden;
}
.page-hero:after{
  content:"";
  position:absolute;
  right:-80px;top:-90px;
  width:420px;height:420px;
  border:1px solid rgba(197,138,44,.28);
  transform:rotate(24deg);
}
.page-hero .container{position:relative;z-index:1}
.page-hero .eyebrow{color:var(--warm-gold);letter-spacing:.20em}
.page-hero h1{color:#fff;max-width:760px;font-size:clamp(46px,5vw,74px)}
.page-hero p{color:#ded8cf;max-width:700px}
.page-hero strong{color:#fff}

.section{background:var(--warm-ivory);padding:82px 0 96px}
.contact-grid{gap:80px;align-items:start}
.contact-card{
  background:var(--warm-stone);
  padding:44px 42px;
  border-top:3px solid var(--warm-gold);
  box-shadow:0 18px 55px rgba(40,32,22,.06);
}
.contact-card h2{color:var(--warm-ink);font-size:34px}
.contact-card a{color:var(--warm-ink)}
#form-title{color:var(--warm-ink);font-size:38px;margin-bottom:28px}
form{gap:18px}
label{color:var(--warm-muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}
input,textarea{
  background:#fffdfa;
  border:1px solid var(--warm-line);
  color:var(--warm-ink);
  padding:15px 14px;
  outline:none;
}
input:focus,textarea:focus{border-color:var(--warm-gold);box-shadow:0 0 0 2px rgba(197,138,44,.10)}
.btn.primary{
  background:var(--warm-charcoal);
  border-color:var(--warm-gold);
  color:#fff;
}
.btn.primary:hover{background:var(--warm-gold);color:#171817}
#form-success h2{color:var(--warm-ink)}

.footer{background:#111211;color:#cfc8bd}
.footer a{color:#f8f4ed}
.footer strong{color:#fff!important}
.footer-small{border-top-color:rgba(255,255,255,.10)}
.footer-logo img{filter:grayscale(1) brightness(0) invert(1);opacity:.92}

@media(max-width:900px){
  .contact-brand span{font-size:22px}
  .contact-brand small{font-size:7px}
  .page-hero{padding:76px 0 58px}
  .contact-grid{gap:36px}
  .contact-card{padding:30px 26px}
}