@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../poppins-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../poppins-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../poppins-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--brand:#a80050;--brand-dark:#81003d;--ink:#161616;--muted:#5c5c5c;--line:#d5d5d5;--page:1200px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:400 16px/1.65 Poppins,Arial,sans-serif;background:white}a{color:var(--brand);text-underline-offset:4px}a:hover{color:var(--brand-dark)}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-weight:700;line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(2rem,3vw,2.65rem);margin:0 0 24px}h2{font-size:clamp(1.6rem,2.3vw,2rem);margin:32px 0 12px}h3{font-size:1.3rem}p{margin:0 0 18px}ul,ol{padding-left:25px;margin:12px 0 25px}li{padding-left:2px}.wrap{width:min(var(--page),calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:30;background:#fff;padding:12px}.skip:focus{top:8px}:focus-visible{outline:3px solid #1363c6;outline-offset:4px}header{height:88px;display:flex;align-items:center;background:white;position:relative;z-index:10}.nav{display:flex;justify-content:center;align-items:center;gap:32px}.nav a,.nav summary{font-weight:700;font-size:18px;color:var(--ink);text-decoration:none;cursor:pointer}.nav a[aria-current=page]{border-bottom:3px solid var(--ink);padding-bottom:5px}.nav details{position:relative}.nav summary{list-style:none}.nav summary::-webkit-details-marker{display:none}.nav summary:after{content:'⌄';margin-left:8px}.submenu{position:absolute;top:38px;left:-18px;width:240px;display:grid;padding:14px 18px;background:#fff;box-shadow:0 5px 20px #0002;border:1px solid #eee}.submenu a{font-weight:400;font-size:15px;padding:8px 0}.hero{min-height:610px;display:grid;place-items:center;padding:90px 24px;background-size:cover;background-position:center}.hero-panel{width:min(1200px,100%);background:rgba(168,0,80,.70);padding:64px 30px;text-align:center;color:#fff}.hero h1{font-size:clamp(2.3rem,4vw,3.75rem);margin-bottom:16px}.hero h2{font-size:clamp(1.2rem,2.1vw,2rem);margin:0 0 48px;letter-spacing:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;background:var(--brand);border:1px solid var(--brand);color:#fff;font:700 17px/1.4 Poppins,Arial,sans-serif;text-decoration:none;cursor:pointer;text-align:center}.button:hover{background:var(--brand-dark);color:white}.hero .button{border-color:#fff;min-width:280px}.section{padding:42px 0}.section:first-child{padding-top:38px}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.split h2:first-child{margin-top:0}.split>img{width:100%;aspect-ratio:1.5;object-fit:cover}.intro{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;align-items:start;padding-top:20px}.intro-main{padding-top:30px}.intro-main>img{width:100%;aspect-ratio:1.5;object-fit:cover;margin-bottom:12px}.article-start{padding-top:32px}.article-start .intro-main{padding-top:0}.article-start .intro-main>img{aspect-ratio:1.43}.article-body{padding-top:12px;padding-bottom:45px}.quote{background:#fff;box-shadow:0 0 12px #0005;border:1px solid #ddd;border-radius:12px;padding:25px 22px;margin-bottom:16px}.quote h2{text-align:center;font-size:1.65rem;margin:0;text-transform:uppercase;letter-spacing:-.04em}.quote .tagline{text-align:center;text-transform:uppercase;font-weight:700;font-size:14px;margin:2px 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}label{font-size:14px;font-weight:500}label span{color:#b50020}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:0;min-height:42px;padding:9px 10px;font:inherit;font-size:16px;background:#fff;color:var(--ink)}textarea{min-height:96px;resize:vertical}.quote button{display:block;margin:20px auto 0}.quote button:disabled{opacity:.55;cursor:not-allowed}.form-status{font-size:14px;line-height:1.5;margin:16px 0 0}.form-status:empty{display:none}.quote .urgent{font-size:13px;color:var(--muted);text-align:center;margin:14px 0 0}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.turnstile{margin-top:16px}.center{text-align:center}.faq-copy strong{display:inline-block;margin-top:20px}.faq-copy p{line-height:1.75}.cta{text-align:center;padding:20px 0 50px}footer{background:#f4f4f4;border-top:1px solid #e7e7e7;padding:38px 0;text-align:center}footer h2{margin:0 0 20px}footer nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}footer nav a{color:var(--ink);font-weight:600;font-size:14px}footer .phone{display:inline-block;margin-top:20px}.mobile-call{display:none}.article-body h2{margin-top:34px}.article-body p{margin-bottom:18px}@media(max-width:760px){header{height:74px}.nav{gap:22px}.nav a,.nav summary{font-size:16px}.submenu{left:-75px}.wrap{width:calc(100% - 32px)}.hero{min-height:450px;padding:44px 16px}.hero-panel{padding:40px 18px}.hero h1{font-size:2.5rem}.hero h2{margin-bottom:30px}.hero .button{min-width:0;width:100%}.intro,.split{grid-template-columns:1fr;gap:24px}.intro{padding-top:16px}.intro-main{padding-top:0}.quote{max-width:540px;width:100%;margin:0 auto}.split>img{order:0}.split>.copy{order:1}.section{padding:30px 0}.article-start{padding-top:24px}h1{font-size:2rem}.article-body{padding-top:28px}.quote{padding:24px 20px}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:12;min-height:56px;border:0;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -3px 12px #0002}body{padding-bottom:65px}footer{padding-bottom:30px}}@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s,color .15s}}

