@charset "UTF-8";/* v1.1.0 — six city landing pages only. Original photo and portrait. */
.jwd-inline-hook .inline-owner.jwd-skyline-focus {
  position:relative; isolation:isolate; overflow:hidden;
  grid-template-columns:minmax(0,1fr) minmax(200px,.38fr);
  gap:clamp(16px,2vw,32px); min-height:350px; padding:28px 32px;
  background:#163b59;
  background-image:linear-gradient(90deg,rgba(10,40,63,.94) 0%,rgba(10,40,63,.79) 43%,rgba(10,40,63,.22) 72%,rgba(10,40,63,.02) 100%),url('https://www.jwdjunkremoval.ca/templates/jwd_supercar/images/city-skyline-1600-v100.webp');
  background-size:cover; background-position:center;
}
.jwd-skyline-focus .inline-owner-copy {min-width:0;position:relative;z-index:1;}
.jwd-skyline-focus .inline-owner-copy h2 {font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.12;color:#fff;text-shadow:0 2px 3px #08243c;}
.jwd-skyline-focus .inline-owner-copy > p {max-width:64ch;color:#fff!important;text-shadow:0 1px 3px #08243c;}
.jwd-skyline-focus .jwd-owner-portrait {align-self:end;position:relative;z-index:1;}
.jwd-inline-hook .jwd-skyline-focus .inline-owner-image {width:min(100%,270px);max-height:310px;height:auto;object-fit:contain;}
.jwd-skyline-focus .jwd-owner-signature {white-space:nowrap;text-shadow:0 2px 4px #08243c;}
.jwd-skyline-focus .jwd-city-trust-row {display:grid;grid-template-columns:minmax(145px,.85fr) minmax(0,2fr);align-items:center;gap:16px;margin-top:20px;}
.jwd-skyline-focus .jwd-city-trust-row > * {min-width:0;}
.jwd-skyline-focus .jwd-city-story .button {min-height:48px;}
.jwd-skyline-focus .jwd-city-story .inline-owner-story {font-size:.85rem;max-width:29ch;color:#fff!important;}
.jwd-skyline-focus .jwd-inline-reviews {position:static!important;inset:auto!important;width:100%!important;max-width:380px;margin:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.jwd-skyline-focus .jwd-review-card {width:100%;min-width:0;height:auto;min-height:112px;gap:5px;padding:10px 6px;}
.jwd-skyline-focus .jwd-review-card__source {font-size:.85rem;white-space:normal;}
.jwd-skyline-focus .jwd-review-card__count {font-size:.88rem;}
.jwd-skyline-focus .jwd-review-card__action {font-size:.8rem;}
.jwd-inline-hook .jwd-city-showcase {max-width:100%!important;padding:0!important;margin:0 0 32px!important;}
.jwd-city-showcase .jwd-recent-job {margin:0;padding:0 0 24px;}
.jwd-city-showcase .jwd-job-card {background:#192f43;color:#fff;}
.jwd-city-showcase .jwd-job-card :is(h3,p,time) {color:#fff!important;}
.jwd-city-showcase .jwd-hero :is(h1,p,.jwd-kicker) {color:#fff!important;}
.jwd-city-showcase .jwd-recent-job > p:last-child {margin:20px 0 0;}
.jwd-city-showcase .jwd-recent-job > p:last-child a {color:#fff!important;font-weight:700;}
@media (max-width:1100px) {
  .jwd-inline-hook .inline-owner.jwd-skyline-focus {padding:24px;grid-template-columns:minmax(0,1fr) minmax(180px,.38fr);}
  .jwd-skyline-focus .jwd-city-trust-row {grid-template-columns:1fr;gap:16px;}
  .jwd-skyline-focus .jwd-inline-reviews {justify-self:start;}
}
@media (max-width:700px) {
  .jwd-inline-hook .inline-owner.jwd-skyline-focus {
    grid-template-columns:1fr;padding:28px 20px 20px;gap:20px;
    background-image:linear-gradient(180deg,rgba(10,40,63,.93) 0%,rgba(10,40,63,.82) 50%,rgba(10,40,63,.2) 78%,rgba(10,40,63,.52) 100%),url('https://www.jwdjunkremoval.ca/templates/jwd_supercar/images/city-skyline-960-v100.webp');
    background-position:center,64% center;
  }
  .jwd-skyline-focus .jwd-city-trust-row {justify-items:center;}
  .jwd-skyline-focus .jwd-inline-reviews {justify-self:center;max-width:360px;}
  .jwd-skyline-focus .inline-owner-story {margin-inline:auto!important;}
  .jwd-inline-hook .jwd-skyline-focus .inline-owner-image {max-height:270px;}
  .jwd-skyline-focus .jwd-owner-signature {font-size:1.7rem!important;}
}
@media (max-width:380px) {
  .jwd-skyline-focus .jwd-inline-reviews {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;}
  .jwd-skyline-focus .jwd-review-card {width:100%!important;min-height:120px;}
  .jwd-skyline-focus .jwd-review-card__source {font-size:.72rem;}
  .jwd-skyline-focus .jwd-review-card__count {font-size:.8rem;}
}

/* Final city banner polish: overrides article-specific styles without changing other sections. */
.jwd-inline-hook .jwd-city-showcase .jwd-hero {text-align:center!important;}
.jwd-inline-hook .jwd-city-showcase .jwd-hero :is(h1,p) {margin-inline:auto!important; text-align:center!important;}
.jwd-inline-hook .jwd-city-showcase .jwd-hero .jwd-actions {justify-content:center!important;}

/* Reuse the approved city showcase for clean service articles. */
.jwd-service-showcase {--jwd-navy:#172d40;--jwd-blue:#365b7b;--jwd-red:#c83b2c;--jwd-soft:#edf3f7;--jwd-line:#d3dee7;--jwd-text:#243746;--jwd-muted:#5b6b78;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;}
.jwd-service-showcase *, .jwd-service-showcase *::before, .jwd-service-showcase *::after {box-sizing:border-box;}
.jwd-service-showcase .jwd-hero { position:relative; overflow:hidden; margin:0 0 20px; padding:clamp(26px,5vw,52px); border-radius:16px; background:linear-gradient(120deg,#172d40 0%,#284b68 68%,#365b7b 100%); color:#fff; box-shadow:0 12px 30px rgba(23,45,64,.15); }
.jwd-service-showcase .jwd-hero::after { content:""; position:absolute; width:250px; height:250px; right:-85px; top:-100px; border:35px solid rgba(255,255,255,.08); border-radius:50%; pointer-events:none; }
.jwd-service-showcase .jwd-hero h1 { max-width:850px; margin:0 0 12px; color:#fff; font-size:clamp(2rem,4.7vw,3.25rem); font-weight:800; letter-spacing:-.025em; }
.jwd-service-showcase .jwd-hero p { max-width:820px; margin-bottom:0; color:#edf3f7; font-size:1.08rem; }
.jwd-service-showcase .jwd-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.jwd-service-showcase .jwd-btn { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:9px; padding:10px 16px; border:1px solid var(--jwd-red); border-radius:7px; background:var(--jwd-red); color:#fff!important; font-size:.98rem; font-weight:700; text-align:center; text-decoration:none!important; box-shadow:0 5px 13px rgba(0,0,0,.14); transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease; }
.jwd-service-showcase .jwd-btn:hover, .jwd-service-showcase .jwd-btn:focus-visible { transform:translateY(-2px); background:#a92f24; border-color:#a92f24; color:#fff!important; box-shadow:0 8px 18px rgba(0,0,0,.22); }
.jwd-service-showcase .jwd-btn--outline { border-color:rgba(255,255,255,.65); background:transparent; box-shadow:none; }
.jwd-service-showcase .jwd-btn--outline:hover, .jwd-service-showcase .jwd-btn--outline:focus-visible { background:rgba(255,255,255,.13); border-color:#fff; }
.jwd-service-showcase .jwd-btn-icon { display:inline-flex; width:19px; height:19px; flex:0 0 19px; align-items:center; justify-content:center; }
.jwd-service-showcase .jwd-btn-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.jwd-service-showcase .jwd-trustbar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:18px 0 32px; }
.jwd-service-showcase .jwd-trustbar span { display:flex; min-height:54px; align-items:center; justify-content:center; gap:8px; padding:10px; border:1px solid var(--jwd-line); border-radius:9px; background:#fff; color:var(--jwd-navy); font-size:.92rem; font-weight:700; text-align:center; }
.jwd-service-showcase .jwd-check { color:var(--jwd-red); font-size:1.15rem; }
@media (max-width:760px) {.jwd-service-showcase .jwd-trustbar {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:480px) {
 .jwd-service-showcase .jwd-hero {border-radius:12px;padding:25px 20px;}
 .jwd-service-showcase .jwd-actions {display:grid;grid-template-columns:1fr;}
 .jwd-service-showcase .jwd-btn {width:100%;}
}