:root{
  --navy:#0C3360;        /* deep brand blue - headers, hero ground */
  --blue:#1C5FAF;        /* his nav blue */
  --sky:#2B9BD4;         /* logo ring blue */
  --red:#D4342A;         /* his CTA red - reserved for action */
  --red-dk:#B32A21;
  --ground:#F6F5F2;      /* warm off-white */
  --card:#FFFFFF;
  --ink:#17202B;
  --ink-2:#55646F;
  --line:#DFE2E0;
  --gold:#E8A33D;        /* review stars */
  --display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --body:'Source Sans 3',system-ui,-apple-system,sans-serif;
  --serif:'Source Serif 4',Georgia,serif;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:var(--body); font-size:17px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1120px; margin:0 auto; padding:0 20px}
a{color:inherit}
img{max-width:100%}

/* ---------- trust strip ---------- */
.strip{background:var(--navy); color:#CFE0F2; font-size:13.5px}
.strip .wrap{
  display:flex; flex-wrap:wrap; gap:6px 22px;
  padding-block:8px; align-items:center;
}
.strip b{color:#fff; font-weight:600}
.strip .sep{opacity:.35}
.strip .join{
  margin-left:auto; color:#fff; font-weight:600; text-decoration:none;
  border:1px solid rgba(255,255,255,.35); border-radius:999px; padding:2px 12px;
}
.strip .join:hover{background:rgba(255,255,255,.1); border-color:#fff}

/* ---------- header ---------- */
header{background:var(--card); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:40}
.bar{display:flex; align-items:center; gap:20px; padding-block:14px; flex-wrap:wrap}
.mark{display:flex; align-items:center; gap:12px; text-decoration:none; margin-right:auto}
.badge{width:60px; height:60px; flex:none; display:block}
.mark .name, .mark .tag{display:block}
.mark .name{
  font-family:var(--display); font-weight:800; font-size:19px;
  letter-spacing:-.015em; color:var(--navy); line-height:1.05;
}
.mark .tag{
  font-size:10.5px; letter-spacing:.11em; text-transform:uppercase;
  color:var(--red); font-weight:600; margin-top:2px;
}
.callbtn{
  display:flex; align-items:center; gap:9px; text-decoration:none;
  background:var(--navy); color:#fff; padding:10px 18px; border-radius:6px;
  font-family:var(--display); font-weight:700; font-size:19px; letter-spacing:-.01em;
  white-space:nowrap;
}
.callbtn small{display:block; font-family:var(--body); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; opacity:.8}
.bookbtn{
  text-decoration:none; background:var(--red); color:#fff;
  padding:13px 22px; border-radius:6px; white-space:nowrap;
  font-family:var(--display); font-weight:700; font-size:17px;
  box-shadow:0 2px 0 var(--red-dk);
}
.bookbtn:hover,.callbtn:hover{filter:brightness(1.08)}
nav{border-top:1px solid var(--line)}
.menu{display:flex; gap:2px; flex-wrap:wrap; list-style:none; margin:0; padding:6px 0}
.menu > li{position:relative}
.menu a{
  display:block; text-decoration:none; color:var(--ink-2); font-weight:600; font-size:15px;
  padding:8px 11px; border-radius:5px; white-space:nowrap;
}
.menu a:hover{background:#EDF2F8; color:var(--blue)}
.menu a[aria-current], .menu .here > a{color:var(--blue); background:#EDF2F8}
.has-sub > a::after{
  content:""; display:inline-block; width:6px; height:6px; margin-left:7px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:translateY(-3px) rotate(45deg); opacity:.5;
}
.menu .sub{
  display:none; position:absolute; left:0; top:100%; z-index:50; min-width:280px;
  list-style:none; margin:0; padding:6px; background:var(--card);
  border:1px solid var(--line); border-radius:8px; box-shadow:0 12px 28px rgba(12,51,96,.14);
}
.has-sub:hover > .sub, .has-sub:focus-within > .sub{display:block}
.menu .sub a{font-weight:500; padding:8px 10px}
.menu > li:nth-last-child(-n+3) .sub{left:auto; right:0}

/* phone menu */
.mnav{display:none}
.mnav summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; gap:10px;
  padding:12px 0; font-family:var(--display); font-weight:700; font-size:17px; color:var(--navy);
}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::before{
  content:""; width:20px; height:2px; background:currentColor;
  box-shadow:0 -6px 0 currentColor, 0 6px 0 currentColor; margin-left:2px;
}
.mnav[open] summary::before{box-shadow:none}
.mnav ul{list-style:none; margin:0; padding:0 0 10px}
.mnav a{
  display:block; text-decoration:none; color:var(--ink); font-weight:600;
  padding:10px 0; border-top:1px solid var(--line);
}
.mnav .sub a{font-weight:400; color:var(--ink-2); padding-left:18px}
.mnav a[aria-current]{color:var(--blue)}
@media (max-width:880px){
  .menu{display:none}
  .mnav{display:block}
}

/* ---------- hero ---------- */
.hero{
  background:
    radial-gradient(120% 90% at 85% 10%, rgba(43,155,212,.30), transparent 60%),
    linear-gradient(170deg, #0F3C72 0%, var(--navy) 55%, #08264A 100%);
  color:#fff;
}
.hero .wrap{padding-block:clamp(40px,7vw,72px)}
.hero-grid{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:44px; align-items:center}
.hero-img{
  display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover;
  border-radius:12px; box-shadow:0 18px 40px rgba(0,0,0,.28); background:#0A2E57;
}
.eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:12.5px; letter-spacing:.12em; text-transform:uppercase;
  font-weight:600; color:#9FD2EE; margin:0 0 16px;
}
.dot{width:8px; height:8px; border-radius:50%; background:#43D17F; flex:none}
.hero h1{
  font-family:var(--display); font-weight:800;
  font-size:clamp(34px,5.6vw,60px); line-height:1.02; letter-spacing:-.025em;
  margin:0; max-width:17ch; text-wrap:balance;
}
.hero h1 em{font-style:normal; color:#7FC8EE}
.lede{font-size:clamp(17px,2vw,20px); color:#C9DCEE; margin:18px 0 0; max-width:48ch}
.actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px}
.big-call{
  display:flex; flex-direction:column; text-decoration:none;
  background:#fff; color:var(--navy); padding:13px 24px; border-radius:7px;
}
.big-call small{font-size:11px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:var(--red)}
.big-call b{font-family:var(--display); font-weight:800; font-size:26px; letter-spacing:-.02em; line-height:1.1}
.big-book{
  display:flex; align-items:center; justify-content:center; text-decoration:none;
  background:var(--red); color:#fff; padding:14px 26px; border-radius:7px;
  font-family:var(--display); font-weight:700; font-size:19px;
  box-shadow:0 3px 0 var(--red-dk);
}
.big-book:hover,.big-call:hover{transform:translateY(-1px)}
.big-book,.big-call{transition:transform .12s ease}

/* ---------- proof row ---------- */
.proof{background:var(--card); border-bottom:1px solid var(--line)}
.proof .wrap{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:2px 28px; padding-block:18px;
}
.pf{display:flex; align-items:center; gap:11px; padding:8px 0}
.pf .fig{font-family:var(--display); font-weight:800; font-size:26px; color:var(--navy); line-height:1; letter-spacing:-.02em}
.pf .lab{font-size:13.5px; color:var(--ink-2); line-height:1.25}
.pf .lab b{display:block; color:var(--ink); font-weight:600; font-size:14.5px}
.stars{color:var(--gold); font-size:15px; letter-spacing:1px}

/* ---------- sections ---------- */
section{padding-block:clamp(44px,6vw,68px)}
.kicker{
  font-size:12.5px; letter-spacing:.13em; text-transform:uppercase;
  font-weight:700; color:var(--red); margin:0 0 10px;
}
h2{
  font-family:var(--display); font-weight:800;
  font-size:clamp(26px,3.6vw,38px); line-height:1.1; letter-spacing:-.02em;
  margin:0; text-wrap:balance;
}
.sub{color:var(--ink-2); margin:12px 0 0; max-width:60ch; font-size:17.5px}

/* services by symptom */
.grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(248px,1fr));
  gap:14px; margin-top:30px;
}
.svc{
  background:var(--card); border:1px solid var(--line); border-radius:9px;
  padding:20px; text-decoration:none; display:block;
  border-top:3px solid var(--sky);
}
.svc:hover{border-top-color:var(--red); box-shadow:0 4px 14px rgba(12,51,96,.08)}
.svc img{
  display:block; width:calc(100% + 40px); max-width:none; height:auto; margin:-20px -20px 16px;
  aspect-ratio:16/10; object-fit:cover; background:var(--line);
}
.svc .prob{
  font-family:var(--display); font-weight:700; font-size:18px;
  color:var(--navy); letter-spacing:-.01em; margin:0;
}
.svc .fix{margin:7px 0 0; font-size:15.5px; color:var(--ink-2)}
.svc .go{margin:12px 0 0; font-size:14px; font-weight:600; color:var(--blue)}

/* recent jobs */
.jobs-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:14px;
  margin:30px 0 0; padding:0; list-style:none;
}
.jobs-grid figure{margin:0}
.jobs-grid img{
  display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover;
  border-radius:9px; background:var(--line);
}
.jobs-grid figcaption{margin-top:8px; font-size:15px; color:var(--ink-2)}

/* reviews */
.reviews{background:var(--card); border-block:1px solid var(--line)}
.rev-head{display:flex; align-items:flex-end; gap:20px; flex-wrap:wrap; justify-content:space-between}
.allrevs{
  text-decoration:none; color:var(--blue); font-weight:600; font-size:16px;
  border-bottom:2px solid #BBD6EE; padding-bottom:2px; white-space:nowrap;
}
.allrevs:hover{border-bottom-color:var(--blue)}
.rev-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
  gap:16px; margin-top:30px;
}
.rev{
  background:var(--ground); border:1px solid var(--line); border-radius:10px;
  padding:22px; display:flex; flex-direction:column;
}
.rev .stars{font-size:16px; letter-spacing:2px; margin-bottom:12px}
.rev q{
  quotes:none; font-size:16.5px; line-height:1.5; color:var(--ink);
  display:block; margin-bottom:16px;
}
.rev .who{
  display:flex; align-items:center; gap:11px; margin-top:auto;
  padding-top:4px;
}
.initial{
  width:36px; height:36px; border-radius:50%; flex:none;
  background:var(--blue); color:#fff; display:grid; place-items:center;
  font-family:var(--display); font-weight:700; font-size:15px;
}
.rev .who b{display:block; font-size:15.5px; font-weight:600; color:var(--ink)}
.rev .who span span{display:block; font-size:13.5px; color:var(--ink-2)}
.reply{
  margin-top:16px; padding:13px 15px; border-left:3px solid var(--sky);
  background:#fff; border-radius:0 7px 7px 0;
}
.reply b{
  display:block; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--blue); font-weight:700; margin-bottom:5px;
}
.reply p{margin:0; font-size:15px; color:var(--ink-2); line-height:1.45}
.pricetag{
  display:inline-block; background:#E6F2E9; color:#1E6B3A; border-radius:4px;
  padding:3px 9px; font-size:12.5px; font-weight:600; margin-bottom:12px;
}

/* why band */
.why{background:var(--card); border-block:1px solid var(--line)}
.why-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:26px; margin-top:30px}
.why-grid h3{
  font-family:var(--display); font-weight:700; font-size:17.5px; margin:0 0 6px;
  color:var(--navy); padding-top:14px; border-top:2px solid var(--sky);
}
.why-grid p{margin:0; color:var(--ink-2); font-size:15.5px}
.why-photo{margin:28px 0 0}
.why-photo img{display:block; width:100%; height:auto; border-radius:10px; background:var(--line)}

