/* Sand Man Trucking LLC — brand: sky blue + copper (from logo), charcoal, white. No external fonts. */
:root{
  --charcoal:#1b2126; --charcoal-2:#252d33; --ink:#1f262c; --text:#2c343a; --muted:#5b666f;
  --sky:#56a5d2; --sky-tint:#eef6fb; --sky-line:#d4e7f3; --blue:#1d5f8c; --blue-hover:#174e74;
  --copper:#d39375; --copper-hover:#dfa588; --copper-dark:#99573a;
  --white:#fff; --paper:#fafaf8; --line:#e3e6e8;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --r:10px; --max:1160px; --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:72px; --s7:104px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:17px/1.65 var(--sans);color:var(--text);background:var(--white);padding-bottom:64px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-underline-offset:3px}
a:hover{color:var(--blue-hover)}
h1,h2,h3{font-family:var(--serif);color:var(--ink);font-weight:600;line-height:1.15;letter-spacing:-.01em;margin:0 0 var(--s2)}
h1{font-size:clamp(2.1rem,5.4vw,3.5rem)}
h2{font-size:clamp(1.55rem,3.2vw,2.1rem)}
h3{font-size:1.25rem}
p{margin:0 0 var(--s2)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.narrow{max-width:780px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:10px 14px;border-radius:6px}
.eyebrow{font:600 .78rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--copper-dark);margin:0 0 var(--s2)}
.lead{font-size:1.15rem;line-height:1.6;max-width:62ch}
.muted{color:var(--muted)}.small{font-size:.9rem}
.ph{background:#fbf1ea;color:#7a4329;border:1px dashed #d9a98f;border-radius:4px;padding:0 .3em;font:600 .86em/1.5 var(--sans);letter-spacing:0;text-transform:none;white-space:normal}

/* ---------- header ---------- */
.site-header{background:var(--charcoal);position:sticky;top:0;z-index:40;box-shadow:0 1px 0 rgba(255,255,255,.06)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:72px}
.brand{flex:none}.brand img{height:52px;width:auto;min-width:78px;flex:none}
.nav-desktop,.header-actions{display:none}
.nav-desktop ul,.nav-mobile ul{list-style:none;margin:0;padding:0}
.nav-mobile summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-content:center;gap:5px;border-radius:8px}
.nav-mobile summary::-webkit-details-marker{display:none}
.nav-mobile summary span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
.nav-mobile[open] summary{background:var(--charcoal-2)}
.nav-mobile nav{position:absolute;left:0;right:0;top:72px;background:var(--charcoal);border-top:1px solid rgba(255,255,255,.08);padding:var(--s1) 20px var(--s3);box-shadow:0 18px 30px rgba(0,0,0,.25)}
.nav-mobile a{display:block;padding:14px 4px;color:#e9ecee;text-decoration:none;font-weight:500;border-bottom:1px solid rgba(255,255,255,.07)}
.nav-mobile a[aria-current=page]{color:var(--copper)}

/* ---------- buttons ---------- */
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s3)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:54px;padding:0 26px;border-radius:8px;font:600 1.02rem/1.2 var(--sans);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s;flex:1 1 100%}
.btn .ph{font-size:.82rem}
.btn-primary{background:var(--copper);color:var(--charcoal);border-color:var(--copper)}
.btn-primary:hover{background:var(--copper-hover);border-color:var(--copper-hover);color:var(--charcoal)}
.btn-secondary{background:var(--blue);color:#fff;border-color:var(--blue)}
.btn-secondary:hover{background:var(--blue-hover);color:#fff}
.btn-outline{background:transparent;color:var(--blue);border-color:currentColor}
.btn-outline:hover{background:var(--sky-tint)}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-outline-light:hover{border-color:#fff;color:#fff}
.btn-sm{min-height:44px;padding:0 18px;font-size:.95rem;flex:0 0 auto}
.btn-block{width:100%;flex:none}
.text-link{font-weight:600;text-decoration:none}
.text-link:hover{text-decoration:underline}

/* ---------- hero ---------- */
.hero{background:var(--charcoal);color:#e6e9eb;padding:var(--s5) 0 0;overflow:hidden}
.hero h1{color:#fff}
.hero .eyebrow{color:var(--copper)}
.hero .lead{color:#d3d8dc}
.hero .btn-secondary{background:transparent;border-color:rgba(255,255,255,.55)}
.hero .btn-secondary:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.hero-note{margin:var(--s2) 0 0;font-size:.92rem;color:#aeb6bc}
.hero-grid{display:grid;gap:var(--s5)}
.hero-media{margin:0 -20px}
.hero-photo img{width:100%;aspect-ratio:16/10.3;object-fit:cover;object-position:40% 50%}

/* ---------- page head ---------- */
.page-head{background:var(--charcoal);color:#d3d8dc;padding:var(--s6) 0 var(--s5)}
.page-head h1{color:#fff}
.page-head .eyebrow{color:var(--copper)}
.page-head .btn-secondary{background:transparent;border-color:rgba(255,255,255,.55)}
.page-head .btn-secondary:hover{border-color:#fff}
.page-head-short{padding:var(--s7) 0}

/* ---------- sections ---------- */
.section{padding:var(--s6) 0}
.section-tint{background:var(--sky-tint);border-top:1px solid var(--sky-line);border-bottom:1px solid var(--sky-line)}
.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s1) var(--s3);margin-bottom:var(--s3)}
.section-head h2{margin:0}
.services,.two-col{display:grid;gap:var(--s5)}
.service{padding-top:var(--s3);border-top:2px solid var(--copper)}
.service p:not(.eyebrow){color:var(--text)}
.list{margin:0 0 var(--s3);padding-left:1.15em}
.list li{margin-bottom:.5em;padding-left:.2em}
.list li::marker{color:var(--copper-dark)}
.steps{counter-reset:s;list-style:none;margin:0;padding:0}
.steps li{counter-increment:s;position:relative;padding:0 0 var(--s3) 52px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--charcoal);color:var(--copper);display:grid;place-items:center;font:600 .95rem var(--sans)}
.steps strong{display:block;color:var(--ink)}
.facts h2{margin-bottom:var(--s4)}
.fact-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.fact-list li{padding-left:var(--s3);border-left:2px solid var(--sky)}
.fact-list strong{display:block;color:var(--ink);font-size:1.05rem}
.callout{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4)}
.callout .list{margin-bottom:0}
.prose p{max-width:64ch}
.spec{margin:0;display:grid;gap:0}
.spec div{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid var(--line)}
.spec div:first-child{border-top:1px solid var(--line)}
.spec dt{font:600 .78rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.spec dd{margin:0;color:var(--ink)}
.photo{margin:0}
.photo img{width:100%;border-radius:var(--r);box-shadow:0 10px 30px rgba(27,33,38,.12)}
.photo figcaption{font-size:.88rem;color:var(--muted);margin-top:10px}
.photo-portrait{max-width:420px}
.values{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.value{background:#fff;border:1px solid var(--sky-line);border-radius:var(--r);padding:var(--s3)}
.value h3{margin-bottom:var(--s1)}
.value p{margin:0;color:var(--text)}
.draft-note{margin:0}

/* ---------- deployments ---------- */
.dep-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px var(--s3);margin-bottom:var(--s3)}
.dep-head h2{margin:0}
.dep-updated{margin:0;font-size:.9rem;color:var(--muted)}
.dep-list{list-style:none;margin:0 0 var(--s3);padding:0;display:grid;gap:var(--s2)}
.dep-card{background:#fff;border:1px solid var(--sky-line);border-radius:var(--r);padding:var(--s3)}
.dep-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s2)}
.dep-top h3{margin:0 0 var(--s1)}
.dep-card p{color:var(--text)}
.status{display:inline-block;font:600 .74rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:999px;white-space:nowrap}
.status-active{background:#e3f1e6;color:#1f6b35}
.status-booking{background:#fbefe7;color:#8a4a2c}
.dep-empty{background:#fff;border:1px dashed #b9d6e8;border-radius:var(--r);padding:var(--s4);margin-bottom:var(--s3)}
.dep-empty-title{font:600 1.2rem/1.3 var(--serif);color:var(--ink);margin-bottom:var(--s1)}
.dep-empty p:last-child{margin:0}
.legend{margin:var(--s3) 0}
.legend p{display:flex;align-items:center;gap:12px;margin-bottom:10px}

/* ---------- CTA band ---------- */
.cta-band{background:var(--charcoal);color:#cfd5d9;padding:var(--s6) 0}
.cta-band h2{color:#fff;margin-bottom:var(--s1)}
.cta-band p{margin:0}
.cta-band a:not(.btn){color:var(--copper)}
.cta-band .btn-secondary{background:transparent;border-color:rgba(255,255,255,.55)}
.cta-inner{display:grid;gap:var(--s2)}

/* ---------- forms ---------- */
.form-layout{display:grid;gap:var(--s4);grid-template-columns:minmax(0,1fr)}
.form-layout>*{min-width:0}
.side-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);align-self:start}
.section-tint .side-card{background:#fff;border-color:var(--sky-line)}
.side-h{font-size:1.3rem}
.side-card p{margin-bottom:14px}
.side-card .k{display:block;font:600 .74rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.side-alert{margin-top:var(--s2);background:#fbf1ea;border-radius:8px;padding:12px 14px;font-size:.93rem;color:#5a3524}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s3)}
fieldset{border:0;margin:0;padding:0 0 var(--s3);min-width:0}
fieldset+fieldset{border-top:1px solid var(--line);padding-top:var(--s3)}
fieldset[hidden]{display:none}
legend{font:600 1.2rem/1.3 var(--serif);color:var(--ink);padding:0;margin-bottom:var(--s2);float:left;width:100%}
legend+*{clear:both}
label,.label{display:block;font-weight:600;font-size:.95rem;color:var(--ink);margin:0 0 var(--s2)}
.label{margin-bottom:10px}
.req{color:#b3261e;font-weight:600}
.opt{color:var(--muted);font-weight:400}
input[type=text],input[type=tel],input[type=email],input[type=number],input[type=date],select,textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;font:400 1rem/1.4 var(--sans);color:var(--ink);background:#fff;border:1px solid #c7ced3;border-radius:8px;min-height:50px;appearance:none;-webkit-appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,#5b666f 50%),linear-gradient(135deg,#5b666f 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
textarea{min-height:110px;resize:vertical}
input::placeholder,textarea::placeholder{color:#8a949b}
input:focus,select:focus,textarea:focus,.choice:focus-within{outline:3px solid rgba(86,165,210,.45);outline-offset:1px;border-color:var(--blue)}
input[type=file]{display:block;margin-top:8px;font:400 .95rem var(--sans)}
.grid2{display:grid;gap:0 var(--s3)}
.choices{display:grid;gap:10px}
.choice{display:flex;align-items:center;gap:12px;margin:0;padding:14px 16px;border:1px solid #c7ced3;border-radius:8px;cursor:pointer;font-weight:600}
.choice:has(input:checked){border-color:var(--blue);background:var(--sky-tint);box-shadow:inset 0 0 0 1px var(--blue)}
.chk-grid{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:var(--s2)}
.chk{display:flex;align-items:flex-start;gap:10px;margin:0;font-weight:400}
.chk input,.choice input{width:20px;height:20px;flex:none;margin:2px 0 0;accent-color:var(--blue)}
.consent{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px;font-size:.93rem;margin:var(--s1) 0 var(--s2)}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-note{margin:var(--s2) 0 0;font-size:.92rem;color:var(--muted);text-align:center}

/* ---------- footer ---------- */
.site-footer{background:var(--charcoal);color:#aeb6bc;padding:var(--s6) 0 var(--s3);font-size:.95rem;border-top:1px solid rgba(255,255,255,.06)}
.site-footer a{color:#e9ecee;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}
.footer-grid{display:grid;gap:var(--s4)}
.footer-brand img{height:64px;width:auto;margin-bottom:var(--s2);opacity:.95}
.footer-brand p{max-width:36ch}
.footer-h{font:600 .78rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin-bottom:var(--s2)}
.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:8px}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid rgba(255,255,255,.08);font-size:.85rem;color:#86909a}
.site-footer .ph{background:rgba(211,147,117,.14);color:#f0c7b2;border-color:rgba(211,147,117,.5)}
.site-header .ph,.hero .ph,.page-head .ph,.cta-band .ph{background:rgba(211,147,117,.14);color:#f0c7b2;border-color:rgba(211,147,117,.55)}
.btn-primary .ph{background:rgba(27,33,38,.1);color:var(--charcoal);border-color:rgba(27,33,38,.35)}

/* ---------- mobile contact bar ---------- */
.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(3,1fr);background:var(--charcoal);box-shadow:0 -4px 16px rgba(0,0,0,.18);padding-bottom:env(safe-area-inset-bottom)}
.mobile-bar a{display:grid;place-items:center;height:60px;color:#fff;text-decoration:none;font-weight:600;font-size:1rem;border-left:1px solid rgba(255,255,255,.08)}
.mobile-bar a:first-child{background:var(--copper);color:var(--charcoal);border:0}

/* ---------- breakpoints ---------- */
@media (min-width:640px){
  .btn{flex:0 0 auto}
  .grid2{grid-template-columns:1fr 1fr}
  .choices{grid-template-columns:repeat(3,1fr)}
  .services{grid-template-columns:1fr 1fr;gap:var(--s5)}
  .fact-list{grid-template-columns:1fr 1fr;gap:var(--s4) var(--s5)}
  .values{grid-template-columns:1fr 1fr}
  .dep-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
  .form{padding:var(--s4)}
  .hero-media{margin:0}
  .hero-photo img{border-radius:var(--r) var(--r) 0 0}
}
@media (min-width:960px){
  body{padding-bottom:0}
  .mobile-bar{display:none}
  .header-row{min-height:88px}
  .brand img{height:68px}
  .nav-mobile nav{top:88px}
  .hero{padding:var(--s7) 0 var(--s7)}
  .hero-grid{grid-template-columns:5fr 6fr;align-items:center;gap:var(--s6)}
  .hero-photo img{border-radius:var(--r);aspect-ratio:auto;object-fit:contain}
  .page-head{padding:var(--s7) 0 var(--s6)}
  .section{padding:var(--s7) 0}
  .two-col{grid-template-columns:1fr 1fr;gap:var(--s6)}
  .align-center{align-items:center}
  .values{grid-template-columns:repeat(3,1fr)}
  .values:has(> li:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}
  .form-layout{grid-template-columns:300px minmax(0,1fr);gap:var(--s5)}
  .side-card{position:sticky;top:112px}
  .form{padding:var(--s5)}
  .cta-inner{grid-template-columns:1fr auto;align-items:center;gap:var(--s5)}
  .cta-inner .btn-row{margin:0}
}
/* Desktop header (nav, phone, Request button) only once it fits; hamburger below 1180px */
@media (min-width:1180px){
  .nav-mobile{display:none}
  .nav-desktop{display:block;flex:1}
  .nav-desktop ul{display:flex;justify-content:center;gap:2px}
  .nav-desktop a{display:block;white-space:nowrap;padding:8px 10px;color:#d7dce0;text-decoration:none;font-size:.95rem;font-weight:500;border-radius:6px}
  .nav-desktop a:hover{color:#fff;background:rgba(255,255,255,.06)}
  .nav-desktop a[aria-current=page]{color:var(--copper)}
  .header-actions{display:flex;align-items:center;gap:var(--s3)}
  .header-phone{display:flex;flex-direction:column;color:#fff;text-decoration:none;font-weight:600;line-height:1.25;text-align:right}
  .header-phone-label{white-space:nowrap;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#9aa4ab;font-weight:600}
  .header-phone{white-space:nowrap}
  .header-actions .btn{white-space:nowrap}
  .header-actions{gap:var(--s2)}
}
@media (min-width:1280px){.nav-desktop a{padding:8px 13px}.header-actions{gap:var(--s3)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* =====================================================================
   THEMES — switch with <html data-theme="industrial|premium|rugged">.
   No attribute = original "classic" look. Fonts are self-hosted in /fonts.
   ===================================================================== */
@font-face{font-family:"Oswald";src:url(/fonts/oswald-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Oswald";src:url(/fonts/oswald-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Montserrat";src:url(/fonts/montserrat-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Montserrat";src:url(/fonts/montserrat-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Manrope";src:url(/fonts/manrope-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url(/fonts/manrope-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Manrope";src:url(/fonts/manrope-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Roboto Slab";src:url(/fonts/roboto-slab-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Roboto Slab";src:url(/fonts/roboto-slab-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}

.logo-light{display:none}

/* ---------- 1. BOLD INDUSTRIAL: Oswald + Inter, deep navy/charcoal, copper ---------- */
[data-theme=industrial]{
  --serif:"Oswald","Arial Narrow",sans-serif; --sans:"Inter",system-ui,sans-serif;
  --charcoal:#0f1923; --charcoal-2:#182533; --ink:#0f1923; --blue:#1c5e8f; --sky-tint:#f1f5f8; --sky-line:#dde6ee;
}
[data-theme=industrial] body{font-size:16.5px}
[data-theme=industrial] h1,[data-theme=industrial] h2,[data-theme=industrial] h3,[data-theme=industrial] legend,[data-theme=industrial] .dep-empty-title{font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.05}
[data-theme=industrial] h1{font-size:clamp(2.5rem,6.4vw,4.6rem)}
[data-theme=industrial] h3{letter-spacing:.03em}
[data-theme=industrial] .btn{border-radius:4px;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}
[data-theme=industrial] .service{border-top-width:3px}
@media (min-width:960px){
  [data-theme=industrial] .hero{padding:var(--s7) 0 0}
  [data-theme=industrial] .hero-grid{grid-template-columns:1fr;gap:var(--s5)}
  [data-theme=industrial] .hero-copy{display:grid;grid-template-columns:1.15fr 1fr;column-gap:var(--s6);align-items:end}
  [data-theme=industrial] .hero-copy .eyebrow{grid-column:1/-1}
  [data-theme=industrial] .hero-copy h1{grid-column:1;grid-row:2/5;margin:0}
  [data-theme=industrial] .hero-copy .lead,[data-theme=industrial] .hero-copy .btn-row,[data-theme=industrial] .hero-copy .hero-note{grid-column:2}
  [data-theme=industrial] .hero-media{margin:0 calc(50% - 50vw)}
  [data-theme=industrial] .hero-photo img{width:100vw;max-width:none;aspect-ratio:2/1;object-fit:cover;object-position:50% 12%;border-radius:0}
}

/* ---------- 2. MODERN PREMIUM: Montserrat + Manrope, white + logo sky blue, copper accent ---------- */
[data-theme=premium]{
  --serif:"Montserrat",system-ui,sans-serif; --sans:"Manrope",system-ui,sans-serif;
  --charcoal:#16222c; --ink:#14212b; --text:#33424d; --blue:#1d6aa0; --blue-hover:#17588a;
  --sky-tint:#eef6fb; --sky-line:#d6e9f5; --copper-dark:#a05f3d; --r:14px;
}
[data-theme=premium] h1,[data-theme=premium] h2,[data-theme=premium] h3,[data-theme=premium] legend{font-weight:700;letter-spacing:-.025em}
[data-theme=premium] h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.08}
[data-theme=premium] .site-header{background:#fff;box-shadow:0 1px 0 #e6edf2}
[data-theme=premium] .logo-dark{display:none}[data-theme=premium] .logo-light{display:block}
[data-theme=premium] .nav-desktop a{color:#33424d}
[data-theme=premium] .nav-desktop a:hover{color:var(--ink);background:var(--sky-tint)}
[data-theme=premium] .nav-desktop a[aria-current=page]{color:var(--copper-dark)}
[data-theme=premium] .header-phone{color:var(--ink)}
[data-theme=premium] .site-header .ph{background:#fbf1ea;color:#7a4329;border-color:#d9a98f}
[data-theme=premium] .nav-mobile summary span{background:var(--ink)}
[data-theme=premium] .nav-mobile[open] summary{background:var(--sky-tint)}
[data-theme=premium] .nav-mobile nav{background:#fff;border-top-color:#e6edf2}
[data-theme=premium] .nav-mobile a{color:var(--ink);border-bottom-color:#eef2f5}
[data-theme=premium] .hero{background:linear-gradient(180deg,#fff 0%,var(--sky-tint) 100%);color:var(--text)}
[data-theme=premium] .hero h1{color:var(--ink)}
[data-theme=premium] .hero .eyebrow{color:var(--copper-dark)}
[data-theme=premium] .hero .lead{color:var(--text)}
[data-theme=premium] .hero-note{color:var(--muted)}
[data-theme=premium] .hero .ph{background:#fbf1ea;color:#7a4329;border-color:#d9a98f}
[data-theme=premium] .btn{border-radius:999px}
[data-theme=premium] .btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}
[data-theme=premium] .btn-primary:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff}
[data-theme=premium] .btn-primary .ph{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5)}
[data-theme=premium] .hero .btn-secondary{background:#fff;color:var(--ink);border-color:#cfdbe3}
[data-theme=premium] .hero .btn-secondary:hover{border-color:var(--ink)}
[data-theme=premium] .hero-photo img{border-radius:var(--r);box-shadow:0 30px 60px -20px rgba(20,33,43,.35)}
[data-theme=premium] .service{border-top:0;background:#fff;border:1px solid #e6edf2;border-radius:var(--r);padding:var(--s4);box-shadow:0 8px 24px -16px rgba(20,33,43,.25)}
[data-theme=premium] .service h2{font-size:1.6rem}
[data-theme=premium] .fact-list li{border-left-color:var(--copper)}
[data-theme=premium] .mobile-bar a:first-child{background:var(--blue);color:#fff}
[data-theme=premium] .cta-band .btn-primary{background:var(--copper);border-color:var(--copper);color:var(--charcoal)}
[data-theme=premium] .cta-band .btn-primary .ph{background:rgba(27,33,38,.1);color:var(--charcoal);border-color:rgba(27,33,38,.35)}
@media (max-width:959px){[data-theme=premium] .hero-media{margin:0}[data-theme=premium] .hero{padding-bottom:var(--s5)}}

/* ---------- 3. RUGGED CLASSIC: Roboto Slab + Source Sans 3, dark steel, copper, sky blue ---------- */
[data-theme=rugged]{
  --serif:"Roboto Slab",Georgia,serif; --sans:"Source Sans 3",system-ui,sans-serif;
  --charcoal:#262e35; --charcoal-2:#313a42; --ink:#20272d; --blue:#1f6797; --sky:#56a5d2;
  --sky-tint:#f3f6f8; --sky-line:#dfe5ea; --r:6px;
}
[data-theme=rugged] body{font-size:18px}
[data-theme=rugged] h1,[data-theme=rugged] h2,[data-theme=rugged] h3,[data-theme=rugged] legend{font-weight:700;letter-spacing:-.01em}
[data-theme=rugged] h1{font-size:clamp(2.2rem,5.2vw,3.7rem)}
[data-theme=rugged] .eyebrow,[data-theme=rugged] .hero .eyebrow,[data-theme=rugged] .page-head .eyebrow{color:var(--sky)}
[data-theme=rugged] .section .eyebrow{color:var(--blue)}
[data-theme=rugged] .btn{border-radius:4px;font-weight:600}
[data-theme=rugged] .hero{border-bottom:4px solid var(--copper)}
[data-theme=rugged] .hero-photo img{border-radius:4px;outline:1px solid rgba(211,147,117,.6);outline-offset:8px}
[data-theme=rugged] .service{border-top:4px solid var(--sky);padding-top:var(--s3)}
[data-theme=rugged] .fact-list li{border-left:3px solid var(--copper)}
[data-theme=rugged] .site-header{border-bottom:1px solid rgba(255,255,255,.08)}
@media (min-width:960px){[data-theme=rugged] .hero-photo img{outline-offset:12px}}

/* =====================================================================
   BOLD PALETTES (round 2) — Oswald headings + Inter body, mobile-first.
   <html data-theme="palA|palB|palC">
   ===================================================================== */
[data-theme^=pal]{--serif:"Oswald","Arial Narrow",sans-serif;--sans:"Inter",system-ui,sans-serif}
[data-theme^=pal] body{font-size:16.5px}
[data-theme^=pal] h1,[data-theme^=pal] h2,[data-theme^=pal] h3,[data-theme^=pal] legend,[data-theme^=pal] .dep-empty-title{font-family:var(--serif);font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.06}
[data-theme^=pal] h1{font-size:clamp(2.45rem,10vw,4.4rem)}
[data-theme^=pal] h2{font-size:clamp(1.7rem,6vw,2.4rem)}
[data-theme^=pal] .btn{border-radius:6px;font-weight:600;letter-spacing:.02em;min-height:56px}
[data-theme^=pal] .eyebrow{letter-spacing:.18em;font-weight:700}
/* mobile-first hero: photo leads, edge to edge, copy below */
[data-theme^=pal] .hero{padding:0 0 var(--s5)}
[data-theme^=pal] .hero-media{order:-1;margin:0 -20px}
[data-theme^=pal] .hero-grid{gap:var(--s4)}
[data-theme^=pal] .hero-photo img{aspect-ratio:16/10.3;border-radius:0}
@media (min-width:640px){[data-theme^=pal] .hero-photo img{border-radius:0}}
@media (min-width:960px){
  [data-theme^=pal] .hero{padding:var(--s7) 0}
  [data-theme^=pal] .hero-media{order:0;margin:0}
  [data-theme^=pal] .hero-photo img{border-radius:10px;aspect-ratio:auto}
}
[data-theme^=pal] .service{border-top-width:4px}

/* ---------- A: midnight navy + rich copper + bright sky accents ---------- */
[data-theme=palA]{--charcoal:#0b1a2e;--charcoal-2:#13263f;--ink:#0b1a2e;--text:#24313d;--muted:#55636f;
  --copper:#e8956b;--copper-hover:#f0a77f;--copper-dark:#9c5430;--blue:#1565a6;--blue-hover:#0f5288;--sky:#5cc4f5;
  --sky-tint:#eef6fc;--sky-line:#d3e7f6}
[data-theme=palA] .hero .eyebrow,[data-theme=palA] .page-head .eyebrow{color:var(--sky)}
[data-theme=palA] .hero h1 .hl{color:var(--copper)}
[data-theme=palA] .hero .btn-secondary,[data-theme=palA] .cta-band .btn-secondary{background:transparent;color:#fff;border-color:var(--sky)}
[data-theme=palA] .hero .btn-secondary:hover{background:rgba(92,196,245,.12)}
[data-theme=palA] .hero-note{color:#c9d6e3}
[data-theme=palA] .site-header{border-bottom:3px solid var(--copper)}
[data-theme=palA] .service{border-top-color:var(--sky)}
[data-theme=palA] .service:nth-child(2){border-top-color:var(--copper)}
[data-theme=palA] .fact-list li{border-left-color:var(--copper)}
[data-theme=palA] .cta-band{background-color:#0b1a2e;background-image:linear-gradient(135deg,#0b1a2e 0%,#13263f 100%);border-top:3px solid var(--sky)}
[data-theme=palA] .mobile-bar{background:#0b1a2e}
[data-theme=palA] .mobile-bar a:nth-child(2){background:var(--blue)}

/* ---------- B: sky-blue dominant, dark charcoal type, copper CTAs ---------- */
[data-theme=palB]{--charcoal:#0f1d27;--charcoal-2:#1a2b37;--ink:#0f1d27;--text:#1e2c36;--muted:#4a5a66;
  --sky:#5aaedd;--copper:#a4532e;--copper-hover:#8f4625;--copper-dark:#9a4a26;--blue:#155e92;--blue-hover:#0f4c78;
  --sky-tint:#e8f4fb;--sky-line:#c9e3f3}
[data-theme=palB] .site-header{background:var(--sky);box-shadow:0 1px 0 rgba(15,29,39,.15)}
[data-theme=palB] .nav-desktop a{color:var(--ink);font-weight:600}
[data-theme=palB] .nav-desktop a:hover{background:rgba(15,29,39,.08);color:var(--ink)}
[data-theme=palB] .nav-desktop a[aria-current=page]{color:#fff;background:var(--ink)}
[data-theme=palB] .header-phone{color:var(--ink)}[data-theme=palB] .header-phone-label{color:var(--ink);opacity:.85}
[data-theme=palB] .nav-mobile summary span{background:var(--ink)}
[data-theme=palB] .nav-mobile[open] summary{background:rgba(15,29,39,.1)}
[data-theme=palB] .nav-mobile nav{background:var(--sky)}
[data-theme=palB] .nav-mobile a{color:var(--ink);border-bottom-color:rgba(15,29,39,.12)}
[data-theme=palB] .hero{background:var(--sky);color:var(--ink)}
[data-theme=palB] .hero h1{color:var(--ink)}
[data-theme=palB] .hero .eyebrow{color:var(--ink)}
[data-theme=palB] .hero .lead{color:var(--ink)}
[data-theme=palB] .hero-note{color:var(--ink)}
[data-theme=palB] .btn-primary{background:var(--copper);border-color:var(--copper);color:#fff}
[data-theme=palB] .btn-primary:hover{background:var(--copper-hover);border-color:var(--copper-hover);color:#fff}
[data-theme=palB] .btn-primary .ph{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.55)}
[data-theme=palB] .hero .btn-secondary{background:var(--ink);border-color:var(--ink);color:#fff}
[data-theme=palB] .site-header .ph,[data-theme=palB] .hero .ph:not(.btn .ph){background:rgba(255,255,255,.55);color:#0f1d27;border-color:rgba(15,29,39,.4)}
[data-theme=palB] .service{border-top-color:var(--copper)}
[data-theme=palB] .section-tint{background:var(--sky-tint)}
[data-theme=palB] .fact-list li{border-left-color:var(--sky)}
[data-theme=palB] .cta-band{background:var(--ink)}
[data-theme=palB] .cta-band .btn-primary{background:#d9895b;border-color:#d9895b;color:var(--ink)}
[data-theme=palB] .cta-band .btn-primary .ph{background:rgba(15,29,39,.1);color:var(--ink);border-color:rgba(15,29,39,.35)}
[data-theme=palB] .cta-band .btn-secondary{background:transparent;border-color:var(--sky);color:#fff}
[data-theme=palB] .mobile-bar{background:var(--ink)}
[data-theme=palB] .mobile-bar a:first-child{background:var(--copper);color:#fff}
[data-theme=palB] .mobile-bar a:nth-child(2){background:var(--sky);color:var(--ink)}
@media (min-width:960px){[data-theme=palB] .hero-photo img{box-shadow:0 24px 50px -18px rgba(15,29,39,.55)}}

/* ---------- C: near-black, vivid copper-orange CTAs, electric blue highlights ---------- */
[data-theme=palC]{--charcoal:#0b0c0e;--charcoal-2:#16181c;--ink:#f2f2f0;--text:#c4c9cf;--muted:#9aa1a9;
  --copper:#f28c45;--copper-hover:#ff9a52;--copper-dark:#f28c45;--blue:#3aaeff;--blue-hover:#6cc2ff;--sky:#3aaeff;
  --sky-tint:#121418;--sky-line:#23272d;--line:#262a30;--paper:#16181c;--white:#0b0c0e}
[data-theme=palC] body{background:#0b0c0e;color:var(--text)}
[data-theme=palC] a{color:var(--blue)}
[data-theme=palC] .eyebrow,[data-theme=palC] .hero .eyebrow{color:var(--blue)}
[data-theme=palC] .btn-primary{background:var(--copper);border-color:var(--copper);color:#0b0c0e}
[data-theme=palC] .btn-primary:hover{background:var(--copper-hover);border-color:var(--copper-hover);color:#0b0c0e}
[data-theme=palC] .btn-primary .ph{background:rgba(11,12,14,.1);color:#0b0c0e;border-color:rgba(11,12,14,.4)}
[data-theme=palC] .btn-secondary,[data-theme=palC] .hero .btn-secondary,[data-theme=palC] .cta-band .btn-secondary{background:transparent;color:#fff;border-color:var(--blue)}
[data-theme=palC] .site-header{border-bottom:1px solid #22262c}
[data-theme=palC] .hero{background:#0b0c0e}
[data-theme=palC] .hero .lead{color:#c4c9cf}
[data-theme=palC] .section{background:#0b0c0e}
[data-theme=palC] .section-tint{background:#121418;border-color:#1f2328}
[data-theme=palC] .service{background:#16181c;border:1px solid #23272d;border-top:3px solid var(--copper);border-radius:10px;padding:var(--s4)}
[data-theme=palC] .service:nth-child(2){border-top-color:var(--blue)}
[data-theme=palC] .service p:not(.eyebrow){color:var(--text)}
[data-theme=palC] .fact-list li{border-left-color:var(--copper)}
[data-theme=palC] .dep-empty{background:#16181c;border-color:#2b3036}
[data-theme=palC] .ph{background:rgba(242,140,69,.12);color:#ffc09a;border-color:rgba(242,140,69,.5)}
[data-theme=palC] .cta-band{background:#16181c;border-top:1px solid #23272d}
[data-theme=palC] .site-footer{background:#08090a}
[data-theme=palC] .mobile-bar{background:#16181c}
[data-theme=palC] .mobile-bar a:first-child{background:var(--copper);color:#0b0c0e}
[data-theme=palC] .mobile-bar a:nth-child(2){background:var(--blue);color:#0b0c0e}
[data-theme=palB] .cta-band a:not(.btn){color:#d9895b}

/* =====================================================================
   FLEET THEME — colors from the real trucks. <html data-theme="fleet|fleet-dark">
   truck-103 blue sampled from the photo (#235A82), deepened for UI (#1A4868);
   bronze = warmer/darker than the old copper; orange = CTA; cream = soft sections.
   ===================================================================== */
[data-theme^=fleet]{--serif:"Oswald","Arial Narrow",sans-serif;--sans:"Inter",system-ui,sans-serif;
  --navy:#0e1c2b;--charcoal:#0e1c2b;--charcoal-2:#16283a;--ink:#0e1c2b;--text:#26323d;--muted:#56616b;
  --truck-blue:#235a82;--blue:#1a4868;--blue-hover:#133a55;--sky:#235a82;
  --bronze:#8a5a2e;--bronze-light:#d6a56f;--copper:#e8731c;--copper-hover:#f0852f;--copper-dark:#8a5a2e;
  --orange:#e8731c;--orange-hover:#f0852f;
  --cream:#faf5ec;--cream-2:#f2e8d5;--cream-line:#e4d7bf;
  --white:#faf5ec;--paper:#f6efe2;--line:#e4d7bf;--sky-tint:#f2e8d5;--sky-line:#e4d7bf}
[data-theme^=fleet] body{font-size:16.5px;background:var(--cream)}
[data-theme^=fleet] h1,[data-theme^=fleet] h2,[data-theme^=fleet] h3,[data-theme^=fleet] legend,[data-theme^=fleet] .dep-empty-title{font-family:var(--serif);font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.06}
[data-theme^=fleet] h1{font-size:clamp(2.45rem,10vw,4.4rem)}
[data-theme^=fleet] h2{font-size:clamp(1.7rem,6vw,2.4rem)}
[data-theme^=fleet] .btn{border-radius:6px;font-weight:600;letter-spacing:.02em;min-height:56px}
[data-theme^=fleet] .eyebrow{letter-spacing:.18em;font-weight:700;color:var(--bronze)}
[data-theme^=fleet] .hero{padding:0 0 var(--s5)}
[data-theme^=fleet] .hero-media{order:-1;margin:0 -20px}
[data-theme^=fleet] .hero-grid{gap:var(--s4)}
[data-theme^=fleet] .hero-photo img{aspect-ratio:16/10.3;border-radius:0}
@media (min-width:960px){
  [data-theme^=fleet] .hero{padding:var(--s7) 0}
  [data-theme^=fleet] .hero-media{order:0;margin:0}
  [data-theme^=fleet] .hero-photo img{border-radius:10px;aspect-ratio:auto;box-shadow:0 24px 50px -20px rgba(14,28,43,.55)}
}
/* shared: orange CTAs with navy type, deep-blue secondary, cream surfaces */
[data-theme^=fleet] .btn-primary{background:var(--orange);border-color:var(--orange);color:var(--navy)}
[data-theme^=fleet] .btn-primary:hover{background:var(--orange-hover);border-color:var(--orange-hover);color:var(--navy)}
[data-theme^=fleet] .btn-primary .ph{background:rgba(14,28,43,.1);color:var(--navy);border-color:rgba(14,28,43,.4)}
[data-theme^=fleet] .btn-secondary{background:var(--blue);border-color:var(--blue);color:#fff}
[data-theme^=fleet] .btn-secondary:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff}
[data-theme^=fleet] .btn-outline{color:var(--blue)}
[data-theme^=fleet] .btn-outline:hover{background:var(--cream-2)}
[data-theme^=fleet] .section-tint{background:var(--cream-2);border-color:var(--cream-line)}
[data-theme^=fleet] .service{border-top:4px solid var(--blue)}
[data-theme^=fleet] .service:nth-child(2){border-top-color:var(--bronze)}
[data-theme^=fleet] .fact-list li{border-left:3px solid var(--bronze)}
[data-theme^=fleet] .list li::marker{color:var(--bronze)}
[data-theme^=fleet] .steps li::before{background:var(--blue);color:#fff}
[data-theme^=fleet] .value,[data-theme^=fleet] .dep-card,[data-theme^=fleet] .dep-empty,[data-theme^=fleet] .form,[data-theme^=fleet] .section-tint .side-card{background:#fff;border-color:var(--cream-line)}
[data-theme^=fleet] .dep-empty{border-color:#cdb994}
[data-theme^=fleet] .side-card,[data-theme^=fleet] .callout,[data-theme^=fleet] .consent{background:#fff;border-color:var(--cream-line)}
[data-theme^=fleet] .choice:has(input:checked){background:#eef3f7}
[data-theme^=fleet] input:focus,[data-theme^=fleet] select:focus,[data-theme^=fleet] textarea:focus,[data-theme^=fleet] .choice:focus-within{outline-color:rgba(35,90,130,.4)}
[data-theme^=fleet] .photo img{box-shadow:0 12px 30px rgba(14,28,43,.16)}
[data-theme^=fleet] .cta-band{background:var(--blue);color:#e3ebf2;border-top:4px solid var(--bronze-light)}
[data-theme^=fleet] .cta-band a:not(.btn){color:#f3c99a}
[data-theme^=fleet] .cta-band .btn-secondary{background:transparent;border-color:rgba(250,245,236,.7);color:#fff}
[data-theme^=fleet] .site-footer{background:var(--navy);border-top:0}
[data-theme^=fleet] .footer-h{color:var(--bronze-light)}
[data-theme^=fleet] .site-footer .ph,[data-theme^=fleet] .hero .ph:not(.btn .ph),[data-theme^=fleet] .page-head .ph,[data-theme^=fleet] .cta-band .ph:not(.btn .ph){background:rgba(214,165,111,.16);color:#f6d8b6;border-color:rgba(214,165,111,.6)}
[data-theme^=fleet] .mobile-bar{background:var(--navy)}
[data-theme^=fleet] .mobile-bar a:first-child{background:var(--orange);color:var(--navy)}
[data-theme^=fleet] .mobile-bar a:nth-child(2){background:var(--blue);color:#fff}

/* ---------- Fleet 1: cream-led light ---------- */
[data-theme=fleet] .site-header{background:var(--cream);box-shadow:0 1px 0 var(--cream-line);border-bottom:3px solid var(--blue)}
[data-theme=fleet] .logo-dark{display:none}[data-theme=fleet] .logo-light{display:block}
[data-theme=fleet] .nav-desktop a{color:var(--ink);font-weight:500}
[data-theme=fleet] .nav-desktop a:hover{background:var(--cream-2);color:var(--ink)}
[data-theme=fleet] .nav-desktop a[aria-current=page]{color:var(--bronze);font-weight:600}
[data-theme=fleet] .header-phone{color:var(--ink)}[data-theme=fleet] .header-phone-label{color:var(--muted)}
[data-theme=fleet] .site-header .ph{background:#fbefe2;color:#6e4422;border-color:#c99d73}
[data-theme=fleet] .nav-mobile summary span{background:var(--ink)}
[data-theme=fleet] .nav-mobile[open] summary{background:var(--cream-2)}
[data-theme=fleet] .nav-mobile nav{background:var(--cream);border-top-color:var(--cream-line)}
[data-theme=fleet] .nav-mobile a{color:var(--ink);border-bottom-color:var(--cream-line)}
[data-theme=fleet] .nav-mobile a[aria-current=page]{color:var(--bronze)}
[data-theme=fleet] .hero{background:linear-gradient(180deg,var(--cream) 0%,var(--cream-2) 100%);color:var(--text)}
[data-theme=fleet] .hero h1{color:var(--navy)}
[data-theme=fleet] .hero h1 .hl{color:var(--blue)}
[data-theme=fleet] .hero .eyebrow{color:var(--bronze)}
[data-theme=fleet] .hero .lead{color:var(--text)}
[data-theme=fleet] .hero-note{color:var(--muted)}
[data-theme=fleet] .hero .btn-secondary{background:var(--blue);border-color:var(--blue);color:#fff}
[data-theme=fleet] .hero .ph:not(.btn .ph){background:#fbefe2;color:#6e4422;border-color:#c99d73}
[data-theme=fleet] .page-head{background:var(--blue);color:#e3ebf2}
[data-theme=fleet] .page-head .eyebrow{color:#f3c99a}

/* ---------- Fleet 2: blue-led dark ---------- */
[data-theme=fleet-dark] .site-header{background:var(--navy);border-bottom:3px solid var(--bronze-light)}
[data-theme=fleet-dark] .nav-desktop a[aria-current=page],[data-theme=fleet-dark] .nav-mobile a[aria-current=page]{color:#f3c99a}
[data-theme=fleet-dark] .header-phone-label{color:#b7c3cf}
[data-theme=fleet-dark] .site-header .ph{background:rgba(214,165,111,.16);color:#f6d8b6;border-color:rgba(214,165,111,.6)}
[data-theme=fleet-dark] .hero{background:linear-gradient(180deg,var(--blue) 0%,#163e5a 100%);color:#e3ebf2}
[data-theme=fleet-dark] .hero h1{color:#fff}
[data-theme=fleet-dark] .hero h1 .hl{color:#f3c99a}
[data-theme=fleet-dark] .hero .eyebrow{color:#f3c99a}
[data-theme=fleet-dark] .hero .lead{color:#e3ebf2}
[data-theme=fleet-dark] .hero-note{color:#c9d6e2}
[data-theme=fleet-dark] .hero .btn-secondary{background:transparent;border-color:var(--cream);color:#fff}
[data-theme=fleet-dark] .hero .btn-secondary:hover{background:rgba(250,245,236,.1)}
[data-theme=fleet-dark] .page-head{background:var(--blue);color:#e3ebf2}
[data-theme=fleet-dark] .page-head .eyebrow{color:#f3c99a}
[data-theme=fleet-dark] .cta-band{background:var(--navy);border-top-color:var(--orange)}
[data-theme=fleet-dark] .steps li::before{background:var(--navy);color:#f3c99a}
[data-theme^=fleet] .btn.btn-primary .ph{background:rgba(14,28,43,.1);color:var(--navy);border-color:rgba(14,28,43,.4)}
[data-theme=fleet-dark] .hero{background-color:var(--blue)}
[data-theme=fleet] .hero{background-color:var(--cream)}
[data-theme^=fleet] .site-footer .footer-h{font:600 .78rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}
[data-theme=fleet-dark] .site-footer{background:#08121c}