/* =========================================================
   Concrete Leveling Santa Clarita — Service Pages
   Shared pieces + layout variants (each page combines a
   different hero, content, cost, process and FAQ layout)
   ========================================================= */

.svc-page { background: var(--cream); }
.svc-page h2 { font-size: clamp(1.6rem, 2.6vw, 2.2rem); margin-bottom: 12px; }
.sec-intro { max-width: 760px; color: #444; margin-bottom: 24px; }
.btn-ghost { color: inherit; border-color: currentColor; background: transparent; }
.btn-ghost:hover { background: rgba(255,255,255,.12); }
.btn-dark svg, .btn-ghost svg { width: 18px; height: 18px; fill: currentColor; }

/* ---------- Hero (shared) ---------- */
.svc-hero { position: relative; padding: calc(var(--header-h, 118px) + 34px) 0 56px; overflow: hidden; }
.svc-hero-inner { display: grid; grid-template-columns: 1.02fr 1fr; gap: 48px; align-items: center; }
.svc-hero h1 { font-size: clamp(2.1rem, 4.2vw, 3.4rem); font-weight: 800; line-height: 1.04; margin: 10px 0 14px; color: inherit; }
.svc-lead { font-size: clamp(1.05rem, 1.5vw, 1.22rem); line-height: 1.5; max-width: 560px; margin-bottom: 22px; }
.svc-hero-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; }
.svc-hero-points { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: .9rem; font-weight: 500; }
.svc-hero-points li { display: flex; align-items: center; gap: 6px; }
.svc-hero-points svg { width: 18px; height: 18px; fill: var(--orange-light); }
.svc-hero-media img { width: 100%; height: auto; border-radius: 10px; }

.crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: .82rem; opacity: .9; }
.crumbs a { text-decoration: underline; text-underline-offset: 3px; }
.crumbs a:hover { color: var(--orange-light); }