/* Native Publii content and navigation */
.content-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:40px;padding-block:35px}.content-layout article{min-width:0}.content-layout .quote{position:sticky;top:20px}.content-layout article>figure{margin:0 0 24px}.content-layout article img{height:auto;width:100%}.publii-menu{display:flex;list-style:none;gap:22px;margin:0;padding:0;flex-wrap:wrap;justify-content:center}.publii-menu li{position:relative}.publii-menu ul{padding:12px;list-style:none;background:#fff}.publii-menu details summary{cursor:pointer}.partner-links{padding:24px 0}.partner-links h2{font-size:1.25rem}.home-article .section{padding:24px 0}.home-article .split{display:block}.home-article .split img{margin-bottom:20px}.site-heading{padding-top:35px}.empty-content{padding:40px 0}
@media(max-width:850px){.content-layout{grid-template-columns:1fr}.content-layout .quote{position:static}.publii-menu{gap:14px}.nav{width:100%}}

/* SitePanda visual alignment, October 2026. Shared across all native pages. */
:root { --brand:#b0234b; --brand-dark:#921a3c; --hero-panel:rgba(176,35,75,.68); --hero-button:#c30a45; --ink:#080808; --page:1160px; }
body { line-height:1.5; }
h1,h2,h3 { letter-spacing:.02em; }
h1 { font-size:42px; line-height:1; }
h2 { font-size:32px; line-height:1.15; }
p { margin-bottom:18px; }
header { position:sticky; top:0; height:88px; background:#fff; box-shadow:0 1px 0 #00000005; }
.publii-menu { gap:30px; }
.nav a,.nav summary { font-size:18px; }
.nav a[aria-current=page],.nav summary.is-current { border-bottom:2px solid currentColor; padding-bottom:7px; }
header details>ul { position:absolute; top:30px; left:-18px; min-width:240px; box-shadow:0 4px 15px #0002; }
header details ul a { display:block; padding:8px; font-size:15px; }
.hero { position:relative; isolation:isolate; min-height:640px; padding:100px 24px; }
.hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-1; }
.hero-panel { background:var(--hero-panel); padding:64px 30px; }
.hero h1 { font-size:60px; line-height:1; letter-spacing:.02em; }
.hero h2 { font-size:32px; line-height:1.25; margin:20px 0 50px; }
.hero .button { min-width:302px; min-height:60px; background:var(--hero-button); font-size:20px; }
.quote { align-self:start; position:static !important; height:auto; padding:26px 20px 20px; border-radius:12px; margin:0; box-shadow:0 1px 10px #0006; }
.quote-heading { position:relative; padding:8px 24px 0; margin-bottom:24px; text-align:center; }
.quote h2 { font-family:Impact,'Arial Narrow',Poppins,sans-serif; font-size:30px; line-height:1.05; letter-spacing:-.025em; margin:0; }
.quote .tagline { font-family:Impact,'Arial Narrow',Poppins,sans-serif; font-size:21px; line-height:1.15; margin:6px 0 0; }
.quote-arrow { position:absolute; top:5px; font:60px/1 Georgia,serif; }
.quote-arrow.left { left:-7px; transform:scaleX(-1); }
.quote-arrow.right { right:-7px; }
label { font-size:16px; font-weight:500; }
.form-grid { gap:20px 16px; }
input,select,textarea { min-height:40px; border-color:#e7e7e7; padding:7px 10px; }
textarea { min-height:80px; }
.quote button { min-width:150px; min-height:50px; margin-top:22px; font-size:18px; }
.page-layout { display:grid; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr); column-gap:20px; padding-top:0; }
.page-layout>.site-heading { grid-column:1; grid-row:1; padding:40px 0 0; margin:0 0 24px; }
.page-content { display:contents; }
.page-intro { grid-column:1; grid-row:2; }
.page-layout>.quote { grid-column:2; grid-row:1 / span 2; }
.page-intro>figure { margin:0 0 14px; }
.page-intro img { width:100%; height:auto; }
.page-emergency-towing .page-intro>figure img { aspect-ratio:2.17; object-fit:cover; }
.page-copy { grid-column:1 / -1; padding:30px 0; }
.page-copy h2 { margin-top:34px; }
.page-copy h2:first-child { margin-top:0; }
.home-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); column-gap:40px; width:min(1200px,calc(100% - 48px)); margin:auto; padding-top:26px; }
.home-article { display:contents; }
.home-intro { grid-column:1; grid-row:1; padding:25px 30px 24px; }
.home-intro figure { margin:0 0 12px; }
.home-intro img { width:100%; height:auto; }
.home-layout>.quote { grid-column:2; grid-row:1; margin-bottom:28px; }
.home-layout>.quote button { width:100%; }
.home-band,.home-row,.home-faq { grid-column:1 / -1; }
.home-band { background:var(--brand); color:#fff; padding:60px 20px; box-shadow:0 0 0 100vmax var(--brand); clip-path:inset(0 -100vmax); }
.home-band h2 { margin:0 0 12px; }
.home-band p { margin:0; }
.home-row { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; padding:60px 20px 0; }
.home-row figure { margin:0; }
.home-row img { width:100%; height:auto; }
.home-row h2 { margin:0 0 18px; }
.home-row.image-right figure { grid-column:2; grid-row:1; }
.home-row.image-right .section-copy { grid-column:1; grid-row:1; }
.home-faq { padding:40px 20px; }
.home-faq h2 { margin-top:0; }
.home-faq strong { display:inline-block; margin-top:16px; }
footer { padding:38px 0; background:#f4f4f4; border:0; }
footer h2 { font-size:32px; }
footer nav a,footer nav summary { color:var(--ink); text-decoration:none; font-weight:700; font-size:18px; cursor:pointer; }
footer .publii-menu { gap:30px; }
footer .publii-menu ul { display:grid; gap:10px; min-width:230px; }
footer details>ul { position:absolute; bottom:30px; left:-20px; padding:18px; box-shadow:0 4px 15px #0002; }
footer nav a[aria-current=page],footer summary.is-current { text-decoration:underline; text-underline-offset:8px; }
footer .phone { font-size:16px; }
:target { scroll-margin-top:110px; }
@media(max-width:850px) {
 header { height:74px; }
 .nav { width:100%; }
 .nav a,.nav summary { font-size:15px; }
 .publii-menu { gap:18px; }
 .wrap,.home-layout { width:calc(100% - 32px); }
 h1 { font-size:32px; line-height:1.1; }
 h2 { font-size:27px; }
 .hero { min-height:470px; padding:50px 16px; }
 .hero-panel { padding:38px 18px; }
 .hero h1 { font-size:40px; }
 .hero h2 { font-size:22px; margin-bottom:30px; }
 .hero .button { min-width:0; width:100%; font-size:18px; }
 .home-layout,.page-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
 .page-layout>.site-heading { grid-column:1; grid-row:1; padding-top:28px; }
 .page-intro { grid-column:1; grid-row:2; }
 .page-layout>.quote { grid-column:1; grid-row:3; margin:20px auto 30px; }
 .page-copy { grid-column:1; grid-row:4; padding-top:0; }
 .home-intro { grid-column:1; grid-row:1; padding:10px 0 20px; }
 .home-layout>.quote { grid-column:1; grid-row:2; margin:0 auto 30px; }
 .home-band,.home-row,.home-faq { grid-column:1; padding:32px 0; }
 .home-row { grid-template-columns:1fr; gap:24px; }
 .home-row.image-right figure,.home-row.image-left figure { grid-column:1; grid-row:1; }
 .home-row.image-right .section-copy,.home-row.image-left .section-copy { grid-column:1; grid-row:2; }
 .quote { width:100%; max-width:540px; }
 .quote h2 { font-size:28px; }
 .quote .tagline { font-size:19px; }
 footer .publii-menu { gap:18px; }
 footer nav a,footer nav summary { font-size:16px; }
}

/* Footer map widget — replicates the SitePanda inlineMap (October 2026). */
.footer-map{position:relative;aspect-ratio:2.35/1;min-height:240px;margin:0 0 34px;overflow:hidden;border-radius:12px;box-shadow:0 1px 10px #0001}
.footer-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.footer-map .map-directions{position:absolute;right:14px;bottom:14px;display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;font-size:16px;padding:10px 16px;border-radius:8px;box-shadow:0 1px 6px #0003}
.footer-map .map-directions:hover{background:var(--brand-dark);color:#fff}
@media(max-width:850px){.footer-map{aspect-ratio:16/9;min-height:200px}.footer-map .map-directions{font-size:15px;padding:9px 14px}}
