@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#141b25;--navy:#101b2b;--red:#cf202a;--pale:#f4f6f8;--line:#dce1e7;--muted:#536171}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.eyebrow,.btn,.nav a,.stat{font-family:'Barlow Condensed',Arial,sans-serif}h1{font-size:clamp(3.3rem,8vw,6.8rem);line-height:.92;letter-spacing:-.025em;text-transform:uppercase;margin-bottom:24px}h2{font-size:clamp(2.4rem,4vw,4.2rem);line-height:1;text-transform:uppercase;letter-spacing:-.015em;margin-bottom:22px}h3{font-size:1.7rem;line-height:1.1;text-transform:uppercase;margin-bottom:12px}p{max-width:68ch}.container{max-width:1200px;padding:0 26px;margin:auto}.topbar{background:#0a1320;color:#c9d2dc;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:18px;padding-top:8px;padding-bottom:8px}.topbar a{text-decoration:none}.topbar a:hover,.footer a:hover{text-decoration:underline}.header{background:white;position:relative;z-index:10;box-shadow:0 1px 0 var(--line)}.header .container{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-size:1.35rem;font-weight:800;text-transform:uppercase;line-height:.9;white-space:nowrap}.brand-mark{background:var(--red);color:#fff;padding:12px 10px;font-size:1.55rem;transform:skew(-9deg);letter-spacing:-2px}.brand small{display:block;font-size:.78rem;letter-spacing:.09em;color:var(--red);margin-top:5px}.nav{display:flex;align-items:center;gap:24px}.nav a{text-decoration:none;font-size:1.12rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.nav a:hover,.nav a[aria-current=page]{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;background:var(--red);color:#fff;text-decoration:none;padding:14px 23px;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em;line-height:1.1;transition:transform .2s,background .2s}.btn:hover{background:#aa1721;transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid currentColor;color:inherit}.btn-outline:hover{background:#fff;color:var(--navy)}.menu{display:none;background:none;border:1px solid var(--line);font-size:1rem;padding:9px 12px}.hero{background:#111d2b;color:#fff;position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%;opacity:.7}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,27,.97) 0%,rgba(7,16,27,.82) 43%,rgba(7,16,27,.1) 100%)}.hero .container{position:relative;z-index:1;width:100%;padding-top:90px;padding-bottom:100px}.hero p{font-size:1.18rem;color:#e0e6ed;max-width:560px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--red);font-size:1.05rem;margin-bottom:18px}.hero .eyebrow{color:#ff7379}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust{background:var(--red);color:#fff}.trust .container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:17px;padding-bottom:17px}.trust strong{display:block;font-family:'Barlow Condensed';font-size:1.5rem;text-transform:uppercase;line-height:1.1}.trust span{font-size:.86rem}.section{padding:82px 0}.section.alt{background:var(--pale)}.section.dark{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head p{max-width:510px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);padding:30px;min-height:250px;display:flex;flex-direction:column}.card .number{color:var(--red);font-family:'Barlow Condensed';font-size:1.1rem;font-weight:700;margin-bottom:26px}.card p{color:var(--muted);font-size:.97rem}.card a{margin-top:auto;font-family:'Barlow Condensed';font-size:1.15rem;text-transform:uppercase;text-decoration:none;font-weight:700;color:var(--red)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.photo{width:100%;height:460px;object-fit:cover}.photo-short{height:350px}.checklist{padding-left:20px}.checklist li{padding:6px 0}.strip{background:var(--red);color:white;padding:45px 0}.strip .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.strip h2{margin:0}.strip .btn{background:#fff;color:var(--navy)}.page-hero{background:var(--navy);color:white;padding:90px 0 78px;position:relative;overflow:hidden}.page-hero:after{content:"JJ'S";font:800 17rem/.7 'Barlow Condensed';position:absolute;right:-18px;bottom:-10px;opacity:.045;pointer-events:none}.page-hero h1{font-size:clamp(3.3rem,7vw,6rem);max-width:900px}.page-hero p{font-size:1.1rem;color:#d7dfe9}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:70px}.detail-grid aside{background:var(--pale);padding:28px;align-self:start}.detail-grid aside a{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none}.detail-grid aside a:hover{color:var(--red)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:34px}.feature{border-top:3px solid var(--red);padding:17px 0}.feature p{color:var(--muted)}.service-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-links a{background:white;border:1px solid var(--line);padding:22px;text-decoration:none;font-family:'Barlow Condensed';font-size:1.55rem;font-weight:700;text-transform:uppercase}.service-links a:hover{border-color:var(--red);color:var(--red)}.area-list{display:flex;gap:10px;flex-wrap:wrap;max-width:840px}.area-list span{background:white;border:1px solid var(--line);padding:11px 17px;font-weight:600}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px}.contact-item{border-bottom:1px solid var(--line);padding:18px 0}.contact-item strong{display:block;font-family:'Barlow Condensed';font-size:1.4rem;text-transform:uppercase}.contact-item a{color:var(--red)}.map{width:100%;height:430px;border:0}.footer{background:#0a1320;color:#cad3de;padding:62px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px}.footer strong{font-family:'Barlow Condensed';font-size:1.5rem;text-transform:uppercase;color:white}.footer a{display:block;text-decoration:none;margin:8px 0}.footer p{font-size:.94rem}.copyright{border-top:1px solid #293647;margin-top:42px;padding-top:22px;font-size:.85rem}.social{display:flex;gap:14px;flex-wrap:wrap}.social a{border-bottom:1px solid #677686}.mobile-call{display:none}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gallery img{height:260px;width:100%;object-fit:cover}a:focus-visible,button:focus-visible{outline:3px solid #ff9ba0;outline-offset:3px}
@media(max-width:950px){.nav{gap:12px}.nav a{font-size:1rem}.header .btn{display:none}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.container{padding-left:20px;padding-right:20px}.topbar span:last-child{display:none}.header .container{min-height:72px}.brand{font-size:1.1rem}.brand-mark{font-size:1.2rem}.menu{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:16px 20px 24px;box-shadow:0 15px 25px #101b2b22;flex-direction:column;align-items:stretch;gap:4px}.nav.open{display:flex}.nav a{padding:8px;font-size:1.2rem}.hero{min-height:600px}.hero img{object-position:62%}.hero:after{background:linear-gradient(90deg,rgba(7,16,27,.95),rgba(7,16,27,.48))}.hero .container{padding-top:80px;padding-bottom:85px}.hero p{font-size:1rem}.trust .container{grid-template-columns:1fr;gap:12px}.trust span{display:none}.section{padding:62px 0}.section-head,.strip .container{display:block}.section-head p{margin-bottom:0}.grid,.split,.detail-grid,.feature-list,.contact-grid,.footer-grid,.gallery,.service-links{grid-template-columns:1fr}.split,.contact-grid,.detail-grid{gap:32px}.photo{height:300px}.card{min-height:200px}.strip h2{margin-bottom:20px}.page-hero{padding:70px 0 58px}.page-hero:after{font-size:11rem}.footer-grid{gap:22px}.mobile-call{display:flex;position:fixed;z-index:20;left:12px;right:12px;bottom:12px;box-shadow:0 8px 28px #0008}.footer{padding-bottom:95px}}

/* Modern fleet direction */
:root{--ink:#13202b;--navy:#0d1a27;--red:#e33c43;--pale:#eef3f6;--line:#d9e2e8;--muted:#526272}
body{background:#f9fbfc;color:var(--ink)}.container{max-width:1280px}.topbar{background:#0b1722;color:#b9c7d2;letter-spacing:.02em}.topbar a{font-weight:700;color:#fff}.header{box-shadow:none;border-bottom:1px solid #e1e8ec}.header .container{min-height:88px}.brand-mark{transform:none;display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:9px;font-size:1.5rem;letter-spacing:-.09em;box-shadow:0 6px 16px #e33c4338}.brand{font-size:1.24rem;letter-spacing:.015em}.brand small{color:#697c8c;font-size:.7rem;letter-spacing:.13em}.nav{gap:23px}.nav a{font-family:Inter,Arial,sans-serif;font-size:.84rem;font-weight:700;letter-spacing:.015em;text-transform:none}.nav a[aria-current=page]{color:var(--red)}.btn{border-radius:7px;font-family:Inter,Arial,sans-serif;font-size:.88rem;font-weight:800;letter-spacing:.015em;text-transform:none;padding:16px 22px;box-shadow:0 10px 22px #e33c4328}.btn-outline{box-shadow:none}.hero{min-height:690px;background:#0a1420}.hero img{object-position:68% 53%;opacity:.94}.hero:after{background:linear-gradient(90deg,#07121ef7 0%,#07121ee8 34%,#07121e85 58%,#07121e12 100%)}.hero .container{padding-top:100px;padding-bottom:115px}.hero .container:after{content:"24 / 7  •  TOWING  &  RECOVERY";display:block;width:max-content;max-width:100%;margin-top:68px;padding-top:16px;border-top:1px solid #ffffff82;color:#dae6ee;font-size:.78rem;font-weight:700;letter-spacing:.16em}.hero h1{max-width:760px;font-size:clamp(4rem,8vw,7.6rem);line-height:.9;margin-bottom:28px;letter-spacing:-.035em}.hero p{max-width:530px;font-size:1.13rem;line-height:1.75;color:#e4ebf0}.eyebrow{font-family:Inter,Arial,sans-serif;font-size:.73rem;font-weight:800;letter-spacing:.18em}.hero .eyebrow{color:#ff777c}.trust{background:#122331;color:#fff}.trust .container{gap:0;padding-top:0;padding-bottom:0}.trust .container>div{padding:26px 30px;border-right:1px solid #ffffff22}.trust .container>div:first-child{padding-left:0}.trust .container>div:last-child{border:0}.trust strong{font-size:1.55rem}.trust span{color:#adbdc9}.section{padding:100px 0}.section.alt{background:#eef3f6}.section.dark{background:#112332}.section-head{margin-bottom:34px}.section-head p{font-size:1.02rem}.section h2{letter-spacing:-.025em}.photo{border-radius:12px;box-shadow:0 22px 45px #0d1a2726}.card{border-radius:10px;box-shadow:0 15px 32px #11233109}.card:hover,.photo-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #1123311b}.card,.photo-card{transition:transform .2s,box-shadow .2s}.photo-card{background:#fff;border:1px solid #dce5eb;border-radius:12px;overflow:hidden;box-shadow:0 14px 28px #1123310d;display:flex;flex-direction:column}.photo-card>a:first-child{display:block;overflow:hidden;background:#cbd6dc}.photo-card img{width:100%;height:255px;object-fit:cover;transition:transform .4s}.photo-card:hover img{transform:scale(1.04)}.photo-card:nth-child(1) img{object-position:center 62%}.photo-card:nth-child(2) img{object-position:center 54%}.photo-card:nth-child(3) img{object-position:center 56%}.photo-card-body{padding:25px 27px 29px;display:flex;flex:1;flex-direction:column}.photo-card .number{font-size:.69rem;letter-spacing:.12em;color:var(--red);font-family:Inter,Arial,sans-serif;font-weight:800;margin-bottom:16px}.photo-card h3{font-size:2rem;margin-bottom:10px}.photo-card p{font-size:.95rem;color:var(--muted);margin-bottom:22px}.photo-card-body>a{margin-top:auto;text-decoration:none;color:var(--red);font-size:.85rem;font-weight:800}.photo-card-body>a span{padding-left:9px}.strip{background:var(--red)}.strip .btn{box-shadow:none}.page-hero{background:radial-gradient(circle at 83% 22%,#263d50 0%,#0d1a27 55%);border-bottom:5px solid var(--red)}.page-hero:after{opacity:.55}.feature{border-color:var(--red)}.footer{background:#09151f}.footer a{transition:color .2s}.footer a:hover{color:#fff}.contact-item strong{font-size:1.6rem}.map{border-radius:12px;filter:saturate(.85)}.area-list span{border-radius:6px}
@media(max-width:950px){.nav{gap:12px}.nav a{font-size:.78rem}.header .btn{display:none}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.header .container{min-height:72px}.brand{font-size:1.1rem}.brand-mark{width:42px;height:42px}.nav{top:72px;gap:4px}.nav a{font-size:1rem}.hero{min-height:690px;align-items:end}.hero img{object-position:59% 42%}.hero:after{background:linear-gradient(0deg,#07121efc 0%,#07121ec8 49%,#07121e24 100%)}.hero .container{padding-top:300px;padding-bottom:55px}.hero h1{font-size:clamp(3.5rem,14vw,5.7rem)}.hero p{font-size:1rem;line-height:1.55}.hero .container:after{margin-top:38px}.trust .container{grid-template-columns:1fr}.trust .container>div,.trust .container>div:first-child{padding:13px 0;border-right:0;border-bottom:1px solid #ffffff20}.trust .container>div:last-child{border:0}.trust span{display:block}.section{padding:70px 0}.grid{grid-template-columns:1fr}.photo-card img{height:245px}.photo{border-radius:9px}.mobile-call{display:flex}.page-hero{padding:72px 0 60px}}
.brand-logo{gap:5px}.brand-logo img{width:76px;height:63px;object-fit:contain;flex:none}.brand-logo>span{font-size:1.2rem;letter-spacing:.015em}.brand-logo small{font-size:.7rem}.footer-logo{width:160px;height:auto;object-fit:contain;margin:0 0 16px -12px}.footer-logo+strong{display:block}
@media(max-width:740px){.brand-logo img{width:56px;height:52px}.brand-logo>span{font-size:1rem}.brand-logo small{font-size:.59rem}.footer-logo{width:135px}}
.gallery-section{background:#f5f8fa}.gallery-wall{columns:3 280px;column-gap:18px}.gallery-item{position:relative;display:block;break-inside:avoid;margin-bottom:18px;overflow:hidden;border-radius:11px;background:#172532;box-shadow:0 14px 30px #0d1a2717;text-decoration:none}.gallery-item img{display:block;width:100%;height:auto;transition:transform .35s,filter .35s}.gallery-item:hover img{transform:scale(1.025);filter:brightness(.78)}.gallery-item span{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:end;gap:12px;padding:34px 18px 15px;color:white;background:linear-gradient(transparent,#07121edc)}.gallery-item strong{font-family:'Barlow Condensed',Arial,sans-serif;font-size:1.5rem;text-transform:uppercase;line-height:1}.gallery-item em{font:700 .7rem Inter,Arial,sans-serif;font-style:normal;white-space:nowrap}.gallery-item:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:740px){.gallery-wall{columns:2 170px;column-gap:10px}.gallery-item{margin-bottom:10px;border-radius:7px}.gallery-item span{padding:22px 10px 10px;display:block}.gallery-item strong{font-size:1.15rem}.gallery-item em{display:none}}
/* Full heavy recovery hero: keep both trucks visible */
.hero{min-height:720px;background:#0b1824}.hero img{position:absolute;left:auto;right:0;top:0;width:52%;height:100%;object-fit:cover;object-position:center 45%;opacity:1}.hero:after{display:none}.hero .container{padding-top:105px;padding-bottom:115px}.hero h1{max-width:570px;font-size:clamp(3.7rem,6.7vw,6.5rem)}.hero p{max-width:480px}.hero .actions{max-width:560px}.hero .container:after{margin-top:58px}
@media(max-width:950px){.hero img{width:50%}.hero h1{max-width:49%;font-size:clamp(3.4rem,6.3vw,5.5rem)}.hero p,.hero .actions{max-width:48%}.hero .actions{flex-direction:column;align-items:flex-start}}
@media(max-width:740px){.hero{min-height:0;display:flex;flex-direction:column}.hero img{position:relative;left:auto;right:auto;width:100%;height:420px;object-fit:cover;object-position:center 46%}.hero .container{padding-top:38px;padding-bottom:48px}.hero h1,.hero p,.hero .actions{max-width:100%}.hero h1{font-size:clamp(3.5rem,12vw,5.6rem)}.hero .actions{flex-direction:row}.hero .container:after{margin-top:35px}}

/* Service index and detail pages */
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-grid .photo-card img{height:290px}
.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:34px;color:var(--muted);font-size:.88rem}
.crumb a{color:var(--red);font-weight:700;text-decoration:none}
.crumb a:hover{text-decoration:underline}
.service-detail{align-items:start}
.service-detail .photo{height:520px;object-fit:cover}
@media(max-width:740px){.service-grid{grid-template-columns:1fr}.service-grid .photo-card img{height:245px}.service-detail .photo{height:320px}}

/* Homepage refinements */
.skip-link{position:absolute;left:16px;top:-70px;z-index:100;background:#fff;color:var(--navy);padding:9px 14px;font-weight:700}
.skip-link:focus{top:12px}
.home-hero{min-height:590px}
.home-hero h1{font-size:clamp(3.5rem,7vw,6.7rem);max-width:700px}
.home-hero .container{padding-top:76px;padding-bottom:86px}
.services-home .section-head{align-items:end}
.center-action{margin-top:28px}
.text-link{display:inline-flex;align-items:center;color:var(--red);font-weight:800;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:3px}
.text-link:hover{text-decoration:none;color:#a81922}
.story .actions{align-items:center;gap:22px}
.dispatch-guide .eyebrow{color:#ff767c}
.dispatch-guide .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:38px 0 34px}
.dispatch-guide .steps>div{border-top:2px solid #cf202a;padding:24px 20px 6px 0}
.dispatch-guide .steps span{font-family:'Barlow Condensed',Arial,sans-serif;color:#ff858b;font-size:1.5rem;font-weight:800}
.dispatch-guide .steps h3{margin:12px 0}
.dispatch-guide .steps p{color:#d2dce5}
.work-images{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.work-images a{position:relative;display:block;overflow:hidden;border-radius:12px;background:#122332;color:#fff}
.work-images img{width:100%;height:390px;object-fit:cover;transition:transform .35s}
.work-images a:hover img{transform:scale(1.035)}
.work-images a:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#09151fe6);pointer-events:none}
.work-images span{position:absolute;left:26px;bottom:22px;z-index:1;font-family:'Barlow Condensed',Arial,sans-serif;font-size:2rem;font-weight:800;text-transform:uppercase}
.home-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:27px}
@media(max-width:950px){.home-hero h1{max-width:55%}}
@media(max-width:740px){.home-hero{min-height:0}.home-hero .container{padding-top:38px;padding-bottom:48px}.home-hero h1{max-width:100%;font-size:clamp(3.3rem,11.5vw,5.2rem)}.dispatch-guide .steps{grid-template-columns:1fr;gap:12px}.dispatch-guide .steps>div{padding-top:15px}.work-images{grid-template-columns:1fr}.work-images img{height:280px}.work-images span{font-size:1.7rem}.story .actions{align-items:flex-start}}

/* Give the navigation room on tablets and narrow laptops. */
@media(max-width:1050px){.header .btn{display:none}.menu{display:block;cursor:pointer}.nav{display:none;position:absolute;top:83px;left:0;right:0;background:#fff;padding:18px 26px 24px;box-shadow:0 18px 28px #101b2b25;flex-direction:column;align-items:stretch;gap:3px}.nav.open{display:flex}.nav a{font-size:1rem;padding:9px 6px}}
@media(max-width:740px){.nav{top:72px}.topbar .container{font-size:.76rem}}

.area-note{margin-top:28px;color:var(--muted)}
.long-distance-callout{margin-top:38px;padding:28px 34px;background:var(--navy);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.long-distance-callout .eyebrow{color:#ff8186;margin-bottom:8px}
.long-distance-callout h3{margin-bottom:8px}
.long-distance-callout p{margin-bottom:0;color:#d7e0e8}
.long-distance-callout .btn{flex:none}
@media(max-width:740px){.long-distance-callout{display:block;padding:26px}.long-distance-callout .btn{margin-top:20px}}