/* All redesign rules are restricted to the header and the new hero. */
#navbar { background:#0B1120!important; }
.light-opening { --paper:#eeede8; --card:#fcfbf7; --ink:#172132; --muted:#626769; --line:#d9d9d1; --accent:#8b642d; background:var(--paper); color:var(--ink); padding:128px 24px 40px; }
.light-opening h1,.light-opening h2 { letter-spacing:-.035em; }
.light-hero-grid { max-width:1232px; margin:0 auto; display:grid; grid-template-columns:1.35fr 1fr; gap:18px; align-items:stretch; }
.light-intro,.light-quote { border:1px solid var(--line); border-radius:24px; overflow:hidden; background:var(--card); }
.light-intro { display:flex; flex-direction:column; }
.light-intro-copy { padding:32px 34px 30px; }
.light-eyebrow { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; display:flex; gap:9px; align-items:center; color:var(--muted); }
.light-eyebrow:before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--accent); flex-shrink:0; }
.light-intro h1 { font-size:clamp(35px,3.3vw,48px); font-weight:750; line-height:1.06; margin:25px 0 20px; color:var(--ink); }
.light-intro h1 span:not(.light-dot) { color:var(--ink); }
.light-dot { color:var(--accent); }
.light-intro-copy>p { font-size:15px; line-height:1.6; max-width:580px; color:#595f62; }
.light-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }
.light-primary,.light-secondary { display:inline-flex; justify-content:space-between; align-items:center; gap:30px; padding:13px 18px; border-radius:9px; font-size:13px; font-weight:650; border:1px solid var(--line); transition:background .15s; }
.light-primary { background:var(--ink); color:#fff; border-color:var(--ink); }
.light-primary:hover { background:#303f56; }
.light-secondary { color:var(--ink); background:var(--card); }
.light-secondary:hover { background:#ecebe5; }
.light-primary span,.light-secondary span { font-size:19px; line-height:1; color:#cda85e; }
.light-quote { padding:28px; scroll-margin-top:120px; }
.light-quote h2 { font-size:32px; font-weight:750; line-height:1.1; margin:17px 0 10px; }
.light-quote-note { font-size:12px; line-height:1.5; color:var(--muted); margin-bottom:20px; }
.light-quote form { display:flex; flex-direction:column; gap:13px; }
.light-quote form>* { margin:0!important; }
.light-quote form label:not(:last-child) { font-size:11px; color:#525b60; text-transform:none; letter-spacing:0; margin-bottom:5px; }
.light-quote form input:not([type="checkbox"]),.light-quote form textarea { background:#fffefa; border:1px solid #d8d9d1; border-radius:7px; color:var(--ink); font-size:13px; padding:11px 12px; box-shadow:inset 0 1px 2px #17213205; }
.light-quote form input:focus,.light-quote form textarea:focus { border-color:var(--accent); outline:2px solid #b08e4c22; }
.light-quote form .grid { gap:12px; grid-template-columns:1fr 1fr; }
.light-quote form .grid>div { grid-column:auto; min-width:0; }
.light-quote form textarea { min-height:74px; height:74px; }
.light-quote form .pt-4 { padding-top:0; }
.light-quote form button[type="submit"] { border-radius:8px; background:var(--ink); color:white; padding:12px; font-size:12px; text-transform:none; letter-spacing:0; box-shadow:none; }
.light-quote form button[type="submit"]:hover { background:#303f56; }
.light-quote form>label { gap:8px; }
.light-quote form>label span { color:#676e70; font-size:10px; line-height:1.5; }
.light-quote form input[type="checkbox"] { width:15px; height:15px; accent-color:var(--accent); }
.light-quote .iti { width:100%; }
.light-quote .iti__selected-dial-code { color:var(--ink); }
.light-quote .iti input[type="tel"] { padding-left:82px!important; }
.light-preview-note { color:var(--accent); font-size:12px; margin-top:12px; }
@media (min-width:1441px) { .light-intro h1 { font-size:48px; } }
@media (max-width:1100px) and (min-width:768px) {
  .light-hero-grid { grid-template-columns:1.2fr 1fr; }
  .light-intro-copy { padding:28px; }
  .light-intro h1 { font-size:38px; }
  .light-quote { padding:24px; }
  .light-quote h2 { font-size:28px; }
}
@media (max-width:767px) {
  .light-opening { padding:129px 14px 32px; }
  .light-hero-grid { grid-template-columns:1fr; gap:16px; }
  .light-intro,.light-quote { border-radius:19px; }
  .light-intro-copy { padding:26px 23px; }
  .light-intro h1 { font-size:clamp(29px,7.5vw,40px); margin-top:23px; line-height:1.08; }
  .light-intro-copy>p { font-size:14px; line-height:1.65; }
  .light-actions { gap:9px; margin-top:22px; }
  .light-primary,.light-secondary { padding:12px 13px; gap:15px; font-size:11px; }
  .light-quote { padding:25px 23px; }
  .light-quote h2 { font-size:29px; }
}

/* Alternative composition: typography and a unified proof block replace the photograph. */
.light-intro-copy { padding-bottom:34px; }
.editorial-proof { margin-top:auto; padding:28px 34px 34px; border-top:1px solid #e5e2d8; background:#f4f2eb; }
.editorial-proof-caption { display:block; font-size:10px; line-height:1.4; font-weight:650; letter-spacing:.13em; text-transform:uppercase; color:#81765e; margin-bottom:24px; }
.editorial-proof-layout { display:grid; grid-template-columns:1.12fr 1fr; gap:28px; align-items:center; }
.editorial-proof-main { display:flex; flex-direction:column; gap:9px; padding-right:26px; border-right:1px solid #dcd7c9; }
.editorial-proof-main strong { font-size:60px; line-height:1; font-weight:650; letter-spacing:-.065em; white-space:nowrap; color:#172132; }
.editorial-proof-main strong>span { color:#a37a3d; font-size:.7em; font-weight:450; vertical-align:8%; margin-left:3px; }
.editorial-proof-main>span { font-size:13px; color:#696960; }
.editorial-proof-list { display:grid; gap:15px; margin:0; }
.editorial-proof-list>div { display:grid; grid-template-columns:77px 1fr; gap:8px; align-items:center; }
.editorial-proof-list dt { grid-column:2; grid-row:1; color:#696960; font-size:12px; line-height:1.45; }
.editorial-proof-list dd { grid-column:1; grid-row:1; margin:0; color:#172132; font-size:25px; font-weight:600; line-height:1; letter-spacing:-.035em; white-space:nowrap; }
.editorial-proof-list dd span { color:#a37a3d; font-weight:450; }
.editorial-proof-list small { font-size:13px; font-weight:500; letter-spacing:0; }
.light-quote { padding-top:32px; }
@media (min-width:768px) and (max-width:1100px) {
  .editorial-proof { padding:25px 28px 30px; }
  .editorial-proof-layout { grid-template-columns:1fr; gap:23px; }
  .editorial-proof-main { border:0; padding:0; }
  .editorial-proof-main strong { font-size:56px; }
  .editorial-proof-list { border-top:1px solid #dcd7c9; padding-top:23px; }
  .editorial-proof-list>div { grid-template-columns:80px 1fr; }
}
@media (max-width:767px) {
  .light-intro-copy { padding-bottom:26px; }
  .editorial-proof { padding:25px 23px 28px; }
  .editorial-proof-caption { margin-bottom:23px; }
  .editorial-proof-layout { grid-template-columns:1fr; gap:24px; }
  .editorial-proof-main { padding:0; border:0; gap:8px; }
  .editorial-proof-main strong { font-size:60px; }
  .editorial-proof-list { grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #dcd7c9; padding-top:23px; gap:10px; }
  .editorial-proof-list>div { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
  .editorial-proof-list dt { order:2; font-size:10.5px; max-width:94px; }
  .editorial-proof-list dd { order:1; }
  .editorial-proof-list dd { font-size:25px; }
  .light-quote { padding-top:25px; }
}

.light-quote .hero-lead-success { margin-top:16px; font-size:13px; line-height:1.5; color:#315e48; }