/* Hero backgrounds */
.hero-bg-dark .svc-hero { background: radial-gradient(circle at 80% 20%, #3b3e3c 0, #232524 55%, #1b1c1b 100%); color: var(--white); }
.hero-bg-cream .svc-hero { background: linear-gradient(180deg, #efe6d8 0%, #f7f2ea 100%); color: var(--charcoal); }
.hero-bg-concrete .svc-hero { background-color: #e3e0da; background-image: radial-gradient(rgba(0,0,0,.05) 1px, transparent 1px), radial-gradient(rgba(255,255,255,.5) 1px, transparent 1px); background-size: 7px 7px, 11px 11px; color: var(--charcoal); }
.hero-bg-orange .svc-hero { background: linear-gradient(135deg, #d4621f 0%, #b2460f 55%, #84300a 100%); color: var(--white); }
.hero-bg-pool .svc-hero { background: linear-gradient(160deg, #123039 0%, #1b4652 60%, #215866 100%); color: var(--white); }
.hero-bg-cream .crumbs a:hover, .hero-bg-concrete .crumbs a:hover { color: var(--orange); }
.hero-bg-cream .svc-hero h1 span, .hero-bg-concrete .svc-hero h1 span { color: var(--orange); }
.hero-bg-orange .svc-hero-points svg { fill: #ffe2c9; }
.hero-bg-orange .btn-orange { background: var(--charcoal); border-color: var(--charcoal-3); }
.hero-bg-orange .btn-orange:hover { background: var(--charcoal-3); }

/* Hero A: text left, framed image right with an offset block */
.hero-split-r .svc-hero-media { position: relative; }
.hero-split-r .svc-hero-media::before { content: ""; position: absolute; inset: 18px -18px -18px 18px; border: 3px solid var(--orange-light); border-radius: 12px; }
.hero-split-r.hero-bg-orange .svc-hero-media::before { border-color: #ffd2ad; }
.hero-split-r .svc-hero-media img { position: relative; box-shadow: 0 18px 40px rgba(0,0,0,.4); }

/* Hero B: image left, text right, image with a stamped badge */
.hero-split-l .svc-hero-inner { grid-template-columns: 1fr 1.02fr; }
.hero-split-l .svc-hero-media { position: relative; }
.hero-split-l .svc-hero-media img { border-radius: 14px 70px 14px 14px; box-shadow: 0 14px 34px rgba(40,30,20,.25); border: 6px solid #fff; }
.hero-split-l .svc-hero-media::after { content: "Free estimates\A Since 2008"; white-space: pre; position: absolute; left: -14px; bottom: 26px; background: var(--orange); color: #fff; font-family: var(--font-head); font-weight: 800; font-size: 1rem; line-height: 1.2; padding: 12px 16px; border-radius: 6px; box-shadow: 0 8px 18px rgba(0,0,0,.25); }

/* Hero C: centered text above a centered image */
.hero-stack .svc-hero-inner { grid-template-columns: 1fr; text-align: center; gap: 30px; }
.hero-stack .svc-hero-text { max-width: 860px; margin-inline: auto; }
.hero-stack .crumbs, .hero-stack .svc-hero-btns, .hero-stack .svc-hero-points { justify-content: center; }
.hero-stack .svc-lead { margin-inline: auto; }
.hero-stack .svc-hero-media { max-width: 760px; margin-inline: auto; }
.hero-stack .svc-hero-media img { border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.35); }
.hero-stack .svc-hero { padding-bottom: 0; }
.hero-stack .svc-hero-media { margin-bottom: -70px; position: relative; z-index: 2; }
.hero-stack .svc-content { padding-top: 110px; }

/* Hero D: text band with image card overlapping into the next section */
.hero-overlap .svc-hero { overflow: visible; padding-bottom: 40px; z-index: 2; }
.hero-overlap .svc-hero-media { transform: translateY(90px); }
.hero-overlap .svc-hero-media img { border: 8px solid #fff; border-radius: 6px; box-shadow: 0 24px 50px rgba(0,0,0,.35); transform: rotate(1.5deg); }
.hero-overlap .svc-content { padding-top: 120px; }

/* ---------- Content (shared) ---------- */
.svc-content { padding: 56px 0; }
.svc-intro p { font-size: 1.08rem; line-height: 1.7; color: #333; }
.svc-sec { margin-top: 34px; }
.svc-sec h2 { font-size: clamp(1.4rem, 2.2vw, 1.8rem); }
.svc-content p { line-height: 1.7; color: #3a3a3a; }

.svc-list { display: grid; gap: 8px; margin: 4px 0 18px; }
.svc-list li { display: flex; gap: 10px; align-items: flex-start; line-height: 1.45; }
.svc-list svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; fill: var(--white); background: var(--orange); border-radius: 50%; padding: 2px; }
.svc-list-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 22px; }

.svc-figure { margin: 34px 0; }
.svc-figure img { width: 100%; height: auto; border-radius: 10px; box-shadow: var(--shadow); }
.svc-figure figcaption { font-size: .85rem; color: var(--muted); margin-top: 8px; text-align: center; }

/* Content A: main column + sticky sidebar */
.svc-cols { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; align-items: start; }
.is-left .svc-cols { grid-template-columns: 300px minmax(0, 1fr); }
.is-left .svc-aside { order: -1; }
.svc-main { max-width: 820px; }
.svc-aside { position: sticky; top: calc(var(--header-h, 118px) + 16px); display: grid; gap: 18px; }
.aside-card { background: var(--white); border: 1px solid var(--line); border-radius: 10px; padding: 20px; box-shadow: var(--shadow); }
.aside-card h3 { font-size: 1.2rem; margin-bottom: 8px; }
.aside-cta { background: var(--charcoal); color: var(--white); border: 0; }
.aside-cta h3 { color: var(--white); }
.aside-cta p { color: #d9d4cc; font-size: .92rem; }
.aside-phone { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; font-family: var(--font-head); font-weight: 700; font-size: 1.3rem; color: #f08a3e; }
.aside-phone svg { width: 20px; height: 20px; fill: currentColor; }
.aside-links li a { display: block; padding: 8px 0; border-bottom: 1px solid var(--line); font-weight: 500; }
.aside-links li:last-child a { border-bottom: 0; }
.aside-links a:hover { color: var(--orange); }
.is-left .svc-sec h2 { border-bottom: 3px solid var(--orange); display: inline-block; padding-bottom: 4px; }

/* Content B: full-width alternating rows (heading left, body right) */
.svc-content-blocks { padding: 0; }
.svc-intro-lg { padding: 56px 0 30px; max-width: 900px; }
.svc-intro-lg p { font-size: 1.15rem; }
.svc-row { padding: 40px 0; }
.svc-row:nth-child(odd) { background: var(--white); }
.svc-row-inner { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 46px; }
.svc-row-inner h2 { font-size: clamp(1.35rem, 2vw, 1.7rem); position: relative; padding-top: 16px; }
.svc-row-inner h2::before { content: ""; position: absolute; top: 0; left: 0; width: 46px; height: 5px; background: var(--orange); border-radius: 3px; }
.svc-row-body p:last-child { margin-bottom: 0; }
.svc-row-figure { background: var(--charcoal) !important; padding: 44px 0; }
.svc-figure-wide { margin: 0 auto; max-width: 820px; }
.svc-figure-wide figcaption { color: #d8d2c8; }

/* Content C: card grid with chip lists */
.svc-intro-center { max-width: 860px; margin: 0 auto 30px; text-align: center; }
.svc-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.svc-card { background: var(--white); border-radius: 10px; padding: 24px 24px 18px; box-shadow: var(--shadow); border-left: 5px solid var(--orange); }
.svc-card:nth-child(4n+2), .svc-card:nth-child(4n+3) { border-left-color: var(--charcoal); }
.svc-card h2 { font-size: 1.35rem; }
.svc-card p { font-size: .95rem; }
.svc-card-img { padding: 0; border: 0; overflow: hidden; background: transparent; box-shadow: none; display: flex; align-items: center; }
.svc-card-img .svc-figure { margin: 0; width: 100%; }
.svc-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 16px; }
.svc-chips li { display: inline-flex; align-items: center; gap: 6px; background: var(--cream-2); border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px 6px 8px; font-size: .86rem; }
.svc-chips svg { width: 14px; height: 14px; fill: var(--orange); }

/* Content D: narrow editorial column */
.svc-narrow { width: min(780px, 100% - 40px); margin-inline: auto; }
.svc-content-magazine .svc-sec h2 { border-left: 6px solid var(--orange); padding-left: 14px; }
.svc-dropcap p:first-child::first-letter { float: left; font-family: var(--font-head); font-weight: 800; font-size: 4.2rem; line-height: .85; color: var(--orange); margin: 6px 10px 0 0; }
.svc-figure-break { width: min(1080px, 100vw - 40px); margin-left: 50%; transform: translateX(-50%); display: grid; grid-template-columns: 1.3fr 1fr; gap: 26px; align-items: center; background: var(--charcoal); padding: 22px; border-radius: 12px; }
.svc-figure-break figcaption { color: #fff; text-align: left; margin: 0; display: grid; gap: 12px; justify-items: start; }
.svc-figure-break figcaption strong { font-family: var(--font-head); font-size: 1.6rem; line-height: 1.2; }
.svc-figure-break figcaption span { color: #d8d2c8; font-size: .98rem; line-height: 1.55; }

/* ---------- Cost (shared) ---------- */
.svc-cost { padding: 60px 0; }
.cost-note { font-size: .82rem; color: var(--muted); margin: 16px 0 0; }

/* Cost A: price cards */
.cost-cards { background: var(--cream-2); }
.cost-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.cost-card { background: var(--white); border-radius: 10px; padding: 22px 18px; text-align: center; border-top: 5px solid var(--orange); box-shadow: var(--shadow); }
.cost-card h3 { font-size: 1.05rem; min-height: 2.4em; display: flex; align-items: center; justify-content: center; }
.cost-price { font-family: var(--font-head); font-size: 1.75rem; font-weight: 800; color: var(--orange); margin: 6px 0; }
.cost-card.is-custom { border-top-color: var(--charcoal); }
.cost-card.is-custom .cost-price { color: var(--charcoal); font-size: 1.45rem; }
.cost-desc { font-size: .88rem; color: var(--muted); margin: 0; }
.cost-factors { margin-top: 26px; }
.cost-factors h3, .factor-title { font-size: 1.2rem; margin: 26px 0 10px; }
.cost-factors ul, .cost-factor-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; }
.cost-factors li, .cost-factor-list li { display: flex; gap: 8px; align-items: flex-start; }
.cost-factors svg, .cost-factor-list svg { width: 18px; height: 18px; fill: var(--orange); flex-shrink: 0; margin-top: 2px; }

/* Cost B: table */
.cost-table { background: var(--white); }
.cost-table-wrap { overflow-x: auto; border-radius: 10px; border: 1px solid var(--line); }
.cost-table table { width: 100%; border-collapse: collapse; min-width: 520px; }
.cost-table thead th { background: var(--charcoal); color: var(--white); text-align: left; font-size: .85rem; text-transform: uppercase; letter-spacing: .03em; padding: 12px 18px; }
.cost-table thead th:last-child { text-align: right; }
.cost-table tbody th { text-align: left; font-weight: 700; padding: 16px 18px; font-size: 1rem; }
.cost-table tbody th span { display: block; font-weight: 400; font-size: .86rem; color: var(--muted); margin-top: 2px; }
.cost-table tbody td { text-align: right; font-family: var(--font-head); font-weight: 800; font-size: 1.35rem; color: var(--orange); padding: 16px 18px; white-space: nowrap; }
.cost-table tbody tr:nth-child(even) { background: var(--cream); }
.cost-table tbody tr + tr { border-top: 1px solid var(--line); }
.factor-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.factor-chips li { background: var(--cream-2); border: 1px solid var(--line); border-radius: 6px; padding: 8px 14px; font-size: .9rem; font-weight: 500; }

/* Cost C: split with dark price panel */
.cost-split { background: var(--cream); }
.cost-split-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: start; }
.cost-factor-list { grid-template-columns: 1fr; margin-bottom: 22px; }
.cost-panel { background: var(--charcoal); color: var(--white); border-radius: 12px; padding: 26px; box-shadow: 0 16px 34px rgba(0,0,0,.25); }
.cost-panel-label { font-family: var(--font-head); font-weight: 700; font-size: 1.1rem; color: #f08a3e; margin-bottom: 10px; }
.cost-panel li { display: flex; justify-content: space-between; gap: 18px; padding: 14px 0; border-bottom: 1px dashed rgba(255,255,255,.2); }
.cost-panel li h3 { color: var(--white); font-size: 1.02rem; margin-bottom: 2px; }
.cost-panel li p { font-size: .84rem; color: #c9c2b7; margin: 0; }
.cost-panel li strong { font-family: var(--font-head); font-size: 1.3rem; color: #f08a3e; white-space: nowrap; }
.cost-panel .cost-note { color: #bdb6ab; }

/* ---------- Process (shared) ---------- */
.svc-process { padding: 60px 0; }
.steps { list-style: none; margin: 0; padding: 0; }
.step h3 { font-size: 1.12rem; margin-bottom: 6px; }
.step p { margin: 0; font-size: .92rem; line-height: 1.55; }
.step-num { display: grid; place-items: center; font-family: var(--font-head); font-weight: 800; }

/* Process A: horizontal timeline on dark */
.process-timeline { background: var(--charcoal); color: var(--white); }
.process-timeline h2, .process-timeline h3 { color: var(--white); }
.process-timeline .sec-intro { color: #d8d2c8; }
.process-timeline .steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; position: relative; }
.process-timeline .steps::before { content: ""; position: absolute; top: 25px; left: 10%; right: 10%; height: 3px; background: repeating-linear-gradient(90deg, var(--orange) 0 14px, transparent 14px 22px); }
.process-timeline .step { position: relative; text-align: center; }
.process-timeline .step-num { width: 52px; height: 52px; border-radius: 50%; margin: 0 auto 14px; background: var(--orange); color: #fff; font-size: 1.3rem; border: 4px solid var(--charcoal); position: relative; }
.process-timeline .step p { color: #d1cbc1; }

/* Process B: vertical line */
.process-vertical { background: var(--white); }
.process-vertical .container { display: grid; grid-template-columns: 340px minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: 56px; align-items: start; }
.process-vertical h2, .process-vertical .sec-intro { grid-column: 1; }
.process-vertical .steps { grid-column: 2; grid-row: 1 / span 3; position: relative; }
.process-vertical .steps::before { content: ""; position: absolute; left: 23px; top: 10px; bottom: 10px; width: 3px; background: var(--line); }
.process-vertical .step { display: grid; grid-template-columns: 50px 1fr; gap: 18px; padding: 0 0 26px; position: relative; }
.process-vertical .step-num { width: 48px; height: 48px; border-radius: 10px; background: var(--charcoal); color: #fff; font-size: 1.2rem; position: relative; }
.process-vertical .step:nth-child(odd) .step-num { background: var(--orange); }
.process-vertical .step > div { background: var(--cream); border: 1px solid var(--line); border-radius: 8px; padding: 14px 18px; }

/* Process C: cards on orange */
.process-cards { background: linear-gradient(135deg, #c9581c, #a2400d); color: var(--white); }
.process-cards h2 { color: var(--white); }
.process-cards .sec-intro { color: #ffe4cf; }
.process-cards .steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.process-cards .step { background: var(--white); color: var(--text); border-radius: 10px; padding: 20px 18px; box-shadow: 0 10px 22px rgba(0,0,0,.2); }
.process-cards .step-num { width: auto; justify-content: start; font-size: 2.6rem; color: var(--cream-2); -webkit-text-stroke: 2px var(--orange); line-height: 1; margin-bottom: 8px; }
.process-cards .step p { color: var(--muted); }

/* ---------- FAQ (shared) ---------- */
.svc-faq { padding: 60px 0; }

/* FAQ A: accordion with side heading */
.faq-accordion { background: var(--white); }
.svc-faq-inner { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 44px; align-items: start; }
.svc-faq-head { position: sticky; top: calc(var(--header-h, 118px) + 16px); }
.svc-faq-head p { color: var(--muted); }
.svc-faq-item { border: 1px solid var(--line); border-radius: 8px; background: var(--cream); margin-bottom: 10px; }
.svc-faq-item summary { list-style: none; cursor: pointer; padding: 16px 48px 16px 18px; position: relative; }
.svc-faq-item summary::-webkit-details-marker { display: none; }
.svc-faq-item summary h3 { font-family: var(--font-body); font-size: 1rem; font-weight: 700; line-height: 1.4; }
.svc-faq-item summary::after { content: "+"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 50%; background: var(--orange); color: #fff; display: grid; place-items: center; font-weight: 700; }
.svc-faq-item[open] summary::after { content: "\2212"; background: var(--charcoal); }
.svc-faq-item p { padding: 0 18px 16px; margin: 0; color: #444; line-height: 1.65; }

/* FAQ B: open card grid */
.faq-grid { background: var(--cream-2); }
.svc-faq-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.svc-faq-card { background: var(--white); border-radius: 10px; padding: 20px 22px; box-shadow: var(--shadow); position: relative; padding-left: 62px; }
.svc-faq-card::before { content: "Q"; position: absolute; left: 18px; top: 18px; width: 30px; height: 30px; border-radius: 6px; background: var(--orange); color: #fff; font-family: var(--font-head); font-weight: 800; display: grid; place-items: center; }
.svc-faq-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.svc-faq-card h3 { font-family: var(--font-body); font-size: 1.02rem; font-weight: 700; margin-bottom: 8px; line-height: 1.4; }
.svc-faq-card p { margin: 0; color: #444; line-height: 1.65; font-size: .95rem; }

/* ---------- CTA + form ---------- */
.svc-cta { background: var(--charcoal); color: var(--white); padding: 60px 0; scroll-margin-top: 110px; }
.svc-cta-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: start; }
.svc-cta h2, .svc-cta h3 { color: var(--white); }
.svc-cta p { color: #d8d2c8; }
.cta-phone { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-head); font-weight: 800; font-size: 1.9rem; color: #f08a3e; margin: 4px 0 26px; }
.cta-phone svg { width: 26px; height: 26px; fill: currentColor; }
.svc-cta h3 { font-size: 1.15rem; margin-bottom: 10px; }
.cta-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 18px; }
.cta-links a { color: #e9e3d8; text-decoration: underline; text-underline-offset: 3px; font-size: .92rem; }
.cta-links a:hover { color: #f08a3e; }
.svc-cta-form { background: var(--cream); border-radius: 12px; padding: 22px; color: var(--text); box-shadow: 0 14px 30px rgba(0,0,0,.3); }
.svc-cta-form .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.svc-cta-form .field input, .svc-cta-form .field select, .svc-cta-form .field textarea { font-size: .92rem; padding-top: 11px; padding-bottom: 11px; }

/* ---------- Responsive ---------- */
@media (max-width: 1020px) {
  .svc-hero-inner, .hero-split-l .svc-hero-inner { grid-template-columns: 1fr; gap: 30px; }
  .hero-split-l .svc-hero-media { order: 2; }
  .svc-hero-media { max-width: 640px; }
  .hero-overlap .svc-hero-media { transform: translateY(50px); }
  .hero-overlap .svc-content { padding-top: 90px; }
  .svc-cols, .is-left .svc-cols { grid-template-columns: 1fr; }
  .svc-aside { position: static; }
  .is-left .svc-aside { order: 2; }
  .svc-row-inner { grid-template-columns: 1fr; gap: 10px; }
  .cost-grid { grid-template-columns: repeat(2, 1fr); }
  .cost-split-inner { grid-template-columns: 1fr; }
  .process-timeline .steps, .process-cards .steps { grid-template-columns: repeat(2, 1fr); row-gap: 26px; }
  .process-timeline .steps::before { display: none; }
  .svc-faq-inner { grid-template-columns: 1fr; gap: 10px; }
  .svc-faq-head { position: static; }
  .process-vertical .container { grid-template-columns: 1fr; }
  .process-vertical .steps { grid-column: 1; grid-row: auto; }
  .svc-cta-inner { grid-template-columns: 1fr; }
  .svc-figure-break { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .svc-hero { padding-bottom: 40px; }
  .svc-hero-btns .btn { flex: 1 1 100%; }
  .hero-split-l .svc-hero-media::after { left: 8px; bottom: 14px; font-size: .85rem; padding: 8px 12px; }
  .svc-list-2, .cost-factors ul, .svc-card-grid, .svc-faq-cards, .cost-grid, .cta-links { grid-template-columns: 1fr; }
  .process-timeline .steps, .process-cards .steps { grid-template-columns: 1fr; }
  .svc-card { padding: 20px 18px 14px; }
  .svc-faq-card { padding-left: 56px; }
  .svc-cta-form .row2 { grid-template-columns: 1fr; }
  .cta-phone { font-size: 1.6rem; }
  .svc-dropcap p:first-child::first-letter { font-size: 3.4rem; }
  .hero-overlap .svc-hero-media img { transform: none; }
}