:root{
  --ink:#0d1a29;
  --navy:#111b27;
  --navy2:#182735;
  --cream:#f6f2eb;
  --gold:#c79a50;
  --muted:#667383;
  --line:#d9dee4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(13,26,41,.09)}
.header-inner{max-width:1180px;margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:28px}
.brand{font-size:20px;letter-spacing:.23em;text-decoration:none;font-weight:700;white-space:nowrap}
.brand small{display:block;font-size:9px;letter-spacing:.36em;font-weight:500;margin-top:4px;text-align:center}
.nav{display:flex;align-items:center;gap:34px}.header-phone{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid rgba(13,26,41,.22);border-radius:4px;text-decoration:none;font-size:11px;letter-spacing:.08em;font-weight:700;white-space:nowrap;color:var(--ink)}.header-phone:hover{border-color:var(--gold);color:#2e4358}
.nav a{text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:28px 0 24px;border-bottom:2px solid transparent}
.nav a:hover,.nav a.active{border-color:var(--gold)}
.hero{min-height:470px;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#f9f7f3 0%,#fff 60%)}
.hero-copy{padding:78px max(42px,calc((100vw - 1180px)/2 + 28px)) 70px;display:flex;flex-direction:column;justify-content:center}
.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:11px;color:#5d6a78;font-weight:700;margin-bottom:18px}
h1{font-size:clamp(44px,5vw,74px);line-height:.96;margin:0 0 20px;letter-spacing:-.035em}
.lede{font-size:20px;line-height:1.55;color:#405064;max-width:690px;margin:0 0 28px}
.hero-image{min-height:430px;background-position:center;background-size:cover}
.gold-rule{width:62px;height:3px;background:var(--gold);margin:0 0 22px}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border:1px solid var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:700;border-radius:4px}
.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn:hover{transform:translateY(-1px)}
.section{max-width:1180px;margin:auto;padding:70px 28px}
.section h2{font-size:38px;margin:0 0 16px;letter-spacing:-.02em}
.section-intro{font-size:18px;line-height:1.6;color:#526173;max-width:820px;margin:0 0 36px}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--line);padding:30px;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(13,26,41,.04)}
.card .num{font-size:12px;letter-spacing:.2em;color:var(--gold);font-weight:700;margin-bottom:18px}
.card h3{font-size:24px;margin:0 0 12px}
.card p{margin:0;color:#566476;line-height:1.6}
.statement{background:var(--navy);color:#fff}
.statement-inner{max-width:1180px;margin:auto;padding:64px 28px;display:grid;grid-template-columns:1fr 1.6fr;gap:70px;align-items:start}
.statement h2{margin:0;font-size:36px}
.statement p{margin:0;color:#d8e0e7;line-height:1.75;font-size:17px}
.contact-wrap{max-width:1180px;margin:auto;padding:68px 28px 80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}
.contact-panel{background:#f5f7f9;border:1px solid #e2e7eb;border-radius:10px;padding:32px}
.contact-panel h2,.form-panel h2{font-size:34px;margin:0 0 18px}
.contact-detail{padding:18px 0;border-bottom:1px solid #dde3e8}
.contact-detail:last-child{border-bottom:0}
.contact-detail strong{display:block;margin-bottom:6px;font-size:14px;text-transform:uppercase;letter-spacing:.1em}
.contact-detail span,.contact-detail a{color:#566476;text-decoration:none;line-height:1.55}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#506071}
input,textarea{font:inherit;border:1px solid #cbd4dc;border-radius:5px;padding:13px 14px;outline:none;background:#fff}
input:focus,textarea:focus{border-color:#6f8192;box-shadow:0 0 0 3px rgba(111,129,146,.12)}
textarea{min-height:150px;resize:vertical}
.note{font-size:12px;color:#718090;line-height:1.5;margin-top:12px}
.footer{background:#0f1822;color:#d4dbe1}
.footer-inner{max-width:1180px;margin:auto;padding:40px 28px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.footer-brand{letter-spacing:.24em;font-weight:700}
.footer-tag{font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin-top:12px;color:#9eabb6}
.footer-nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end}.footer-phone{display:block;margin-top:12px;text-align:right;color:#d4dbe1;text-decoration:none;font-size:12px;letter-spacing:.08em}.footer-phone:hover{color:#fff}
.footer-nav a{font-size:12px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;color:#d4dbe1}
.footer-copy{font-size:11px;color:#8493a0;margin-top:13px;text-align:right}
.mobile-menu{display:none}
@media(max-width:820px){
  .header-inner{min-height:68px;padding:0 18px;flex-wrap:wrap}.brand{font-size:16px}.nav{gap:18px}.nav a{font-size:11px;padding:24px 0 20px}.header-phone{min-height:34px;font-size:10px}
  .hero{grid-template-columns:1fr}.hero-copy{padding:60px 24px 50px}.hero-image{min-height:290px;order:-1}
  .three-grid{grid-template-columns:1fr}.statement-inner{grid-template-columns:1fr;gap:20px;padding:48px 24px}
  .section{padding:54px 24px}.contact-wrap{grid-template-columns:1fr;padding:50px 24px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
  .footer-inner{align-items:flex-start;flex-direction:column}.footer-nav{justify-content:flex-start}.footer-copy{text-align:left}
}
@media(max-width:560px){
  .header-inner{align-items:flex-start;flex-direction:column;padding:17px 18px 14px;gap:10px}.nav{width:100%;justify-content:space-between;gap:8px}.nav a{padding:10px 0 13px;font-size:10px}.header-phone{width:100%;margin-top:-2px}
  h1{font-size:45px}.lede{font-size:18px}.hero-image{min-height:235px}.btn{width:100%}
}

/* v4 navigation + action refinements */
.nav{gap:8px}
.nav a{padding:10px 14px;border:1px solid transparent;border-radius:999px;transition:.18s ease}
.nav a:hover{border-color:#d6dde3;background:#f7f9fa}
.nav a.active{border-color:var(--navy);background:var(--navy);color:#fff}
.header-phone{border-radius:999px;padding:0 16px;border-color:rgba(199,154,80,.75);background:#fff}
.header-phone:hover{background:#fff8ed;border-color:var(--gold)}
.btn{transition:.18s ease;box-shadow:0 7px 18px rgba(13,26,41,.06)}
.btn.call{border-color:rgba(199,154,80,.92);color:#8b6426;background:#fffaf2}
.btn.call:hover{background:#fbf0dd}
.founder-image{background-position:center 35%}
.contact-image{background-position:center 51%}
.founder-quote-section{background:linear-gradient(135deg,#f7f3ec 0%,#fff 72%);border-top:1px solid #ece6db;border-bottom:1px solid #ece6db}
.founder-quote-inner{max-width:980px;margin:auto;padding:72px 28px 62px;text-align:center}
.founder-quote-inner blockquote{margin:0 auto;color:#1a2a39;font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,2.45vw,38px);line-height:1.45;letter-spacing:-.015em;max-width:940px}
.signature{display:block;width:min(260px,48vw);height:auto;margin:28px auto 5px;opacity:.86}
.founder-id{display:flex;flex-direction:column;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.15em;color:#2a3a49}.founder-id strong{font-size:13px}.founder-id span{font-size:10px;color:#8a6a35;font-weight:700}
.contact-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 8px}
.contact-action{display:flex;flex-direction:column;gap:7px;text-decoration:none;border:1px solid #d6dde3;border-radius:8px;padding:16px 15px;background:#fff;transition:.18s ease}.contact-action:hover{transform:translateY(-1px);border-color:#b9c5cf;box-shadow:0 8px 18px rgba(13,26,41,.06)}.contact-action span{text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:#73808e;font-weight:700}.contact-action strong{font-size:14px;color:#1a2a39}.contact-action.phone{border-color:#ddc59d;background:#fffaf3}.contact-action.phone strong{color:#8a6428}
@media(max-width:820px){.nav{gap:5px}.nav a{padding:9px 10px}.contact-action-grid{grid-template-columns:1fr 1fr}.founder-image{background-position:center 28%}}
@media(max-width:560px){.nav a{padding:9px 8px}.contact-action-grid{grid-template-columns:1fr}.founder-quote-inner{padding:50px 22px 44px}.founder-quote-inner blockquote{font-size:24px}.signature{width:210px}}


/* FINAL approved refinements — 2026-10-04 */
.founder-hero{
  grid-template-columns:1fr 1fr;
}
.founder-image{
  min-height:430px;
  background:none !important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px;
  overflow:hidden;
}
.founder-image img{
  display:block;
  width:100%;
  height:100%;
  max-height:430px;
  object-fit:contain;
  object-position:center;
  border-radius:8px;
}
.contact-wrap{
  grid-template-columns:1fr 1.15fr;
  gap:40px;
  align-items:stretch;
}
.contact-panel,.form-panel{
  min-height:100%;
}
.contact-panel{
  display:flex;
  flex-direction:column;
}
.contact-action-grid{
  grid-template-columns:1fr;
  margin:18px 0 12px;
}
.contact-action{
  min-height:72px;
  justify-content:center;
}
.form-panel{
  border:1px solid #e1e6ea;
  border-radius:10px;
  padding:32px;
  background:#fff;
}
.form-panel .btn{
  min-width:190px;
}
.nav a:focus-visible,.header-phone:focus-visible,.btn:focus-visible,
.contact-action:focus-visible,.footer-nav a:focus-visible,.footer-phone:focus-visible{
  outline:3px solid #c79a50;
  outline-offset:3px;
}
@media(max-width:820px){
  .founder-hero{grid-template-columns:1fr}
  .founder-image{order:-1;min-height:auto;padding:20px}
  .founder-image img{height:auto;max-height:none}
  .contact-wrap{grid-template-columns:1fr}
  .form-panel{padding:26px}
}

/* Desktop margin alignment hotfix — 2026-10-04 */
@media(min-width:821px){
  .hero{
    width:min(100%,1180px);
    max-width:1180px;
    margin:0 auto;
    min-height:520px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    overflow:hidden;
  }
  .hero-copy{
    padding:72px 48px 64px 28px;
    min-width:0;
  }
  .hero-copy h1{
    font-size:clamp(52px,4vw,70px);
    line-height:1;
    white-space:normal;
  }
  .hero-copy .lede{
    max-width:520px;
    font-size:18px;
    line-height:1.55;
  }
  .hero-image{
    min-width:0;
    min-height:520px;
  }
  .founder-image{
    padding:24px;
    min-height:520px;
  }
  .founder-image img{
    width:100%;
    height:100%;
    max-height:472px;
    object-fit:contain;
  }
  .contact-image{
    min-height:520px;
  }
  .contact-wrap{
    width:min(100%,1180px);
    max-width:1180px;
    margin:0 auto;
    padding:64px 28px 76px;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:36px;
  }
  .contact-panel,.form-panel{min-width:0}
}