/* polish.css — finishes the bold-blue pass across the whole site.
   Loaded last on every page. Remove the <link> to roll back. */

/* 1. One palette: retarget the old charcoal/grey tokens to brand navy + gold */
:root{
  --charcoal:#102f43;
  --navy-deep:#102f43;
  --navy-2:#1d4a66;
  --gold:#b79868;
  --warm-accent:#b79868;
  --eyebrow-ink:#8a6a3c;
  --on-charcoal:#e3e8eb;
  --line-strong:rgba(16,47,67,.22);
}

/* 2. Header + footer in navy with a gold rule, matching the feature bands */
header{background:#102f43 !important;border-bottom:3px solid #b79868 !important}
.site-foot{background:#0c2535 !important;color:#c9d3d9;border-top:6px solid #b79868}
.site-foot h5{color:#ddc69f !important;font-family:var(--sans);font-weight:700;letter-spacing:.02em}
.site-foot a{color:#e3e8eb}
.site-foot a:hover{color:#ddc69f}
.site-foot .ft-bottom{color:#8fa3b0}

/* 3. One type voice: bold sans headings everywhere (light sections were thin serif) */
.hero-title,
section:not(.srg-blue-feature):not(.founders-feature) .sec-head h2,
section:not(.srg-blue-feature):not(.founders-feature) h2{
  font-family:var(--sans) !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
  color:#102f43;
  line-height:1.04 !important;
}
.hero-title{font-size:clamp(2.4rem,5.2vw,4.4rem) !important}
body .hero h1.hero-title{font-weight:800 !important;letter-spacing:-.04em !important;color:#102f43 !important;line-height:1.02 !important}
section:not(.srg-blue-feature):not(.founders-feature) .sec-head h2{font-size:clamp(2rem,4vw,3.3rem) !important;max-width:900px}
section:is(.srg-blue-feature,.founders-feature) h2{color:#fff !important}
section:not(.srg-blue-feature):not(.founders-feature) :is(.way-card h3,.srg-prose h3,h3){
  font-family:var(--sans);font-weight:700;color:#102f43;letter-spacing:-.015em
}
.eyebrow{color:#8a6a3c !important;font-weight:700}
.eyebrow:before,.eyebrow:after{background:#b79868 !important}

/* 4. Buttons: navy primary, gold on hover; ghost = navy outline */
.btn-primary{background:#102f43 !important;color:#fff !important;border:1px solid #102f43 !important;
  box-shadow:0 10px 24px -14px rgba(16,47,67,.6) !important;transition:background .2s,color .2s,transform .2s}
.btn-primary:hover{background:#b79868 !important;border-color:#b79868 !important;color:#102f43 !important;transform:translateY(-1px)}
.btn-ghost{background:transparent !important;color:#102f43 !important;border:1.5px solid #102f43 !important;font-weight:700}
.btn-ghost:hover{background:#102f43 !important;color:#fff !important}

/* 5. Service cards: align to the heading edge, consistent photos, subtle lift */
.ways-grid{max-width:none !important;margin:0 !important}
.way-card{border:1px solid rgba(16,47,67,.14) !important;border-radius:16px !important;background:#fff;
  box-shadow:0 1px 0 rgba(16,47,67,.04);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.way-card:hover{transform:translateY(-4px);border-color:#b79868 !important;box-shadow:0 22px 40px -26px rgba(16,47,67,.45)}
.way-card .service-card-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.way-card .btn{margin-top:auto;align-self:flex-start}

/* 6. Inner-page hero photo: fill the frame instead of a narrow portrait in a beige box */
.hero-visual.service-photo{background:none !important}
.hero-visual.service-photo img{width:100% !important;max-height:560px;object-fit:cover;border-radius:16px;display:block}
.hero-visual.service-photo figcaption{color:#5d6b75;font-size:.85rem;margin-top:10px}

/* 7. Service-area list as tidy chips */
.srg-cities{gap:10px !important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr)) !important}
.srg-cities li{border:1px solid rgba(16,47,67,.16);border-radius:999px;padding:8px 14px;background:#fff;
  color:#102f43;font-weight:500;text-align:center;white-space:nowrap}

/* 8. Light sections get a touch of warmth so navy bands don't feel stark */
body{background:#f7f6f3}

@media(max-width:760px){
  .hero-title{font-size:clamp(2.2rem,10vw,3rem) !important}
  section:not(.srg-blue-feature):not(.founders-feature) .sec-head h2{font-size:clamp(1.8rem,8vw,2.5rem) !important}
  .hero-visual.service-photo img{max-height:360px}
}

/* 9. Transparent white logo (old JPG had a grey box baked in) */
.srg-logo{object-fit:contain !important;width:150px !important;height:40px !important}
@media(max-width:760px){.srg-logo{width:130px !important;height:34px !important}}