:root {
  --black: #090909;
  --soft-black: #11100e;
  --ivory: #f4f0e6;
  --paper: #fbfaf6;
  --gold: #c99b3b;
  --light-gold: #e6c471;
  --ink: #171612;
  --muted: #706b60;
  --line: rgba(201,155,59,.3);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
.shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }

.site-header { position: sticky; top: 0; z-index: 50; height: 82px; background: rgba(8,8,8,.93); color: white; border-bottom: 1px solid rgba(201,155,59,.25); backdrop-filter: blur(16px); }
.nav-wrap { height: 100%; display: flex; align-items: center; gap: 40px; }
.brand { display: flex; align-items: center; gap: 12px; min-width: 238px; }
.brand-b { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--gold); color: var(--light-gold); font: 30px/1 Georgia, serif; }
.brand span:last-child { display: grid; gap: 3px; }
.brand strong { font-size: 13px; letter-spacing: .18em; }
.brand small { color: #a9a396; font-size: 9px; letter-spacing: .28em; }
nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
nav a { color: #c9c5bb; font-size: 12px; letter-spacing: .08em; transition: .2s; }
nav a:hover { color: var(--light-gold); }
.nav-contact { border-left: 1px solid #36332d; padding-left: 28px; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.nav-contact span { color: var(--gold); margin-left: 8px; }

.hero { min-height: calc(100vh - 82px); position: relative; overflow: hidden; color: white; background: radial-gradient(circle at 75% 40%, #30240e 0, #15110a 22%, #090909 55%); display: flex; flex-direction: column; }
.hero:before, .page-hero:before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, transparent, #000); }
.hero-lines { position: absolute; right: -150px; top: 5%; width: 700px; height: 700px; border: 1px solid rgba(201,155,59,.12); border-radius: 50%; box-shadow: 0 0 0 100px rgba(201,155,59,.04), 0 0 0 200px rgba(201,155,59,.025); }
.hero-grid { position: relative; flex: 1; display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; padding: 80px 0 64px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 28px; color: #8b7140; text-transform: uppercase; font-size: 11px; letter-spacing: .22em; font-weight: 700; }
.eyebrow span { width: 36px; height: 1px; background: currentColor; }
.eyebrow.light { color: var(--light-gold); }
.hero h1, .page-hero h1 { max-width: 850px; margin: 0; font: 400 clamp(48px, 6.2vw, 92px)/.98 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
.hero h1 em { color: var(--light-gold); font-weight: 400; }
.hero-lead { max-width: 630px; margin: 30px 0 0; color: #bbb5a8; font: 16px/1.8 Arial, sans-serif; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 0 24px; text-transform: uppercase; letter-spacing: .12em; font-size: 11px; font-weight: 700; border: 1px solid; transition: .25s; }
.button.gold { background: var(--gold); border-color: var(--gold); color: #090909; }
.button.gold:hover { background: var(--light-gold); border-color: var(--light-gold); transform: translateY(-2px); }
.button.ghost { color: #ddd6c8; border-color: #4a463e; }
.button.ghost:hover { border-color: var(--gold); color: var(--light-gold); }
.button.dark { color: #fff; background: #0c0c0c; border-color: #0c0c0c; }
.hero-mark { justify-self: end; position: relative; width: 340px; height: 440px; border: 1px solid rgba(201,155,59,.23); display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(145deg, rgba(255,255,255,.04), transparent); }
.hero-mark:before, .hero-mark:after { content: ""; position: absolute; width: 28px; height: 28px; }
.hero-mark:before { top: -1px; left: -1px; border-top: 2px solid var(--gold); border-left: 2px solid var(--gold); }
.hero-mark:after { bottom: -1px; right: -1px; border-right: 2px solid var(--gold); border-bottom: 2px solid var(--gold); }
.monogram { color: var(--light-gold); font: 210px/.75 Georgia, serif; text-shadow: 0 15px 45px rgba(201,155,59,.25); }
.hero-mark p { margin: 42px 0 4px; color: #ddd7c9; letter-spacing: .25em; text-transform: uppercase; font-size: 10px; }
.hero-mark span { color: var(--gold); letter-spacing: .18em; text-transform: uppercase; font-size: 9px; }
.hero-stats { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(201,155,59,.18); }
.hero-stats div { display: flex; align-items: center; gap: 16px; padding: 24px 0; border-right: 1px solid rgba(201,155,59,.16); }
.hero-stats div + div { padding-left: 30px; }
.hero-stats strong { color: var(--light-gold); font: 26px Georgia, serif; }
.hero-stats span { color: #8e897f; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }

.section { padding: 120px 0; }
.ivory { background: var(--ivory); }
.black { background: var(--black); color: #fff; }
.split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 120px; }
.section-heading { max-width: 800px; margin-bottom: 55px; }
.section-heading h2 { margin: 0; font: 400 clamp(38px, 4vw, 62px)/1.05 Georgia, serif; letter-spacing: -.035em; }
.section-heading.on-dark h2 { color: #f1ede3; }
.prose p { color: #5c584f; font-size: 16px; line-height: 1.9; margin: 0 0 22px; }
.prose.large p:first-child { color: #24221d; font: 25px/1.55 Georgia, serif; }
.text-link, .business-content a { display: inline-flex; gap: 18px; align-items: center; margin-top: 16px; color: #6f5624; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; border-bottom: 1px solid var(--gold); padding-bottom: 8px; }
.business-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.business-card { min-height: 630px; display: flex; flex-direction: column; border: 1px solid #29251e; background: #0f0f0e; overflow: hidden; transition: .3s; }
.business-card:hover { transform: translateY(-5px); border-color: #6f5624; }
.logo-stage { height: 330px; display: grid; place-items: center; overflow: hidden; background: #050505; border-bottom: 1px solid #2b261c; }
.business-logo { width: 80%; height: 80%; object-fit: contain; }
.business-content { padding: 36px 38px 42px; }
.card-kicker { color: var(--gold)!important; text-transform: uppercase; letter-spacing: .18em; font-size: 10px!important; }
.business-content h3 { margin: 14px 0; color: #f0ede4; font: 32px Georgia, serif; }
.business-content p { color: #999389; font-size: 14px; line-height: 1.75; }
.business-content a { color: var(--light-gold); }
.pillars { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #cfc8b7; border-bottom: 1px solid #cfc8b7; }
.pillar { padding: 30px 28px 36px 0; position: relative; }
.pillar + .pillar { padding-left: 28px; border-left: 1px solid #cfc8b7; }
.pillar-number { color: #9d947f; font-size: 10px; letter-spacing: .16em; }
.pillar-icon { color: var(--gold); font-size: 18px; margin: 48px 0 22px; }
.pillar h3 { font: 30px Georgia, serif; margin: 0 0 14px; }
.pillar p { color: #69645b; font-size: 13px; line-height: 1.65; }
.cta { background: var(--gold); padding: 92px 0; }
.cta-inner { position: relative; }
.cta .eyebrow { color: #473814; }
.cta h2 { margin: 0; font: 400 clamp(45px, 5vw, 72px)/1 Georgia, serif; }
.cta .button { position: absolute; right: 0; bottom: 4px; }

.page-hero { min-height: 520px; position: relative; display: flex; align-items: end; overflow: hidden; color: #fff; background: radial-gradient(circle at 80% 20%, #30240e, #090909 55%); padding: 110px 0 80px; }
.page-hero .shell { position: relative; }
.page-hero h1 { max-width: 920px; font-size: clamp(48px, 6vw, 80px); }
.page-hero .shell > p:last-child { max-width: 660px; color: #aaa499; font-size: 16px; line-height: 1.8; margin: 28px 0 0; }
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.body-title { margin: 0 0 24px; font: 40px/1.1 Georgia, serif; }
.quote-block { border-left: 2px solid var(--gold); padding-left: 28px; font: 25px/1.55 Georgia, serif; color: #332e23; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.service-card { padding: 34px; border: 1px solid #d3cbb9; background: rgba(255,255,255,.36); }
.service-card span { color: var(--gold); font-size: 20px; }
.service-card h3 { font: 25px Georgia, serif; margin: 28px 0 12px; }
.service-card p { color: #69645b; font-size: 13px; line-height: 1.7; }
.detail-list { list-style: none; margin: 20px 0 0; padding: 0; columns: 2; }
.detail-list li { padding: 11px 0; color: #666157; border-bottom: 1px solid #d9d2c2; font-size: 13px; break-inside: avoid; }
.detail-list li:before { content: "◆"; color: var(--gold); font-size: 7px; margin-right: 12px; vertical-align: 2px; }
.company-feature { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }
.company-feature + .company-feature { margin-top: 90px; padding-top: 90px; border-top: 1px solid #cbc4b4; }
.company-feature.reverse { grid-template-columns: 1.2fr .8fr; }
.company-feature.reverse .feature-logo { order: 2; }
.feature-logo { min-height: 420px; display: grid; place-items: center; background: #050505; border: 1px solid #2d281e; }
.feature-logo img { width: 82%; height: 360px; object-fit: contain; }
.feature-copy h2 { font: 44px/1.08 Georgia, serif; margin: 14px 0 22px; }
.feature-copy p { color: #625d53; line-height: 1.8; }
.status { display: inline-block; color: #6f5624; background: #e8dab7; padding: 8px 12px; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.contact-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }
.contact-details h2 { font: 42px Georgia, serif; margin: 0 0 24px; }
.contact-details p { color: #676259; line-height: 1.8; }
.contact-line { padding: 22px 0; border-top: 1px solid #d0c8b6; }
.contact-line span { display: block; color: #8b7140; text-transform: uppercase; letter-spacing: .16em; font-size: 9px; margin-bottom: 8px; }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; background: #fff; border: 1px solid #d7cfbd; padding: 42px; }
.field { display: grid; gap: 9px; }
.field.full { grid-column: 1 / -1; }
.field label { text-transform: uppercase; letter-spacing: .13em; font-size: 9px; color: #786e5a; font-weight: 700; }
.field input, .field select, .field textarea { width: 100%; border: 0; border-bottom: 1px solid #bdb4a2; background: transparent; padding: 11px 2px; color: #24211c; font: inherit; outline: none; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--gold); }
.field textarea { min-height: 110px; resize: vertical; }
.contact-form button { cursor: pointer; grid-column: 1 / -1; justify-self: start; margin-top: 8px; }

.spam-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.checkbox-field label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.5;
}

.checkbox-field input {
  width: auto;
  margin-top: 3px;
}

.form-status {
  grid-column: 1 / -1;
  padding: 14px;
  display: none;
}

.form-status.success {
  display: block;
  color: #173d21;
  background: #dff3e3;
  border: 1px solid #8bc99a;
}

.form-status.error {
  display: block;
  color: #721c24;
  background: #f8d7da;
  border: 1px solid #e3a2a8;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}


footer { background: #000000; color: #a19b90; padding-top: 75px; }
.footer-top { display: grid; grid-template-columns: 2.2fr 1fr 1fr 1.15fr; gap: 60px; padding-bottom: 60px; }
.footer-brand img { width: 480px; height: 170px; object-fit: cover; object-position: center; background: #fff; }
footer h3 { color: var(--light-gold); margin: 0 0 20px; text-transform: uppercase; letter-spacing: .16em; font-size: 10px; }
footer a, footer span { display: block; font-size: 12px; margin: 0 0 13px; }
footer a:hover { color: var(--light-gold); }
.footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid #29251f; padding: 22px 0; }
.footer-bottom span { color: #67635c; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }

@media (max-width: 1050px) {
  nav { display: none; }
  .nav-contact { margin-left: auto; }
  .hero-grid { grid-template-columns: 1fr .55fr; }
  .hero-mark { width: 260px; height: 360px; }
  .monogram { font-size: 165px; }
  .split, .contact-layout { gap: 55px; }
  .footer-top { grid-template-columns: 1.6fr 1fr 1fr; }
  .footer-top > div:last-child { grid-column: 2 / 4; }
}
@media (max-width: 760px) {
  .shell { width: min(100% - 32px, 1180px); }
  .site-header { height: 70px; }
  .brand { min-width: 0; }
  .brand strong { font-size: 11px; }
  .brand small { display: none; }
  .nav-contact { font-size: 0; padding-left: 18px; }
  .nav-contact span { font-size: 18px; }
  .hero { min-height: auto; }
  .hero-grid { display: block; padding: 90px 0 55px; }
  .hero h1 { font-size: 49px; }
  .hero-mark { display: none; }
  .hero-stats { grid-template-columns: 1fr; }
  .hero-stats div, .hero-stats div + div { padding: 16px 0; border-right: 0; border-bottom: 1px solid rgba(201,155,59,.16); }
  .section { padding: 78px 0; }
  .split, .content-grid, .contact-layout, .company-feature, .company-feature.reverse { grid-template-columns: 1fr; gap: 45px; }
  .section-heading { margin-bottom: 35px; }
  .business-grid, .service-grid { grid-template-columns: 1fr; }
  .business-card { min-height: auto; }
  .logo-stage { height: 260px; }
  .pillars { grid-template-columns: 1fr 1fr; }
  .pillar:nth-child(3) { border-left: 0; border-top: 1px solid #cfc8b7; }
  .pillar:nth-child(4) { border-top: 1px solid #cfc8b7; }
  .cta .button { position: static; margin-top: 34px; }
  .page-hero { min-height: 460px; padding: 100px 0 65px; }
  .company-feature.reverse .feature-logo { order: 0; }
  .feature-logo { min-height: 320px; }
  .feature-logo img { height: 280px; }
  .detail-list { columns: 1; }
  .contact-form { grid-template-columns: 1fr; padding: 27px; }
  .field { grid-column: 1 / -1; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-top > div:last-child { grid-column: 1 / -1; }
  .footer-brand img { width: 100%; max-width: 380px; }
  .footer-bottom { display: block; }
}

.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:var(--gold);color:#090909;padding:12px 18px;font-weight:700}.skip-link:focus{top:12px}
.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #4a463e;background:transparent;padding:10px}.menu-toggle span{display:block;height:1px;background:var(--light-gold);margin:5px 0}
blockquote{margin:30px 0;border-left:2px solid var(--gold);padding-left:28px;font:25px/1.55 Georgia,serif;color:#332e23}
.top-gap{margin-top:70px}.on-dark h2{color:#f0ede4}.on-dark p{color:#aaa499}
@media(max-width:1050px){.menu-toggle{display:block}.nav-wrap nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;padding:18px 24px 24px;background:#0b0b0b;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0}.nav-wrap nav.open{display:flex}.nav-wrap nav a{width:100%;padding:14px 0;border-bottom:1px solid #29251f}.nav-contact{margin-left:0}}
@media(max-width:760px){.menu-toggle{margin-left:auto}.nav-contact{margin-left:0}}