/* scripture */
.verse{background:linear-gradient(175deg,#EEF4FA,#E4EEF7); border-block:1px solid #D4E2EE}
.verse .wrap{text-align:center; padding-block:clamp(40px,5.5vw,60px)}
.seal{display:block; margin:0 auto 26px; width:clamp(170px,26vw,220px); height:auto}
.verse blockquote{
  font-family:var(--serif); font-style:italic; font-weight:500;
  font-size:clamp(21px,2.8vw,30px); line-height:1.4; color:var(--navy);
  margin:0 auto; max-width:24ch; text-wrap:balance;
}
.verse cite{
  display:block; font-style:normal; font-family:var(--body);
  font-size:13px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--blue); font-weight:700; margin-top:18px;
}
.bible{
  display:inline-block; margin-top:26px; text-decoration:none;
  border:2px solid var(--blue); color:var(--blue); background:#fff;
  padding:11px 22px; border-radius:6px; font-weight:600; font-size:16px;
}
.bible:hover{background:var(--blue); color:#fff}

/* area */
.towns{display:flex; flex-wrap:wrap; gap:9px; margin-top:24px}
.towns span{
  background:var(--card); border:1px solid var(--line); border-radius:999px;
  padding:7px 15px; font-size:15px; color:var(--ink-2);
}

/* cta band */
.cta{background:var(--navy); color:#fff}
.cta .wrap{padding-block:clamp(40px,5.5vw,58px)}
.cta h2{color:#fff; max-width:18ch}
.cta .sub{color:#B9D1E8}

/* footer */
footer{background:#071D37; color:#A8BED6; font-size:15.5px}
footer .wrap{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:30px; padding-block:44px;
}
footer h4{
  font-family:var(--display); font-weight:700; font-size:13px; letter-spacing:.11em;
  text-transform:uppercase; color:#fff; margin:0 0 12px;
}
footer p{margin:0 0 7px}
footer a{color:#CFE0F2}
.legal{border-top:1px solid #11386A}
.legal .wrap{padding-block:16px; font-size:13.5px; color:#7E9ABA; display:block}

/* ---------- inner pages ---------- */
.phero .wrap{
  display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  gap:44px; align-items:center; padding-block:clamp(32px,5vw,56px);
}
.crumbs{font-size:14px; color:#9FD2EE; margin:0 0 14px}
.crumbs a{color:#CFE0F2; text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 7px; opacity:.5}
.phero h1{font-size:clamp(30px,4.2vw,46px); line-height:1.07; letter-spacing:-.022em; max-width:22ch}
.phero .lede{max-width:58ch; font-size:clamp(16.5px,1.8vw,18.5px)}
.phero-img{
  display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover;
  border-radius:12px; box-shadow:0 18px 40px rgba(0,0,0,.28); background:#0A2E57;
}

.page{
  display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:52px; align-items:start;
  padding-block:clamp(36px,5vw,60px);
}
.prose{font-size:18px; max-width:70ch}
.prose > :first-child{margin-top:0}
.prose h2{
  font-family:var(--display); font-weight:800; font-size:clamp(22px,2.6vw,28px);
  line-height:1.15; letter-spacing:-.015em; color:var(--navy); margin:44px 0 12px; text-wrap:balance;
}
.prose h2 a{text-decoration:none}
.prose h2 a::after{content:" →"; color:var(--sky)}
.prose h2 a:hover{color:var(--blue)}
.prose h3{font-family:var(--display); font-weight:700; font-size:20px; color:var(--navy); margin:30px 0 10px}
.prose p{margin:0 0 16px}
.prose a{color:var(--blue)}
.prose ul{list-style:none; margin:0 0 20px; padding:0}
.prose li{position:relative; padding-left:28px; margin:7px 0}
.prose li::before{
  content:""; position:absolute; left:3px; top:.42em; width:7px; height:12px;
  border-right:2.5px solid var(--sky); border-bottom:2.5px solid var(--sky); transform:rotate(45deg);
}
.prose figure{margin:26px 0 30px}
.prose figure img{display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:10px; background:var(--line)}
.prose figcaption{font-size:14.5px; color:var(--ink-2); margin-top:8px}
.prose .btnrow{margin:22px 0 28px}
.prose .btnrow a{color:#fff; display:inline-flex}
.prose .btn-note{margin:-14px 0 28px; font-size:16px; color:var(--ink-2)}

.aside{position:sticky; top:150px; display:grid; gap:16px}
.help{background:var(--navy); color:#fff; border-radius:12px; padding:22px}
.help h3{font-family:var(--display); font-weight:800; font-size:21px; margin:0 0 4px}
.help p{margin:0 0 16px; color:#B9D1E8; font-size:15px}
.help .big-call, .help .big-book{justify-content:center; text-align:center}
.help .big-book{padding:14px 20px; margin-top:10px}
.phero.solo .wrap{grid-template-columns:minmax(0,1fr)}
.phero.solo .lede, .phero.solo h1{max-width:60ch}
.prequal{display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 0}
.pq{
  display:inline-block; text-decoration:none; color:#fff; font-weight:700; font-size:15.5px;
  padding:10px 16px; border:2px solid rgba(255,255,255,.55); border-radius:7px;
}
.pq:hover{background:rgba(255,255,255,.1); border-color:#fff}
.plans{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:8px 0 26px}
.plan{background:var(--card); border:1px solid var(--line); border-top:3px solid var(--sky); border-radius:10px; padding:18px 18px 8px}
.prose .plan h3{margin:0 0 10px; font-size:18px}
.prose .plan ul{margin:0 0 10px}
.prose .plan li{font-size:16px; margin:5px 0}
.prose .plan p{font-size:16px}
.side-rev{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:18px 20px}
.side-rev q{display:block; margin:6px 0 10px; font-size:15.5px; line-height:1.5; quotes:none}
.side-rev .who{margin:0 0 10px; font-size:14.5px; color:var(--ink-2)}
.side-rev .who b{color:var(--ink)}
.side-rev a{font-size:14.5px; font-weight:600; color:var(--blue); text-decoration:none}
.phero-seal{display:block; width:min(100%,320px); height:auto; margin:0 auto; background:#fff; border-radius:50%; padding:10px}
.prose .scripture{font-family:var(--serif); font-style:italic; color:var(--navy); border-left:3px solid var(--sky); padding-left:16px}
.prose ul.cols{columns:2 220px; column-gap:28px}
.prose ul.cols li{break-inside:avoid; margin:4px 0}
.plan-logo{display:block; width:auto; max-width:100%; height:64px; object-fit:contain; margin:0 0 12px}
.prose figure.wix img{aspect-ratio:auto; object-fit:contain; background:none}
.prose figure.cover{margin-top:0}
.byline{margin:14px 0 0; color:#C9DCEE; font-size:15.5px}

/* blog */
.blog-list{padding-block:clamp(32px,4.5vw,52px)}
.post-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:18px}
.post-card{
  display:flex; flex-direction:column; text-decoration:none; color:inherit; background:var(--card);
  border:1px solid var(--line); border-radius:12px; overflow:hidden;
}
.post-card:hover{box-shadow:0 6px 18px rgba(12,51,96,.10); border-color:#C9D6E3}
.post-card img{display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; background:var(--line)}
.pc-body{display:flex; flex-direction:column; gap:6px; padding:16px 18px 20px}
.pc-date{font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--red); font-weight:700}
.pc-title{font-family:var(--display); font-weight:800; font-size:19px; line-height:1.2; color:var(--navy)}
.pc-text{font-size:15.5px; color:var(--ink-2)}
.post-card[hidden]{display:none}
.more-row{text-align:center; margin:28px 0 0}
.more-btn{
  font:inherit; font-family:var(--display); font-weight:700; font-size:17px; cursor:pointer;
  color:var(--navy); background:var(--card); border:2px solid var(--navy); border-radius:7px; padding:12px 26px;
}
.more-btn:hover{background:var(--navy); color:#fff}
.more-btn[hidden]{display:none}

/* request a Bible */
.bible-form{
  background:var(--card); border:1px solid var(--line); border-top:3px solid var(--red);
  border-radius:12px; padding:22px 22px 18px; margin:0 0 34px; display:grid; gap:14px;
}
.prose .bible-form h2{margin:0}
.bible-form label{display:grid; gap:6px; font-weight:600; font-size:16px}
.bible-form input{
  font:inherit; font-weight:400; padding:12px 14px; border:1px solid #C3CCD6; border-radius:7px; background:#fff;
}
.bible-form input:focus{outline:2px solid var(--sky); outline-offset:1px; border-color:var(--sky)}
.bible-form button{border:0; cursor:pointer; font:inherit; font-family:var(--display); font-weight:700; font-size:18px; justify-self:start}
.form-done{margin:0; color:#1E6B3A; font-weight:600}
.aside-seal{display:block; width:100%; max-width:300px; height:auto; margin:0 auto}

.related{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:18px 20px 10px}
.related h3{
  font-size:12.5px; letter-spacing:.13em; text-transform:uppercase; font-weight:700;
  color:var(--red); margin:0 0 6px;
}
.related a{
  display:block; padding:9px 0; border-top:1px solid var(--line);
  text-decoration:none; font-weight:600; color:var(--navy); font-size:15.5px;
}
.related a:first-of-type{border-top:0}
.related a:hover{color:var(--blue)}
.related a[aria-current]{color:var(--blue)}
.related a[aria-current]::before{content:"› "}
@media (max-width:960px){
  .page{grid-template-columns:1fr; gap:36px}
  .aside{position:static}
  .aside .help{display:none}
}
@media (max-width:880px){
  .hero-grid{grid-template-columns:1fr; gap:26px}
  .phero .wrap{grid-template-columns:1fr; gap:26px}
  .phero-img{aspect-ratio:16/10; max-height:320px}
}

/* footer extras */
.guarantee{max-width:46ch}
.disclaimer{font-size:12.5px; color:#6F8BAA; margin-top:6px}

/* sticky mobile call bar */
.mobile-bar{display:none}
@media (max-width:700px){
  .mobile-bar{
    display:grid; grid-template-columns:1fr 1fr; gap:1px;
    position:fixed; left:0; right:0; bottom:0; z-index:60;
    background:var(--line); box-shadow:0 -2px 12px rgba(7,29,55,.22);
  }
  .mobile-bar a{
    text-decoration:none; text-align:center; padding:14px 8px;
    font-family:var(--display); font-weight:700; font-size:17px;
  }
  .mb-call{background:var(--navy); color:#fff}
  .mb-book{background:var(--red); color:#fff}
  body{padding-bottom:58px}
  header{position:static}
  .strip .wrap > :nth-child(n+4){display:none}
  .bar .callbtn{display:none}
  .bar .bookbtn{display:none}
  .svc{display:grid; grid-template-columns:92px 1fr; column-gap:14px; align-items:start}
  .svc img{grid-row:span 3; width:92px; margin:0; aspect-ratio:1; border-radius:6px}
  .svc .prob, .svc .fix, .svc .go{grid-column:2}
  .jobs-grid{grid-template-columns:repeat(2,1fr); gap:10px}
  .jobs-grid figcaption{font-size:14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}