@charset "UTF-8";
/* ==========================================================================
   W17 — INGLEWOOD SHARED BRAND SHELL (loaded on every page, after site.css)
   Promoted unchanged from the approved W15P-R / W16-R service-page system (svc.css):
   airflow lockup, brand-led header, labelled Menu, garnet call action in the header
   and mobile call bar, footer lockup. Page bodies are NOT styled here.
   Colour roles: ink = structure; garnet = call action; cobalt = interaction;
   warm neutrals = light surfaces; heat-soft/sky = heat/cool signature.
   ========================================================================== */
:root {
  --p-warm: #F7F3ED;
  --p-warm-2: #EFE8DD;
  --p-warm-line: #E2D9CB;
  --p-act: #A8304A;
  --p-act-deep: #8C2640;
  --p-text: #1E2536;
  --p-sub: #3A4560;
  --p-flow: linear-gradient(90deg, var(--heat) 0%, var(--heat-soft) 38%, var(--sky) 62%, var(--cobalt) 100%);
}

/* ---------- Header ---------- */
.p-header { background: #FBF9F6; border-bottom: 1px solid var(--p-warm-line); }
.p-header .hdr { min-height: 84px; gap: 28px; }
.p-header .nav { gap: 2px; }
.p-header .nav a { color: var(--p-sub); font-weight: 600; font-size: .96rem; padding: 10px 12px; }
.p-header .nav a:hover { background: var(--p-warm-2); color: var(--ink); }
.p-header .nav a[aria-current="page"], .p-header .nav a[aria-current="true"] { color: var(--ink); box-shadow: inset 0 -3px 0 0 transparent; background-image: var(--p-flow); background-size: calc(100% - 24px) 3px; background-position: 12px 100%; background-repeat: no-repeat; border-radius: 6px 6px 0 0; }
.p-header .btn-call { background: var(--p-act); color: #fff; box-shadow: 0 8px 20px rgba(168,48,74,.22); }
.p-header .btn-call:hover { background: var(--p-act-deep); color: #fff; }
.p-header .hdr-call { box-shadow: none; min-height: 48px; padding: 10px 18px; font-size: 1rem; font-family: var(--font-head); font-weight: 800; letter-spacing: .01em; }
.p-header .hdr-call-icon { background: var(--p-act); }
.p-menu span { font-family: var(--font-body); font-weight: 700; font-size: .95rem; }
@media (max-width: 1100px) {
  .p-header .nav { background: #FBF9F6; }
  .p-header .nav a[aria-current="page"], .p-header .nav a[aria-current="true"] { background-image: none; box-shadow: inset 3px 0 0 var(--heat); }
  .p-header .p-menu { width: auto; padding: 0 12px; gap: 6px; border-color: #CFC6B8; background: #fff; }
}
@media (max-width: 720px) {
  .p-header .hdr { min-height: 64px; gap: 12px; }
  .p-header .hdr-call-icon { width: 44px; height: 44px; }
  .p-header .p-menu { height: 44px; padding: 0 10px; }
}

/* ---------- Lockup (W15P-R approved proportions) ---------- */
.p-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.p-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ink); min-height: 48px; flex: none; }
.p-mark { width: 46px; height: 46px; flex: none; }
.p-words { display: flex; flex-direction: column; line-height: 1; }
.p-name { font-family: var(--font-head); font-weight: 800; font-size: 1.62rem; letter-spacing: -0.03em; line-height: .95; color: var(--ink); }
.p-sub { display: flex; align-items: center; gap: 7px; margin-top: 5px; font-family: var(--font-head); font-weight: 700; font-size: 1.02rem; letter-spacing: 0; color: #2B3A5E; }
.p-sub i { display: inline-block; width: 15px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, #A8304A, #E4677F 45%, #6FA0EE 60%, #1D5BC7); }
.p-brand:hover .p-name { color: var(--ink); }
.p-brand--light .p-name, .p-brand--light:hover .p-name { color: #fff; }
.p-brand--light .p-sub { color: #D5DCEB; }
@media (max-width: 720px) {
  .p-mark { width: 36px; height: 36px; }
  .p-name { font-size: 1.32rem; }
  .p-sub { font-size: .86rem; margin-top: 4px; gap: 6px; }
  .p-sub i { width: 12px; }
}
@media (max-width: 360px) { .p-sub i { display: none; } .p-name { font-size: 1.26rem; } }

/* ---------- Footer mark + mobile call bar ---------- */
.site-footer .p-mark { width: 44px; height: 44px; }
.callbar .btn-call { background: var(--p-act); color: #fff; box-shadow: none; }
.callbar .btn-call:hover { background: var(--p-act-deep); color: #fff; }