/* ============================================================
   ShieldWise — City page HERO (scoped redesign)
   Pilot: Rancho Cucamonga. All rules namespaced under .cwh-hero
   so nothing leaks into shared/global CSS. Do NOT edit global files.
   ============================================================ */

.cwh-hero{
  --navy:#0F2742; --ink:#081A2C; --abyss:#050F1B;
  --gold:#C9A227; --gold-bright:#E8C95A;
  --paper:#F5F1E6; --mist:#A8BACB;
  --line:rgba(201,162,39,.38);
  position:relative;
  overflow:hidden;
  background:var(--abyss);
  color:var(--paper);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  border-top:2px solid var(--gold);
  display:flex;flex-direction:column;
  min-height:min(920px,94vh);
}
.cwh-hero *{margin:0;padding:0;box-sizing:border-box}
.cwh-hero a:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:2px}

/* ── ambient layers ───────────────────────────────── */
.cwh-backdrop{
  position:absolute;inset:0;
  background-image:url('/img/hero/rancho-hero-bg.jpg');
  background-size:cover;background-position:center 40%;
  opacity:.78;
  filter:brightness(1.35);
  transform-origin:center;
  animation:cwh-drift 30s ease-out forwards;
}
@keyframes cwh-drift{from{transform:scale(1.12)}to{transform:scale(1.02)}}
.cwh-veil{
  position:absolute;inset:0;
  background:
    radial-gradient(900px 640px at 78% 34%, rgba(201,162,39,.13), transparent 64%),
    linear-gradient(82deg, var(--abyss) 0%, rgba(5,15,27,.55) 34%, rgba(5,15,27,.32) 58%, rgba(8,26,44,.18) 100%),
    linear-gradient(0deg, var(--abyss) 0%, rgba(5,15,27,0) 26%);
}
.cwh-griddots{
  position:absolute;inset:0;opacity:.07;pointer-events:none;
  background-image:
    linear-gradient(rgba(168,186,203,.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168,186,203,.5) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(1100px 700px at 70% 40%, #000 30%, transparent 75%);
  -webkit-mask-image:radial-gradient(1100px 700px at 70% 40%, #000 30%, transparent 75%);
}

/* ── layout ───────────────────────────────────────── */
.cwh-stage{
  position:relative;z-index:2;flex:1;
  max-width:1340px;width:100%;margin:0 auto;
  padding:clamp(48px,7vh,84px) 32px clamp(40px,6vh,64px);
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(36px,4.5vw,72px);
  align-items:center;
}

/* ── left: copy ───────────────────────────────────── */
.cwh-eyebrow{
  display:flex;align-items:center;gap:14px;
  font-size:12.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);
}
.cwh-eyebrow::before{content:'';width:44px;height:1px;background:var(--gold)}

.cwh-hero h1{
  font-family:'Archivo',sans-serif;
  margin-top:24px;line-height:.95;letter-spacing:-.012em;text-wrap:balance;
}
.cwh-kicker{
  display:block;
  font-size:clamp(19px,2.1vw,28px);
  font-weight:500;letter-spacing:.01em;color:var(--mist);
  margin-bottom:12px;
}
.cwh-cityname{
  display:block;
  font-size:clamp(50px,6.6vw,98px);
  font-weight:900;text-transform:uppercase;
  background:linear-gradient(173deg,#FFFFFF 28%,#D8CBA4 76%,var(--gold) 112%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.cwh-state{
  font-family:'Inter',sans-serif;
  display:inline-block;vertical-align:super;
  font-size:clamp(12px,1.1vw,15px);
  font-weight:700;letter-spacing:.34em;color:var(--gold);
  -webkit-text-fill-color:var(--gold);
  border:1px solid var(--line);
  padding:5px 9px 5px 12px;border-radius:2px;
  margin-left:13px;transform:translateY(-1.15em);
}
.cwh-descriptor{
  font-family:'Inter',sans-serif;
  margin-top:20px;max-width:600px;
  font-size:clamp(16px,1.35vw,19px);font-weight:600;line-height:1.5;
  color:var(--paper);
}
.cwh-rule{
  margin-top:26px;height:2px;width:92px;background:var(--gold);
  transform-origin:left;animation:cwh-draw 1s .8s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes cwh-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.cwh-sub{
  margin-top:22px;max-width:560px;
  font-size:clamp(15px,1.3vw,17.5px);line-height:1.74;color:#D5DEE7;
}
.cwh-sub strong{color:var(--paper);font-weight:600}

.cwh-ctas{margin-top:34px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.cwh-btn{
  font-weight:700;font-size:15px;letter-spacing:.04em;text-decoration:none;
  border-radius:3px;display:inline-flex;align-items:center;gap:10px;
  transition:transform .2s,box-shadow .25s,background .25s,border-color .25s;
}
.cwh-btn-gold{
  background:linear-gradient(140deg,var(--gold-bright),var(--gold) 60%);
  color:var(--ink);padding:17px 32px;
  box-shadow:0 10px 32px -10px rgba(201,162,39,.55);
}
.cwh-btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 42px -10px rgba(201,162,39,.72)}
.cwh-btn-gold svg{width:16px;height:16px;fill:var(--ink)}
.cwh-btn-ghost{
  color:var(--paper);padding:16px 26px;
  border:1px solid rgba(245,241,230,.32);
}
.cwh-btn-ghost:hover{border-color:var(--gold);background:rgba(201,162,39,.07)}
.cwh-btn-ghost svg{width:15px;height:15px;fill:var(--gold)}

.cwh-trust{
  margin-top:38px;max-width:600px;
  display:flex;flex-wrap:wrap;column-gap:28px;row-gap:12px;
  border-top:1px solid rgba(168,186,203,.16);
  padding-top:18px;list-style:none;
}
.cwh-trust li{
  display:flex;align-items:center;gap:9px;
  font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--mist);
}
.cwh-trust b{color:var(--paper);font-weight:600;letter-spacing:.15em}
.cwh-trust svg{width:13px;height:15px;fill:none;stroke:var(--gold);stroke-width:1.6;flex:none}

/* ── right: monitor-wall mosaic ───────────────────── */
.cwh-wall{
  display:grid;
  grid-template-columns:1.18fr .92fr;
  gap:18px;
  align-self:center;
}
.cwh-col{display:flex;flex-direction:column;gap:18px}
.cwh-col-b{transform:translateY(34px)}

.cwh-tile{
  position:relative;border-radius:5px;overflow:hidden;
  background:var(--ink);
  border:1px solid rgba(168,186,203,.18);
  box-shadow:0 24px 60px -28px rgba(0,0,0,.85);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;
}
.cwh-tile:hover{transform:translateY(-5px);border-color:var(--line);box-shadow:0 32px 70px -26px rgba(0,0,0,.95)}
.cwh-tile-img{
  width:100%;height:auto;display:block;object-fit:cover;
  transition:transform 6s ease;
}
.cwh-tile:hover .cwh-tile-img{transform:scale(1.06)}
.cwh-t-team .cwh-tile-img{aspect-ratio:645/541}
.cwh-t-control .cwh-tile-img{aspect-ratio:645/470}
.cwh-t-walk .cwh-tile-img{aspect-ratio:428/456}
.cwh-t-gate .cwh-tile-img{aspect-ratio:431/344}

.cwh-tile::after{
  content:'';position:absolute;inset:auto 0 0 0;height:46%;
  background:linear-gradient(0deg, rgba(5,15,27,.88) 0%, transparent 100%);
  pointer-events:none;
}
.cwh-tag{
  position:absolute;left:14px;bottom:12px;z-index:2;
  display:flex;align-items:center;gap:9px;
  font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--paper);
}
.cwh-tag::before{content:'';width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.cwh-corner{position:absolute;width:16px;height:16px;z-index:2;opacity:.85;pointer-events:none}
.cwh-corner path{stroke:var(--gold);stroke-width:2;fill:none}
.cwh-c-tl{top:9px;left:9px}.cwh-c-tr{top:9px;right:9px;transform:rotate(90deg)}
.cwh-c-br{bottom:9px;right:9px;transform:rotate(180deg)}.cwh-c-bl{bottom:9px;left:9px;transform:rotate(270deg)}

/* ── choreography ─────────────────────────────────── */
.cwh-rise{opacity:0;transform:translateY(26px);animation:cwh-rise .9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes cwh-rise{to{opacity:1;transform:none}}
.cwh-d1{animation-delay:.12s}.cwh-d2{animation-delay:.26s}.cwh-d3{animation-delay:.42s}
.cwh-d4{animation-delay:.58s}.cwh-d5{animation-delay:.74s}
.cwh-reveal{
  opacity:0;clip-path:inset(14% 14% 14% 14%);
  animation:cwh-reveal 1s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes cwh-reveal{to{opacity:1;clip-path:inset(0 0 0 0)}}
.cwh-r1{animation-delay:.5s}.cwh-r2{animation-delay:.68s}
.cwh-r3{animation-delay:.86s}.cwh-r4{animation-delay:1.04s}

@media (prefers-reduced-motion: reduce){
  .cwh-hero .cwh-backdrop,.cwh-hero .cwh-rise,.cwh-hero .cwh-reveal,
  .cwh-hero .cwh-rule,.cwh-hero .cwh-tile-img{animation:none !important;transition:none !important}
  .cwh-hero .cwh-rise,.cwh-hero .cwh-reveal{opacity:1;transform:none;clip-path:none}
}

/* ── responsive ───────────────────────────────────── */
@media (max-width:1060px){
  .cwh-stage{grid-template-columns:1fr;gap:46px;align-items:start}
  .cwh-col-b{transform:translateY(0)}
  .cwh-wall{max-width:680px}
}
@media (max-width:640px){
  .cwh-stage{padding:44px 20px 40px}
  .cwh-sub{font-size:15px}
  .cwh-ctas{gap:12px}
  .cwh-btn-gold,.cwh-btn-ghost{width:100%;justify-content:center}
  .cwh-state{margin-left:8px;transform:translateY(-.7em);padding:4px 7px 4px 10px}
  .cwh-wall{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
    margin:0 -20px;padding:0 20px 8px;max-width:none;
    scrollbar-width:none}
  .cwh-wall::-webkit-scrollbar{display:none}
  .cwh-col{flex-direction:row;gap:14px;display:contents}
  .cwh-tile{flex:0 0 78%;scroll-snap-align:center}
  .cwh-tile .cwh-tile-img{aspect-ratio:4/3;height:auto}
}

/* ============================================================
   ShieldWise — City page BODY MODULES (scoped, design-only)
   Namespaced .cwh-creds / .cwh-services / .cwh-links / .cwh-totop
   Light-theme body sections that match the existing page palette
   (#1a3c6e navy, #d4af37 gold). No global/shared file touched.
   ============================================================ */

/* ── credentials strip (under hero) ───────────────── */
.cwh-creds{background:#0F2742;color:#EAF0F6;padding:30px 0;border-bottom:3px solid #C9A227}
.cwh-creds-inner{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:auto 1fr;gap:24px 44px;align-items:center}
.cwh-creds-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.cwh-creds-badges li{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);border:1px solid rgba(201,162,39,.42);border-radius:5px;padding:10px 16px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#EAF0F6}
.cwh-creds-badges svg{width:15px;height:17px;fill:none;stroke:#C9A227;stroke-width:1.6;flex:none}
.cwh-creds-badges b{color:#E8C95A;font-weight:700;margin-left:2px}
.cwh-creds-text{margin:0;font-size:14.5px;line-height:1.66;color:#C7D3DE;max-width:780px}
@media (max-width:860px){.cwh-creds-inner{grid-template-columns:1fr;gap:18px}}

/* ── services grid (Solana Beach-style cards) ─────── */
.cwh-services{padding:66px 0;background:#f7f9fc}
.cwh-services-inner{max-width:1140px;margin:0 auto;padding:0 24px}
.cwh-services h2{color:#1a3c6e;font-size:1.9rem;font-weight:800;text-align:center;margin:0 0 10px;line-height:1.25}
.cwh-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:44px}
.cwh-svc-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e6e9ef;border-left:4px solid #1a3c6e;border-radius:10px;padding:28px 28px;text-decoration:none;color:#1a3c6e;box-shadow:0 4px 16px rgba(0,0,0,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cwh-svc-card:hover,.cwh-svc-card:focus-visible{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.1);border-left-color:#d4af37;color:#1a3c6e;text-decoration:none;outline:none}
.cwh-svc-card:focus-visible{box-shadow:0 0 0 3px rgba(212,175,55,.5)}
.cwh-svc-ico{flex:none;width:54px;height:54px;border-radius:9px;background:linear-gradient(135deg,#eef2f8,#dfe7f3);display:flex;align-items:center;justify-content:center;color:#1a3c6e;font-size:1.32rem;transition:background .25s ease,color .25s ease}
.cwh-svc-card:hover .cwh-svc-ico,.cwh-svc-card:focus-visible .cwh-svc-ico{background:linear-gradient(135deg,#d4af37,#c9a227);color:#fff}
.cwh-svc-title{font-size:1.08rem;font-weight:700;line-height:1.34}
.cwh-svc-all{text-align:center;margin-top:38px}
.cwh-svc-all a{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:#1a3c6e;font-size:1.05rem;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px;transition:color .2s ease,border-color .2s ease}
.cwh-svc-all a:hover,.cwh-svc-all a:focus-visible{color:#b8941f;border-color:#d4af37;outline:none}
@media (max-width:920px){.cwh-svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cwh-svc-grid{grid-template-columns:1fr}}

/* ── internal links section ───────────────────────── */
.cwh-links{padding:58px 0;background:#fff}
.cwh-links-inner{max-width:1140px;margin:0 auto;padding:0 24px}
.cwh-links h2{color:#1a3c6e;font-size:1.5rem;font-weight:800;margin:0 0 24px}
.cwh-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:14px}
.cwh-link-item{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #e6e9ef;border-radius:9px;background:#f7f9fc;text-decoration:none;color:#1a3c6e;font-weight:600;line-height:1.4;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.cwh-link-item:hover,.cwh-link-item:focus-visible{border-color:#d4af37;background:#fff;transform:translateX(3px);box-shadow:0 6px 18px rgba(0,0,0,.07);color:#1a3c6e;text-decoration:none;outline:none}
.cwh-link-item:focus-visible{box-shadow:0 0 0 3px rgba(212,175,55,.5)}
.cwh-link-ico{flex:none;width:38px;height:38px;border-radius:8px;background:#eef2f8;display:flex;align-items:center;justify-content:center;color:#d4af37;font-size:1rem}

/* ── back-to-top (scoped to these city pages) ─────── */
.cwh-totop{position:fixed;bottom:26px;right:26px;width:48px;height:48px;border:none;border-radius:50%;background:linear-gradient(140deg,#E8C95A,#C9A227 60%);color:#0F2742;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px -8px rgba(201,162,39,.6);z-index:1000}
.cwh-totop.is-visible{opacity:1;visibility:visible;transform:none}
.cwh-totop:hover{box-shadow:0 12px 30px -8px rgba(201,162,39,.85);transform:translateY(-3px)}
.cwh-totop:focus-visible{outline:2px solid #0F2742;outline-offset:3px}
.cwh-totop svg{width:20px;height:20px;fill:#0F2742}
@media (prefers-reduced-motion:reduce){.cwh-totop{transition:opacity .2s ease,visibility .2s ease}}

/* ============================================================
   ShieldWise — Content section redesign (Rancho pilot)
   Namespaced: .cwh-content / .cwh-process / .cwh-info-card /
   .cwh-licensing / .cwh-emergency / .cwh-pullquote / .cwh-reviewed
   No shared CSS touched. Rancho Cucamonga only.
   ============================================================ */

/* ── section wrapper ──────────────────────────────────── */
.cwh-content{background:#f8f9fb;padding:68px 0}
.cwh-content-inner{max-width:900px;margin:0 auto;padding:0 24px}

/* ── approach heading ─────────────────────────────────── */
.cwh-approach-head{margin-bottom:40px}
.cwh-approach-eyebrow{display:block;font-size:11.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#d4af37;margin-bottom:10px}
.cwh-approach-h2{color:#1a3c6e;font-size:1.9rem;font-weight:800;line-height:1.2;margin:0 0 14px}
.cwh-approach-intro{font-size:1.02rem;line-height:1.75;color:#4a5568;max-width:680px;margin:0}

/* ── process timeline card ────────────────────────────── */
.cwh-process{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 28px 8px;box-shadow:0 2px 12px rgba(0,0,0,.05);margin-bottom:48px}
.cwh-process::before{content:'';position:absolute;left:calc(28px + 21px);top:62px;bottom:48px;width:1px;background:rgba(26,60,110,.14)}
.cwh-process-step{position:relative;display:flex;gap:16px;padding-bottom:28px}
.cwh-process-step:last-child{padding-bottom:20px}
.cwh-process-icon{flex:none;width:44px;height:44px;border-radius:50%;background:#1a3c6e;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem;position:relative;z-index:1;box-shadow:0 3px 8px rgba(26,60,110,.25)}
.cwh-process-content{padding-top:2px}
.cwh-process-meta{display:flex;align-items:center;gap:10px;margin-bottom:5px}
.cwh-process-step-label{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#d4af37;white-space:nowrap}
.cwh-process-step-title{font-size:1rem;font-weight:700;color:#1a3c6e;margin:0}
.cwh-process-step-body{font-size:.95rem;line-height:1.7;color:#4a5568;margin:0}

/* ── coverage heading ─────────────────────────────────── */
.cwh-coverage-h3{font-size:1.25rem;font-weight:800;color:#1a3c6e;margin:0 0 20px}

/* ── info cards (2-up) ────────────────────────────────── */
.cwh-info-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px}
.cwh-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.cwh-info-card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.cwh-info-card-icon{flex:none;width:48px;height:48px;border-radius:10px;background:rgba(26,60,110,.08);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#1a3c6e}
.cwh-info-card-title{font-size:1.05rem;font-weight:700;color:#1a3c6e;margin:0}
.cwh-info-card-body{font-size:.95rem;line-height:1.72;color:#4a5568;margin:0}
@media (max-width:640px){.cwh-info-pair{grid-template-columns:1fr}}

/* ── licensing panel ──────────────────────────────────── */
.cwh-licensing{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04);margin-bottom:40px}
.cwh-licensing-header{display:flex;align-items:center;gap:12px;background:#1a3c6e;padding:18px 28px}
.cwh-licensing-header i{color:#d4af37;font-size:1.15rem}
.cwh-licensing-header h3{color:#fff;font-size:1.05rem;font-weight:700;margin:0}
.cwh-licensing-list{list-style:none;margin:0;padding:0}
.cwh-licensing-item{display:flex;align-items:flex-start;gap:12px;padding:15px 28px;border-top:1px solid #f0f4fa}
.cwh-licensing-item i{color:#d4af37;font-size:1rem;margin-top:2px;flex:none}
.cwh-licensing-item span{font-size:.95rem;line-height:1.65;color:#2d3748}

/* ── emergency callout ────────────────────────────────── */
.cwh-emergency{display:flex;align-items:flex-start;gap:14px;background:#fff8e6;border-left:4px solid #d4af37;border-radius:10px;padding:18px 20px;margin-bottom:40px}
.cwh-emergency i{color:#b8860b;font-size:1.2rem;margin-top:2px;flex:none}
.cwh-emergency p{font-size:.97rem;line-height:1.7;color:#374151;margin:0}
.cwh-emergency strong{color:#1a3c6e;font-weight:700}

/* ── pullquote ────────────────────────────────────────── */
.cwh-pullquote{background:#1a3c6e;border-radius:16px;padding:36px 36px 32px;margin:0 0 28px}
.cwh-pullquote blockquote{margin:0;font-size:1.08rem;font-style:italic;font-weight:300;line-height:1.8;color:#fff}
.cwh-pullquote figcaption{display:flex;align-items:center;gap:14px;margin-top:20px}
.cwh-pullquote-rule{display:block;width:32px;height:1px;background:#d4af37;flex:none}
.cwh-pullquote-name{display:block;font-size:.95rem;font-weight:700;color:#d4af37;font-style:normal}
.cwh-pullquote-role{display:block;font-size:.85rem;color:rgba(255,255,255,.7)}
@media (max-width:560px){.cwh-pullquote{padding:28px 22px 24px}.cwh-pullquote blockquote{font-size:1rem}}

/* ── last-reviewed footer ─────────────────────────────── */
.cwh-reviewed{font-size:.875rem;color:#9ca3af;margin:0}
.cwh-reviewed a{color:#1a3c6e;font-weight:600;text-decoration:underline}
.cwh-reviewed a:hover{color:#b8941f}

/* ============================================================
   ShieldWise — HERO VARIANT B: Full-bleed photo overlay
   For coastal / waterfront / destination cities. Single photo
   fills the frame, directional dark gradient, copy left-aligned.
   Reuses all .cwh-hero tokens, buttons, trust list, animations.
   ============================================================ */
.cwh-hero-b{min-height:min(820px,90vh)}
.cwh-hero-b .cwh-backdrop{opacity:.82;background-position:center 18%;background-image:none}
.cwh-hero-b .cwh-veil{
  background:
    radial-gradient(820px 600px at 82% 38%, rgba(201,162,39,.10), transparent 62%),
    linear-gradient(86deg, var(--abyss) 0%, rgba(5,15,27,.80) 28%, rgba(5,15,27,.32) 58%, rgba(8,26,44,.10) 100%),
    linear-gradient(0deg, var(--abyss) 0%, rgba(5,15,27,0) 28%);
}
.cwh-hero-b .cwh-stage{grid-template-columns:1fr;align-items:center}
.cwh-hero-b .cwh-copy{max-width:780px}
.cwh-hero-b .cwh-cityname{font-size:clamp(54px,7.3vw,110px)}
.cwh-hero-b .cwh-descriptor,.cwh-hero-b .cwh-sub,.cwh-hero-b .cwh-trust{max-width:640px}

/* ============================================================
   ShieldWise — HERO VARIANT C: Editorial type-led
   For dense urban / business-district cities. City name is the
   visual anchor; no mosaic; a 3-item sector icon strip replaces
   the photo wall. Near-invisible backdrop texture.
   ============================================================ */
.cwh-hero-c{min-height:min(720px,84vh)}
.cwh-hero-c .cwh-backdrop{opacity:.07;background-position:center center;background-image:none}
.cwh-hero-c .cwh-veil{
  background:
    radial-gradient(900px 620px at 50% 30%, rgba(201,162,39,.10), transparent 66%),
    linear-gradient(180deg, rgba(5,15,27,.72) 0%, rgba(8,26,44,.5) 60%, var(--abyss) 100%);
}
.cwh-hero-c .cwh-stage{grid-template-columns:1fr;align-items:center}
.cwh-hero-c .cwh-copy{max-width:940px}
.cwh-hero-c .cwh-cityname{font-size:clamp(58px,8.4vw,128px)}
.cwh-icon-strip{
  display:flex;flex-wrap:wrap;gap:0;margin-top:34px;max-width:780px;
  border:1px solid rgba(168,186,203,.18);border-radius:6px;overflow:hidden;
  background:rgba(8,26,44,.4);
}
.cwh-icon-strip-item{display:flex;align-items:center;gap:13px;padding:16px 22px;flex:1 1 0;min-width:210px}
.cwh-icon-strip-item + .cwh-icon-strip-item{border-left:1px solid rgba(168,186,203,.18)}
.cwh-icon-strip-item i{color:var(--gold);font-size:1.18rem;flex:none}
.cwh-icon-strip-label{font-size:12.5px;font-weight:600;letter-spacing:.03em;color:var(--paper);line-height:1.45}
@media (max-width:640px){
  .cwh-icon-strip-item{flex:1 1 100%}
  .cwh-icon-strip-item + .cwh-icon-strip-item{border-left:none;border-top:1px solid rgba(168,186,203,.18)}
}