*{box-sizing:border-box;margin:0;padding:0}:root{--y:#f6c400;--ink:#111214;--ink2:#1b1d21;--mut:#5b6068;--bg:#f6f6f4;--line:#e4e4e0;--r:16px}
html{scroll-behavior:smooth}body{font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff;padding-bottom:76px}
img{max-width:100%;height:auto;display:block}a{color:inherit}.wrap{width:min(1120px,100% - 40px);margin:auto}
h1,h2,h3{line-height:1.12;letter-spacing:-.02em}h2{font-size:clamp(1.7rem,4.5vw,2.5rem);margin:.3rem 0 1.4rem}h3{font-size:1.1rem}
.kicker{color:#a07f00;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--y);color:var(--ink);font-weight:700;text-decoration:none;padding:.8rem 1.2rem;border-radius:999px;border:2px solid var(--y);transition:transform .15s}
.btn:hover{transform:translateY(-1px)}.btn svg{width:18px;height:18px}.btn.lg{padding:1rem 1.5rem;font-size:1.05rem}.btn.sm{padding:.5rem .9rem;font-size:.9rem}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.top{position:sticky;top:0;z-index:20;background:rgba(17,18,20,.94);backdrop-filter:blur(8px);color:#fff}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px}.brand img{width:120px}
nav{display:none;gap:1.6rem}nav a{text-decoration:none;opacity:.85;font-size:.95rem}nav a:hover{opacity:1;color:var(--y)}
.hero{background:radial-gradient(1000px 500px at 85% -10%,rgba(246,196,0,.22),transparent 60%),linear-gradient(160deg,#16181b,#0c0d0f);color:#fff;padding:3.2rem 0 3.6rem}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;background:rgba(255,255,255,.08);padding:.35rem .8rem;border-radius:999px}
.dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px rgba(61,220,132,.2)}
.hero h1{font-size:clamp(2.1rem,7.5vw,3.9rem);margin:1.1rem 0 1rem;max-width:16ch}.hero em{font-style:normal;color:var(--y)}
.lead{font-size:1.1rem;color:#c9ccd1;max-width:56ch}.ctas{display:flex;flex-direction:column;gap:.7rem;margin:1.8rem 0 1.4rem}.ctas.c{align-items:center}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.chips li{font-size:.85rem;color:#dfe1e4;border:1px solid rgba(255,255,255,.18);padding:.3rem .75rem;border-radius:999px}
.sec{padding:4rem 0}.alt{background:var(--bg)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.svc{border:1px solid var(--line);border-radius:var(--r);padding:1.1rem;background:#fff}.svc svg{width:34px;height:34px;color:var(--ink);background:var(--y);padding:6px;border-radius:10px;margin-bottom:.7rem}
.svc h3{font-size:1rem;margin-bottom:.3rem}.svc p{font-size:.88rem;color:var(--mut);line-height:1.45}
.two{display:grid;gap:2rem;align-items:center}.two img{border-radius:var(--r);background:#fff}.two p{color:var(--mut)}
.ticks{list-style:none;margin:1.2rem 0 1.6rem;display:grid;gap:.5rem}.ticks li{padding-left:1.8rem;position:relative;font-weight:600}
.ticks li:before{content:"";position:absolute;left:0;top:.3rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--y) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3.5'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/70% no-repeat}
.dark{background:var(--ink);color:#fff}.dark .kicker{color:var(--y)}
.ba{--p:50%;position:relative;border-radius:var(--r);overflow:hidden;max-width:900px;user-select:none}
.ba-top{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p)) 0 0)}.ba-top img{width:100%;height:100%;object-fit:cover}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.handle{position:absolute;top:0;bottom:0;left:var(--p);width:3px;background:var(--y);transform:translateX(-50%);pointer-events:none}
.handle:after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--y);color:var(--ink);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700}
.tag{position:absolute;top:12px;background:rgba(0,0,0,.65);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;pointer-events:none}.tag.l{left:12px}.tag.r{right:12px}
.cards2{display:grid;gap:1.2rem}.card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.card>div{padding:1.3rem}.card h3{font-size:1.35rem;margin:.2rem 0 .5rem}.card p:last-child{color:var(--mut)}
.locs{list-style:none;display:grid;gap:.8rem}.loc{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem}
.loc strong{display:block}.loc span{color:var(--mut);font-size:.92rem;line-height:1.4}.loc .btn{flex:none;color:var(--ink)}
.cta{background:var(--y);text-align:center}.cta p{max-width:46ch;margin:auto}.cta .btn{background:var(--ink);color:#fff;border-color:var(--ink)}.cta .btn.ghost{background:transparent;color:var(--ink)}
footer{background:var(--ink);color:#c9ccd1;padding:3rem 0 1.5rem;font-size:.92rem}.foot{display:grid;gap:1.6rem}.foot strong{color:#fff;display:block;margin-bottom:.3rem}.foot a{text-decoration:none}.foot a:hover{color:var(--y)}
.foot img{margin-bottom:.8rem}.copy{margin-top:2rem;padding-top:1rem;border-top:1px solid #2a2d31;font-size:.8rem;color:#80858c}
.pby{margin-top:.45rem;font-size:.75rem;color:#80858c}.pby a{text-decoration:underline;text-underline-offset:2px}.pby a:hover{color:var(--y)}

.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1.3fr 1fr;gap:.6rem;padding:.7rem .8rem calc(.7rem + env(safe-area-inset-bottom));background:rgba(17,18,20,.96);color:#fff}
.dock .btn{padding:.85rem}
@media(min-width:760px){body{padding-bottom:0}.dock{display:none}nav{display:flex}.ctas{flex-direction:row}.ctas.c{justify-content:center}.grid{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:1fr 1fr}.cards2{grid-template-columns:1fr 1fr}.locs{grid-template-columns:1fr 1fr}.foot{grid-template-columns:2fr 1fr 1.4fr}.hero{padding:5rem 0}.sec{padding:5.5rem 0}.brand img{width:150px}}

.loc.main{grid-column:1/-1;border:2px solid var(--y);box-shadow:0 6px 20px rgba(246,196,0,.18)}.loc.main strong{font-size:1.15rem}.badge{display:inline-block;font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--y);color:var(--ink);border-radius:999px;padding:.15rem .6rem;margin-bottom:.35rem}.loc.main .badge+strong{display:block}

.showcar{width:100%;max-width:1000px;border-radius:var(--r);aspect-ratio:3/2;object-fit:cover}.fleet{display:grid;gap:.8rem;margin-bottom:1.6rem}.fleet img{width:100%;border-radius:var(--r);aspect-ratio:800/555;object-fit:cover}@media(min-width:760px){.fleet{grid-template-columns:repeat(3,1fr)}}

.hero.photo{position:relative;background:#0c0d0f url(img/hero-truck.webp) 70% center/cover no-repeat;padding:3rem 0 1.6rem}
.hero.photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,13,.92) 0%,rgba(10,11,13,.72) 55%,rgba(10,11,13,.35) 100%),linear-gradient(0deg,rgba(10,11,13,.85),transparent 40%)}
.hero.photo .wrap{position:relative}
.hrate{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;font-size:.95rem;color:#fff;margin:-.4rem 0 1rem}.stars{color:var(--y);letter-spacing:.08em}
.hstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.6rem}.hstrip img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:2px solid rgba(255,255,255,.15)}
.rscore{display:flex;align-items:center;gap:.9rem;margin:-.4rem 0 1.4rem}.rscore>b{font-size:3rem;line-height:1}.rscore div{display:grid;font-size:.95rem;color:var(--mut)}.rscore .stars{font-size:1.2rem}
.revs{display:grid;gap:.9rem}.rev{border:1px solid var(--line);border-radius:var(--r);padding:1.2rem;background:#fff;display:flex;flex-direction:column;gap:.6rem}.rev blockquote{font-size:.97rem;line-height:1.55}.rev figcaption{font-size:.85rem;color:var(--mut);margin-top:auto}.rev figcaption b{color:var(--ink)}
.fleet{grid-template-columns:1fr 1fr}
@media(max-width:759px){.hstrip{grid-template-columns:repeat(2,1fr)}.hstrip img{border-radius:8px}}
@media(min-width:760px){.hero.photo{padding:5rem 0 2.4rem}.revs{grid-template-columns:repeat(3,1fr)}.fleet{grid-template-columns:repeat(4,1fr)}}

@media(max-width:759px){.hero.photo{padding-top:1rem}.hero.photo .wrap{display:flex;flex-direction:column;align-items:flex-start}.hero.photo .hstrip{order:-1;width:100%;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto;margin:0 0 1.3rem}.hstrip img:nth-child(4){display:none}.hstrip img:first-child{aspect-ratio:auto;height:100%}
.hero.photo:before{background:linear-gradient(180deg,rgba(10,11,13,.55) 0%,rgba(10,11,13,.8) 35%,rgba(10,11,13,.88) 100%)}.hero.photo h1{margin-top:.8rem}}

.shopgal{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.6rem}.shopgal figure{position:relative;border-radius:var(--r);overflow:hidden;background:var(--ink)}.shopgal img{width:100%;aspect-ratio:4/3;object-fit:cover}.shopgal figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .8rem .6rem;color:#fff;font-weight:700;font-size:.85rem;line-height:1.25;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent)}
@media(min-width:760px){.shopgal{grid-template-columns:repeat(4,1fr)}.shopgal figcaption{font-size:.95rem}}
.ticker{background:var(--y);color:var(--ink);overflow:hidden;border-top:1px solid #000;border-bottom:1px solid #000;padding:.85rem 0}.track{display:flex;width:max-content;animation:tick 38s linear infinite}.run{display:flex;align-items:center;flex:none}.run span{font-weight:800;font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:0 1.1rem}.run i{font-style:normal;font-size:.8rem}.ticker:hover .track{animation-play-state:paused}
@keyframes tick{to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.track{animation-duration:120s}}

.hcar{position:relative;margin-top:1.6rem;width:100%}.hc-track{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:12px}.hc-track::-webkit-scrollbar{display:none}
.hc-track img{flex:0 0 78%;width:78%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.15);scroll-snap-align:start}
.hc-btn{display:none;position:absolute;top:calc(50% - 12px);transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:var(--y);color:var(--ink);font-size:1.8rem;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.4)}.hc-btn.prev{left:-10px}.hc-btn.next{right:-10px}
.hc-dots{display:flex;justify-content:center;gap:6px;margin-top:.7rem}.hc-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);transition:.2s}.hc-dots i.on{background:var(--y);width:20px;border-radius:4px}
@media(min-width:760px){.hc-track img{flex-basis:calc((100% - 1.8rem)/4);width:calc((100% - 1.8rem)/4)}.hc-btn{display:grid;place-items:center}}
@media(max-width:759px){.hero.photo .hcar{order:-1;margin:0 0 1.3rem}}

/* ---- phone layout pass (Oct 31) ---- */
.mb{display:none}
.dock{transition:transform .25s ease,opacity .25s ease}
@media(max-width:759px){
.dk{display:none}.mb{display:inline}
.wrap{width:calc(100% - 36px)}
body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.dock{transform:translateY(110%);opacity:0;pointer-events:none;box-shadow:0 -6px 20px rgba(0,0,0,.25)}.dock.show{transform:none;opacity:1;pointer-events:auto}
.dock .btn{padding:.8rem;font-size:1rem}
.bar{height:58px}.brand img{width:108px}.top .btn.sm{padding:.45rem .8rem;font-size:.85rem}
.hero.photo{background:linear-gradient(180deg,#141619 0%,#0c0d0f 100%);padding:1rem 0 1.8rem}
.hero.photo:before{display:none}
.hero.photo .hcar{order:-1;margin:0 0 1.2rem}
.hc-track{gap:0;border-radius:14px;background:#000}
.hc-track img{flex:0 0 100%;width:100%;aspect-ratio:4/3;border:0;border-radius:0;scroll-snap-align:center;scroll-snap-stop:always}
.hc-dots{margin-top:.6rem}
.eyebrow{font-size:.78rem;padding:.3rem .7rem}
.hero h1,.hero.photo h1{font-size:1.85rem;line-height:1.12;margin:.75rem 0 .6rem;max-width:none}
.lead{font-size:1rem;line-height:1.5}
.ctas{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.1rem 0 .9rem;width:100%}
.ctas .btn.lg{width:100%;padding:.85rem .5rem;font-size:1rem;white-space:nowrap}
.hrate{margin:0 0 .7rem;font-size:.9rem}
.chips{gap:.4rem}.chips li{font-size:.75rem;padding:.22rem .6rem;white-space:nowrap}
.ticker{padding:.65rem 0}.run span{font-size:.9rem;padding:0 .8rem}
.sec{padding:3rem 0}
h2{font-size:1.6rem;margin:.25rem 0 1.1rem}
.grid{gap:.6rem}.svc{padding:.95rem}.svc svg{width:30px;height:30px;margin-bottom:.55rem}.svc h3{font-size:.95rem}.svc p{font-size:.84rem}
.shopgal{gap:.6rem;margin-top:1.2rem}.shopgal figcaption{font-size:.8rem;padding:1.4rem .6rem .5rem}
.two{gap:1.4rem}
.fleet{gap:.6rem;margin-bottom:1.3rem}.fleet img{border-radius:12px}
.rscore>b{font-size:2.6rem}.rev{padding:1.05rem}.rev blockquote{font-size:.94rem}
.card>div{padding:1.1rem}.card h3{font-size:1.2rem}
.loc{padding:.9rem 1rem}.loc span{font-size:.88rem}
.ba{border-radius:14px}
footer{padding:2.4rem 0 1.2rem}
}
@media(max-width:759px){
body{padding-bottom:0}
footer{padding-bottom:calc(1.2rem + 84px + env(safe-area-inset-bottom))}
.sec{padding:2.6rem 0}
.sec .btn:not(.sm){width:100%}
.two .btn{width:100%}
.loc{align-items:center;gap:.75rem}.loc .btn.sm{padding:.45rem .85rem;font-size:.85rem}
.loc.main strong{font-size:1.05rem}
.ba{max-width:100%;max-height:72vh}
}
@media(max-width:759px){
.grid{grid-template-columns:1fr;gap:.55rem}
.svc{display:grid;grid-template-columns:40px 1fr;column-gap:.85rem;align-items:start;padding:.85rem .95rem}
.svc svg{grid-row:1/3;width:40px;height:40px;padding:8px;margin:0}
.svc h3{margin:0 0 .15rem;font-size:.98rem}.svc p{font-size:.86rem}
}

/* ---- phone pass 2 (Oct 31): smaller type & photos, slider below the hero buttons ---- */
@media(max-width:759px){
body{font-size:15px;line-height:1.5}
.hero.photo{padding:1.1rem 0 1.4rem}
.hero.photo .hcar{order:0;margin:1rem 0 0}
.hc-track{border-radius:12px}
.hc-track img{aspect-ratio:16/10}
.hc-dots{margin-top:.5rem}
.eyebrow{font-size:.72rem;padding:.25rem .65rem}
.hero h1,.hero.photo h1{font-size:27px;line-height:1.15;margin:.6rem 0 .5rem}
.lead{font-size:15px;line-height:1.45}
.ctas{margin:.9rem 0 .75rem;gap:.5rem}
.ctas .btn.lg{padding:.7rem .5rem;font-size:15px}
.btn{font-size:15px;padding:.7rem 1.1rem}
.hrate{font-size:.82rem;margin:0 0 .55rem}
.chips li{font-size:.7rem;padding:.2rem .55rem}
.ticker{padding:.55rem 0}.run span{font-size:.8rem;padding:0 .7rem}
.sec{padding:2.2rem 0}
h2{font-size:22px;line-height:1.2;margin:.2rem 0 .9rem}
.kicker{font-size:.7rem}
.svc{padding:.75rem .85rem;grid-template-columns:34px 1fr;column-gap:.75rem}.svc svg{width:34px;height:34px;padding:7px}
.svc h3{font-size:15px}.svc p{font-size:13.5px;line-height:1.4}
.shopgal{gap:.5rem;margin-top:1rem}.shopgal figure{border-radius:10px}.shopgal img{aspect-ratio:4/3}.shopgal figcaption{font-size:.72rem;padding:1.1rem .5rem .4rem}
.two{gap:1rem}.two img{aspect-ratio:16/9;object-fit:cover;width:100%;border-radius:12px}.two p{font-size:15px}
.ticks{margin:.9rem 0 1.1rem;gap:.35rem}.ticks li{font-size:14.5px;padding-left:1.6rem}.ticks li:before{width:1rem;height:1rem;top:.2rem}
.fleet{gap:.5rem;margin-bottom:1rem}.fleet img{aspect-ratio:4/3;border-radius:10px}
.ba{width:78%;max-width:290px!important;aspect-ratio:4/5;max-height:none;border-radius:12px}
.ba>img{height:100%;object-fit:cover}
.ba .handle:after{width:34px;height:34px}
.rscore{gap:.7rem;margin:-.2rem 0 1rem}.rscore>b{font-size:2.1rem}.rscore .stars{font-size:1rem}.rscore div{font-size:.85rem}
.revs{gap:.7rem}.rev{padding:.9rem;gap:.45rem}.rev blockquote{font-size:14.5px;line-height:1.5}.rev figcaption{font-size:.78rem}
.cards2{gap:.9rem}.card img{aspect-ratio:2/1}.card>div{padding:.95rem}.card h3{font-size:18px}.card p{font-size:14.5px}
.loc{padding:.8rem .9rem}.loc strong{font-size:15px}.loc.main strong{font-size:15.5px}.loc span{font-size:.82rem}
footer{font-size:.85rem}
.dock .btn{padding:.7rem;font-size:15px}
}

/* header actions + mobile menu */
.acts{display:flex;align-items:center;gap:.5rem}
.mmenu{position:relative}.mmenu summary{list-style:none;cursor:pointer;width:40px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.28);color:#fff}
.mmenu summary::-webkit-details-marker{display:none}.mmenu[open] summary{background:rgba(255,255,255,.1)}
.mmenu .panel{position:absolute;right:0;top:46px;min-width:220px;display:flex;flex-direction:column;background:#16181b;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.4rem;box-shadow:0 14px 30px rgba(0,0,0,.4)}
.mmenu .panel a{padding:.7rem .85rem;border-radius:9px;text-decoration:none;font-size:15px;color:#fff}.mmenu .panel a:hover,.mmenu .panel a[aria-current]{background:rgba(246,196,0,.14);color:var(--y)}
nav a[aria-current]{color:var(--y);opacity:1}
@media(min-width:760px){.mmenu{display:none}}
.bamore{text-align:center;margin-top:1.3rem}
/* before & after page */
.bahead{padding:3.2rem 0 2.6rem}.bahead h1{font-size:clamp(1.9rem,5vw,3rem);margin:.35rem 0 .6rem}.bahead .lead{color:#c9ccd1;max-width:52ch;font-size:1.05rem}
.bactas{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.bactas.c{justify-content:center}
.bagal{padding-top:2.4rem}
.bagrid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.bagrid{grid-template-columns:1fr 1fr;gap:18px}}
@media(min-width:1000px){.bagrid{grid-template-columns:1fr 1fr 1fr}}
.bacard{display:block;width:100%;padding:0;border:0;background:var(--y);border-radius:14px;overflow:hidden;cursor:zoom-in;box-shadow:0 4px 16px rgba(0,0,0,.12);transition:transform .15s,box-shadow .15s}
.bacard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}.bacard:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.bacard img{width:100%;aspect-ratio:16/9;object-fit:cover}
dialog.lb{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;margin:auto;overflow:visible}
dialog.lb::backdrop{background:rgba(0,0,0,.88)}
dialog.lb img{max-width:96vw;max-height:86vh;width:auto;border-radius:10px}
.lbx{position:absolute;top:-46px;right:0;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
@media(max-width:759px){.bahead{padding:1.6rem 0 1.5rem}.bahead h1{font-size:27px;line-height:1.15}.bahead .lead{font-size:15px;line-height:1.45}
.bactas{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.9rem}.bactas .btn{width:100%;font-size:15px;padding:.7rem .5rem}.bactas.c{display:flex}
.bagal{padding-top:1.2rem}.bagrid{gap:12px}.bacard{border-radius:12px}}

.corp-lead{max-width:62ch;color:var(--mut)}
.corp-ctas{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.corp-ctas .btn.ghost{color:var(--ink)}
@media(max-width:759px){.corp-lead{font-size:15px;line-height:1.5}.corp-ctas{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:1rem}.corp-ctas .btn{width:100%}}

@media(max-width:759px){}

.two.solo{grid-template-columns:1fr;max-width:820px}

/* ---- phone hero photo (Oct 31): truck night shot behind the hero on phones too ---- */
@media(max-width:759px){
.hero.photo{background:#0c0d0f url(img/hero-truck-m.webp) 50% 30%/cover no-repeat}
.hero.photo:before{display:block;background:linear-gradient(180deg,rgba(10,11,13,.5) 0%,rgba(10,11,13,.58) 35%,rgba(10,11,13,.55) 62%,rgba(10,11,13,.9) 100%)}
}
/* ---- Nov 1: hide the hero photo slider on phones (Ezra); stays on desktop ---- */
@media(max-width:759px){.hero.photo .hcar,.hcar{display:none!important}}

/* ---- Nov 1: smaller hero type on phones (Ezra); desktop unchanged ---- */
@media(max-width:759px){
.hero .eyebrow{font-size:10.5px;padding:.22rem .6rem}
.hero h1,.hero.photo h1{font-size:24px;line-height:1.17;margin:.55rem 0 .45rem}
.hero .lead{font-size:14px;line-height:1.45}
.hero .ctas{margin:.8rem 0 .65rem}
.hero .ctas .btn.lg{font-size:14px;padding:.65rem .5rem}
.hero .ctas .btn.lg svg{width:16px;height:16px}
.hrate{font-size:12px;margin:0 0 .5rem}
.chips li{font-size:10.5px;padding:.18rem .5rem}
}

/* ---- Nov 1: alignment pass ---- */
@media(min-width:760px){
 .hc-track img{flex-basis:calc((100% - 1.2rem)/3);width:calc((100% - 1.2rem)/3);aspect-ratio:16/9}
 .hc-btn,.hc-dots{display:none!important}
 .two.solo{margin-inline:auto;text-align:center}
 .two.solo .ticks{display:grid;width:fit-content;margin-inline:auto;text-align:left}
 .two.solo h2{text-wrap:balance}
 .two.solo>div>p{margin-inline:auto;max-width:62ch}
 .revs{grid-template-columns:repeat(6,1fr)}
 .revs>.rev{grid-column:span 2}
 .revs>.rev:nth-child(4):nth-last-child(2){grid-column:2/span 2}
}
.sec.dark>.wrap>.kicker,.sec.dark>.wrap>h2{text-align:center;width:100%;align-self:stretch}
.loc.main{border-width:1px;border-color:var(--y);box-shadow:0 0 0 1px var(--y),0 6px 20px rgba(246,196,0,.18)}
@media(min-width:1000px){.bagrid>:last-child:nth-child(3n+1){grid-column:2}}

/* ---- wide desktop pass (Nov 2): content spans the screen, not a narrow middle column ---- */
@media(min-width:1200px){.wrap{width:min(1680px,100% - 10vw)}}

/* scroll story: accident recovery (pinned, scroll-scrubbed) */
.tow{padding-top:3.5rem;padding-bottom:3.5rem;--hh:64px}
.tow-pin{position:relative;height:300vh;height:300svh}
.tow-sticky{position:sticky;top:var(--hh);height:calc(100vh - var(--hh));height:calc(100svh - var(--hh));display:flex;align-items:center;overflow:hidden}
.tow-in{display:flex;flex-direction:column;gap:clamp(.8rem,2.2vh,1.5rem)}
.tow-head h2{margin:.2rem 0 .5rem}.tow-lead{color:var(--mut);max-width:760px}
.tow-stage{position:relative;border-radius:var(--r);overflow:hidden;background:#f1f1ec;border:1px solid var(--line);height:min(clamp(170px,36vh,360px),38vw)}
.tow-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.tow-truck,.tow-car,.tow-rental,.tow-bed,.tow-haz,.tow-tag{will-change:transform}
.tow-smoke circle{fill:#9aa0a8;opacity:.45;transform-box:fill-box;transform-origin:center;animation:towSmoke 2.4s ease-in-out infinite}
.tow-smoke circle:nth-child(2){animation-delay:.6s}.tow-smoke circle:nth-child(3){animation-delay:1.2s}
@keyframes towSmoke{0%,100%{transform:translateY(0) scale(.85);opacity:.35}50%{transform:translateY(-6px) scale(1.08);opacity:.55}}
.tow-status{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:.5rem;background:#111214;color:#fff;font-weight:700;font-size:.85rem;padding:.4rem .8rem .4rem .65rem;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.tow-status i{width:8px;height:8px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px rgba(246,196,0,.25)}
.tow-status span{display:inline-block;transition:opacity .2s ease,transform .2s ease}.tow-status.sw span{opacity:0;transform:translateY(4px)}
.tow-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.tow-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1rem 1.1rem;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease,opacity .3s ease;opacity:.55}
.tow-steps li.on{opacity:1;border-color:var(--y);background:#fffbea;box-shadow:0 8px 24px rgba(17,18,20,.08)}.tow-steps li.done{opacity:.85}
.tow-n{font-weight:800;font-size:.8rem;color:#a07f00;letter-spacing:.08em}
.tow-steps h3{margin:.2rem 0 .3rem;font-size:1.02rem}.tow-steps p{font-size:.88rem;line-height:1.45;color:var(--mut)}
.tow-bar{position:absolute;left:1rem;right:1rem;bottom:.55rem;height:3px;border-radius:3px;background:var(--line);overflow:hidden}
.tow-bar i{position:absolute;inset:0;background:var(--y);transform-origin:left;transform:scaleX(0)}
.tow-cta{margin-top:1.5rem}
@media(max-width:759px){
 .tow{padding-top:2.5rem;padding-bottom:2.5rem;--hh:58px}
 .tow-pin{height:280vh;height:280svh}
 .tow-sticky{padding:8px 0 calc(80px + env(safe-area-inset-bottom))}
 .tow-in{gap:.75rem}
 .tow-head h2{font-size:1.5rem;margin:.15rem 0 0}.tow-lead{display:none}
 .tow-stage{height:auto;aspect-ratio:2.15/1}
 .tow-status{left:10px;top:10px;font-size:.78rem;padding:.32rem .7rem .32rem .55rem}
 .tow-steps{grid-template-columns:1fr 1fr;gap:.55rem}
 .tow-steps li{padding:.7rem .75rem .95rem;border-radius:12px}
 .tow-steps h3{font-size:.95rem}.tow-steps p{font-size:.8rem;line-height:1.38}
 .tow-bar{left:.75rem;right:.75rem;bottom:.45rem}
}
@media(max-width:759px) and (max-height:740px){.tow-steps p{display:none}}
/* static fallback: reduced motion, or a viewport too short to pin */
.tow.static .tow-pin{height:auto}.tow.static .tow-sticky{position:relative;top:auto;height:auto;padding:0}
.tow.static .tow-steps li{opacity:1}.tow.static .tow-steps p{display:block}.tow.static .tow-bar{display:none}
@media(prefers-reduced-motion:reduce){.tow-pin{height:auto!important}.tow-sticky{position:relative;top:auto;height:auto!important;padding:0}.tow-smoke circle{animation:none}.tow-steps li{opacity:1}.tow-bar{display:none}}

/* ---- Nov 3: full-bleed hero — hero photo and the 3-photo grid span the full window width; headline/buttons stay inset ---- */
@media(min-width:760px){
  .hero.photo{container-type:inline-size;--hin:max(20px,calc((100cqw - 1120px)/2));overflow-x:clip}
  .hero.photo .wrap{width:100%;max-width:none;margin:0;padding-inline:var(--hin);box-sizing:border-box}
  .hero.photo .hcar{width:auto;margin-left:calc(-1 * var(--hin));margin-right:calc(-1 * var(--hin))}
  .hero.photo .hc-track{border-radius:0}
  .hero.photo .hc-track img{border-radius:0}
}
@media(min-width:1200px){.hero.photo{--hin:max(5vw,calc((100cqw - 1680px)/2))}}