/* ============================================================
   SOUND 253 MOBILE AUTO CARE — stamped-steel work-order design
   Radius 0. No shadows (except the garage door). Hard grid of rules.
   ============================================================ */
:root{
  --ink-page:#16130f;
  --ink-panel:#1e1a16;
  --ink-block:#221d18;
  --ink-deep:#141210;
  --rule-hair:#322b23;
  --rule-strong:#3a332a;
  --stencil:#2e281f;
  --bone:#f0e9dc;
  --body:#b8ad9c;
  --body-alt:#cfc6b8;
  --muted:#9c9080;
  --muted-2:#948b7d;
  --faint:#8f8678;
  --accent:#c2410c;
  --accent-lift:#e07b3c;
  --accent-press:#8f2f08;
  --slot-border:#4a4238;
  --rail:104px;
  --gutter:60px;
}
*{box-sizing:border-box;margin:0;padding:0;border-radius:0}
html{scroll-behavior:smooth}
body{background:var(--ink-deep);color:var(--bone);
  font-family:"Archivo",system-ui,sans-serif;font-size:19px;line-height:1.55;
  -webkit-font-smoothing:antialiased}
/* Backdrop in the side gutters (only exist above the 1440px frame).
   .wrap is opaque, so this shows ONLY beside the page — never behind content.
   Swap the image by replacing assets/site-bg.jpg. */
@media (min-width:1445px){
  body{
    background:
      linear-gradient(rgba(20,17,15,.5),rgba(20,17,15,.5)),
      url(../assets/site-bg.jpg) center center / cover fixed no-repeat,
      var(--ink-deep);
  }
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
.wrap{max-width:1440px;margin:0 auto;background:var(--ink-page);
  border-left:2px solid var(--rule-strong);border-right:2px solid var(--rule-strong)}
.osw{font-family:"Oswald",sans-serif}
.type{font-family:"Special Elite",monospace}
em{font-style:normal;color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:8px;top:-56px;z-index:60;background:var(--accent);color:#fff;
  font-family:"Oswald",sans-serif;font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase;
  padding:12px 20px;transition:top .15s}
.skip:focus{top:8px}
.call-cell:focus-visible,.cta-tel:focus-visible,.submit-bar:focus-visible,.c-cell.phone:focus-visible,.sticky-call .call:focus-visible{outline-color:#fff}

/* ---------- TOP BAR ---------- */
.topbar{display:flex;align-items:stretch;border-bottom:2px solid var(--rule-strong);
  position:sticky;top:0;z-index:20;background:var(--ink-page)}
.logo-cell{padding:20px 28px;background:var(--ink-block);border-right:2px solid var(--rule-strong);
  display:flex;align-items:center}
.logo-cell img{width:188px;height:auto}
.nav{display:flex}
.nav a{display:flex;align-items:center;padding:0 30px;border-right:1px solid var(--rule-hair);
  font-family:"Oswald",sans-serif;font-weight:600;font-size:17px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--bone);transition:background .15s}
.nav a:hover{background:#262019}
.nav a.active::after{content:"●";color:var(--accent);padding-left:8px;font-size:.7em}
.hours-strip{flex:1;display:flex;align-items:center;padding:0 24px;
  font-family:"Special Elite",monospace;font-size:13px;color:var(--muted);border-right:1px solid var(--rule-hair)}
.call-cell{display:flex;align-items:center;background:var(--accent);color:var(--bone);
  font-family:"Oswald",sans-serif;font-weight:700;font-size:26px;padding:0 34px;
  transition:background .15s,color .15s}
.call-cell:hover{background:var(--bone);color:#16130f}
.hamburger{display:none}

/* ---------- SECTION FRAMEWORK (rail + content) ---------- */
.section{display:flex;border-bottom:2px solid var(--rule-strong)}
.rail{width:var(--rail);flex:0 0 var(--rail);border-right:1px solid var(--rule-hair);
  padding:28px 0;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}
.rail .num{font-family:"Oswald",sans-serif;font-weight:700;font-size:80px;color:var(--stencil);line-height:.8}
.rail .vert{font-family:"Special Elite",monospace;font-size:12px;letter-spacing:.24em;color:var(--muted-2);
  writing-mode:vertical-rl;text-orientation:mixed}
.eyebrow{font-family:"Special Elite",monospace;font-size:14px;letter-spacing:.18em;color:var(--accent-lift);text-transform:uppercase}

/* ---------- BUTTONS / CTA UNIT ---------- */
.cta-unit{display:inline-flex;border:2px solid var(--rule-strong);width:fit-content}
.cta-tel{display:block;background:var(--accent);color:var(--bone);padding:22px 34px;transition:background .15s}
.cta-tel:hover{background:var(--accent-press)}
.cta-tel .k{font-family:"Special Elite",monospace;font-size:12px;letter-spacing:.06em;display:block;margin-bottom:6px;color:#fff}
.cta-tel .n{font-family:"Oswald",sans-serif;font-weight:700;font-size:38px;line-height:1}
.cta-alt{display:flex;align-items:center;padding:0 30px;font-family:"Oswald",sans-serif;font-weight:600;
  font-size:19px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);transition:background .15s}
.cta-alt:hover{background:#262019}

/* ---------- HAZARD STRIPE ---------- */
.hazard{height:12px;background:repeating-linear-gradient(45deg,var(--accent) 0 16px,#1b1815 16px 32px)}

/* ============================================================
   HOME — 01 MASTHEAD
   ============================================================ */
.masthead{position:relative;display:flex;border-bottom:2px solid var(--rule-strong)}
.mast-main{flex:1;padding:74px 60px 60px}
.mast-eyebrow{margin-bottom:22px}
.mast-h1{font-family:"Oswald",sans-serif;font-weight:700;font-size:150px;letter-spacing:-.022em;
  line-height:.84;text-transform:uppercase;color:var(--bone);margin-bottom:30px}
.mast-body{font-size:22px;line-height:1.5;color:var(--body);max-width:600px;text-wrap:pretty;margin-bottom:36px}
.terms{width:392px;flex:0 0 392px;background:var(--ink-panel);border-left:1px solid var(--rule-hair)}
.terms-head{padding:22px 30px;border-bottom:1px solid var(--rule-hair);
  font-family:"Special Elite",monospace;font-size:13px;letter-spacing:.14em;color:var(--muted)}
.terms-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:26px 30px;border-bottom:1px solid var(--rule-hair)}
.terms-row .l{font-family:"Oswald",sans-serif;font-weight:500;font-size:17px;letter-spacing:.10em;
  text-transform:uppercase;color:var(--muted)}
.terms-row .v{font-family:"Oswald",sans-serif;font-weight:700;font-size:19px;text-transform:uppercase;
  color:var(--bone);text-align:right}
.terms-note{padding:24px 30px;font-family:"Special Elite",monospace;font-size:14px;line-height:1.7;color:var(--muted-2)}

/* garage door (injected by JS on desktop) */
.garage{position:absolute;inset:0;z-index:9;overflow:hidden;pointer-events:auto;
  transform:translateY(0);transition:transform 1750ms cubic-bezier(.66,.02,.28,1);
  box-shadow:0 26px 60px rgba(0,0,0,.85)}
.garage.up{transform:translateY(-101%);pointer-events:none}
.garage .slats{position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.5),rgba(255,255,255,.055) 42%,rgba(0,0,0,.42)),
    repeating-linear-gradient(180deg,#26221e 0px,#201d19 24px,#14110f 28px,#26221e 32px)}
.garage .top-haz{position:absolute;top:0;left:0;right:0;height:14px;
  background:repeating-linear-gradient(45deg,var(--accent) 0 18px,#1b1815 18px 36px)}
.garage .bot-rail{position:absolute;bottom:0;left:0;right:0;height:16px;
  background:linear-gradient(180deg,#3a342d,#14110f)}
.garage .stencil{position:absolute;top:200px;left:0;right:0;text-align:center}
.garage .stencil img{width:520px;max-width:70%;margin:0 auto;opacity:.46}
.garage .stencil span{display:block;margin-top:18px;font-family:"Special Elite",monospace;
  font-size:14px;letter-spacing:.34em;color:#736758}

/* ---------- MARQUEE ---------- */
.marquee{background:var(--ink-block);padding:16px 0;overflow:hidden;border-bottom:2px solid var(--rule-strong)}
.marquee-track{display:flex;width:200%;animation:marq 38s linear infinite}
.marquee-track span{font-family:"Oswald",sans-serif;font-weight:600;font-size:26px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--bone);padding-right:34px;white-space:nowrap}
.marquee-track span::after{content:"✳";color:var(--accent);padding-left:34px}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- 02 LIST ---------- */
.list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
  padding:56px 60px 34px;border-bottom:1px solid var(--rule-hair)}
.list-head h2{font-family:"Oswald",sans-serif;font-weight:700;font-size:74px;line-height:.9;
  text-transform:uppercase;letter-spacing:-.018em}
.list-more{font-family:"Special Elite",monospace;font-size:14px;color:var(--accent-lift);
  border-bottom:2px solid var(--accent-lift);white-space:nowrap}
.list-more:hover{color:var(--bone);border-color:var(--bone)}
.job-row{display:flex;align-items:baseline;gap:0;padding:26px 60px;border-bottom:1px solid var(--rule-hair);
  transition:background .12s,color .12s}
.job-row:hover{background:var(--bone);color:#16130f}
.job-row .idx{width:44px;flex:0 0 44px;font-family:"Special Elite",monospace;font-size:14px;color:var(--accent-lift)}
.job-row:hover .idx{color:var(--accent-press)}
.job-row .title{width:430px;flex:0 0 430px;font-family:"Oswald",sans-serif;font-weight:600;font-size:38px;
  text-transform:uppercase;line-height:1}
.job-row .desc{flex:1;font-size:19px;color:var(--body)}
.job-row:hover .desc{color:#16130f}

/* ---------- 03 NIGHT SLAB ---------- */
.slab{position:relative;height:640px;border-bottom:2px solid var(--rule-strong);display:flex}
.slab-photo{position:absolute;inset:0;background:url(../assets/card-bg.jpg) 50% 46%/cover;
  filter:contrast(1.06) brightness(.72) saturate(.9)}
.slab-scrim{position:absolute;inset:0;
  background:linear-gradient(92deg,rgba(20,17,15,.94) 0%,rgba(20,17,15,.72) 42%,rgba(20,17,15,.16) 74%,rgba(20,17,15,.5) 100%)}
.slab .rail{position:relative;z-index:2;border-right:1px solid rgba(243,237,226,.16)}
.slab .rail .num{color:rgba(243,237,226,.2)}
.slab-main{position:relative;z-index:2;flex:1;padding:74px 60px;display:flex;flex-direction:column;justify-content:space-between}
.slab-time{font-family:"Special Elite",monospace;font-size:14px;color:var(--accent-lift);margin-bottom:22px}
.slab-h{font-family:"Oswald",sans-serif;font-weight:700;font-size:78px;line-height:.94;text-transform:uppercase;margin-bottom:22px}
.slab-body{font-size:21px;color:var(--body-alt);max-width:560px}
.slab-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.slab-phone{font-family:"Oswald",sans-serif;font-weight:700;font-size:66px;border-bottom:4px solid var(--accent);
  line-height:1;transition:color .15s,border-color .15s}
.slab-phone:hover{color:var(--accent-lift);border-color:var(--bone)}
.slab-no{text-align:right;font-family:"Special Elite",monospace;font-size:13px;line-height:2;color:var(--muted)}

/* ---------- 04 AREA + REVIEWS ---------- */
.area-col{width:640px;flex:0 0 640px;border-right:1px solid var(--rule-hair);padding:56px 60px}
.area-col h2{font-family:"Oswald",sans-serif;font-weight:700;font-size:60px;line-height:.92;
  text-transform:uppercase;letter-spacing:-.018em;margin:18px 0 20px}
.area-body{font-size:20px;color:var(--body);max-width:520px;margin-bottom:30px}
.chips{display:flex;flex-wrap:wrap;gap:12px}
.chip{padding:9px 16px;border:1.5px solid var(--rule-strong);font-family:"Oswald",sans-serif;font-weight:600;
  font-size:16px;letter-spacing:.12em;text-transform:uppercase}
.chip.filled{background:var(--ink-block);color:var(--bone)}
.map-slot{margin-top:30px;height:270px;border:1.5px dashed var(--slot-border);display:flex;align-items:center;
  justify-content:center;flex-direction:column;gap:8px;text-align:center;
  background:repeating-linear-gradient(45deg,rgba(240,233,220,.05) 0 10px,transparent 10px 20px)}
.map-slot .l{font-family:"Special Elite",monospace;font-size:14px;letter-spacing:.2em;color:var(--muted)}
.map-slot .s{font-family:"Special Elite",monospace;font-size:12px;color:var(--faint)}
.reviews{flex:1;background:var(--ink-panel)}
.reviews-head{padding:26px 40px;border-bottom:1px solid var(--rule-hair);
  font-family:"Special Elite",monospace;font-size:13px;letter-spacing:.14em;color:var(--muted-2)}
.quote{padding:40px;border-bottom:1px solid var(--rule-hair)}
.quote p{font-family:"Oswald",sans-serif;font-weight:500;font-size:30px;line-height:1.24;color:var(--bone);margin-bottom:16px}
.quote cite{font-family:"Special Elite",monospace;font-size:13px;color:var(--muted-2);font-style:normal}

/* ---------- 05 FAQ ---------- */
.faq-col{width:380px;flex:0 0 380px;border-right:1px solid var(--rule-hair);padding:56px 60px}
.faq-col h2{font-family:"Oswald",sans-serif;font-weight:700;font-size:60px;line-height:.9;text-transform:uppercase}
.faq-col .note{margin-top:20px;font-family:"Special Elite",monospace;font-size:14px;line-height:1.7;color:var(--muted-2)}
.faq-list{flex:1}
.faq-item{border-bottom:1px solid var(--rule-hair)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;
  padding:32px 56px;font-family:"Oswald",sans-serif;font-weight:600;font-size:32px;text-transform:uppercase}
.faq-q .pm{font-family:"Special Elite",monospace;color:var(--accent);font-size:28px}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-a-inner{padding:0 56px 32px;font-size:20px;color:var(--body);max-width:820px}
.faq-item.open .faq-a{max-height:400px}

/* ============================================================
   SERVICES PAGE
   ============================================================ */
.page-head{padding:66px 60px 40px;border-bottom:2px solid var(--rule-strong)}
.page-head h1{font-family:"Oswald",sans-serif;font-weight:700;letter-spacing:-.022em;line-height:.86;
  text-transform:uppercase;color:var(--bone);margin:20px 0 24px}
.page-head .lede{font-size:21px;color:var(--body);max-width:760px;text-wrap:pretty}
.svc-h1{font-size:112px}
.svc-row{display:flex;align-items:baseline;padding:34px 60px;border-bottom:1px solid var(--rule-hair);transition:background .12s}
.svc-row:hover{background:var(--ink-panel)}
.svc-row .n{width:58px;flex:0 0 58px;font-family:"Oswald",sans-serif;font-weight:700;font-size:34px;color:var(--accent)}
.svc-row .t{width:400px;flex:0 0 400px;font-family:"Oswald",sans-serif;font-weight:600;font-size:34px;text-transform:uppercase;line-height:1.02}
.svc-row .d{flex:1;font-size:20px;color:var(--body)}
.svc-row.last{background:var(--ink-block)}
.svc-row.last .n{color:var(--accent-lift)}
.svc-row.last .t{color:var(--bone)}
.svc-row.last .d{color:var(--body-alt)}
.svc-row.last .d a{color:var(--accent-lift);border-bottom:2px solid var(--accent-lift);white-space:nowrap}
.svc-row.last .d a:hover{color:var(--accent-lift)}

/* ============================================================
   BOOK PAGE
   ============================================================ */
.book-body{display:flex}
.book-form-col{flex:1;padding:66px 60px}
.book-form-col h1{font-family:"Oswald",sans-serif;font-weight:700;font-size:92px;letter-spacing:-.022em;
  line-height:.86;text-transform:uppercase;margin:20px 0 22px}
.book-intro{font-size:21px;color:var(--body);max-width:640px;margin-bottom:40px;text-wrap:pretty}
.form-block{border:2px solid var(--rule-strong)}
.f-cell{padding:22px 26px;border-bottom:1px solid var(--rule-hair)}
.f-cell label,.f-legend{display:block;font-family:"Special Elite",monospace;font-size:12px;letter-spacing:.14em;
  color:var(--muted-2);text-transform:uppercase;margin-bottom:10px}
.f-cell input,.f-cell textarea,.f-cell select{width:100%;background:transparent;border:none;
  border-bottom:1.5px solid var(--rule-hair);font-family:"Archivo",sans-serif;font-size:21px;color:var(--bone);
  padding:6px 0;transition:border-color .15s}
.f-cell select{background:var(--ink-panel);padding:10px 8px}
.f-cell input:focus,.f-cell textarea:focus,.f-cell select:focus{outline:none;border-bottom-color:var(--accent)}
.f-cell textarea{resize:vertical;min-height:120px;line-height:1.5}
.f-cell input::placeholder,.f-cell textarea::placeholder{color:var(--faint)}
.f-cell.err input,.f-cell.err textarea{border-bottom-color:oklch(.62 .17 25)}
.f-error{display:none;margin-top:8px;font-family:"Special Elite",monospace;font-size:12px;color:oklch(.62 .17 25)}
.f-cell.err .f-error{display:block}
.radios{display:flex;gap:30px}
.radios label{display:inline-flex;align-items:center;gap:8px;font-family:"Oswald",sans-serif;font-weight:500;
  font-size:19px;letter-spacing:.04em;text-transform:uppercase;color:var(--bone);cursor:pointer;margin:0}
.radios input{accent-color:var(--accent);width:auto}
.submit-bar{width:100%;background:var(--accent);color:var(--bone);font-family:"Oswald",sans-serif;font-weight:700;
  font-size:30px;letter-spacing:.06em;text-transform:uppercase;padding:24px;transition:background .15s}
.submit-bar:hover{background:var(--accent-press)}
.submit-bar:disabled{opacity:.6;cursor:default}
.sent-panel{border:2px solid var(--rule-strong);background:var(--ink-panel)}
.sent-panel .body{padding:48px 40px}
.sent-panel h2{font-family:"Oswald",sans-serif;font-weight:700;font-size:56px;text-transform:uppercase;margin-bottom:16px}
.sent-panel p{font-size:21px;color:var(--body);margin-bottom:24px}
.sent-panel .again{font-family:"Special Elite",monospace;font-size:14px;color:var(--accent-lift);border-bottom:2px solid var(--accent-lift)}
.book-side{width:400px;flex:0 0 400px;background:var(--ink-block);border-left:1px solid var(--rule-hair);padding:0}
.book-side-head{padding:30px;border-bottom:1px solid var(--rule-hair);font-family:"Special Elite",monospace;
  font-size:13px;letter-spacing:.14em;color:var(--muted)}
.side-phone{display:block;padding:34px 30px;border-bottom:1px solid var(--rule-hair);transition:background .15s}
.side-phone:hover{background:#2b251f}
.side-phone .n{font-family:"Oswald",sans-serif;font-weight:700;font-size:46px;color:var(--accent-lift);line-height:1}
.side-phone .h{font-family:"Special Elite",monospace;font-size:13px;color:var(--muted-2);margin-top:12px}
.side-next{padding:30px}
.side-next h2{font-family:"Special Elite",monospace;font-size:13px;letter-spacing:.14em;color:var(--muted);margin-bottom:20px}
.next-step{display:flex;gap:18px;margin-bottom:22px}
.next-step .no{font-family:"Oswald",sans-serif;font-weight:700;font-size:40px;color:var(--accent);line-height:.9}
.next-step p{font-size:19px;color:var(--body-alt)}
.side-foot{padding:0 30px 30px;font-family:"Special Elite",monospace;font-size:13px;line-height:1.7;color:var(--muted-2)}

/* ============================================================
   CONTACT PAGE
   ============================================================ */
.contact-h1{font-size:118px}
.contact-cells{display:flex;border-bottom:2px solid var(--rule-strong)}
.c-cell{flex:1;padding:44px 40px;border-right:1px solid var(--rule-hair)}
.c-cell:last-child{border-right:none}
.c-cell .k{font-family:"Special Elite",monospace;font-size:12px;letter-spacing:.14em;color:var(--muted-2);margin-bottom:18px}
.c-cell.phone{background:var(--accent);color:var(--bone)}
.c-cell.phone:hover{background:var(--accent-press)}
.c-cell.phone .k{color:#fff}
.c-cell .big{font-family:"Oswald",sans-serif;font-weight:700;font-size:44px;line-height:1.05;word-break:break-word}
.c-cell.email .big{font-weight:600;font-size:30px}
.c-cell.text:hover{background:var(--ink-panel)}
.contact-lower{display:flex}
.c-hours{width:520px;flex:0 0 520px;border-right:1px solid var(--rule-hair);padding:56px 60px}
.c-hours .row{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0;border-bottom:1.5px solid var(--rule-strong)}
.c-hours .row .l{font-family:"Oswald",sans-serif;font-weight:500;font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.c-hours .row .v{font-family:"Oswald",sans-serif;font-weight:700;font-size:40px;color:var(--bone)}
.c-where{flex:1;padding:56px 60px}

/* ---------- FOOTER ---------- */
.footer .hazard{border:none}
.foot-main{background:var(--ink-block);padding:56px 60px 40px;display:flex;gap:60px;flex-wrap:wrap}
.foot-brand img{width:300px;height:auto;margin-bottom:18px}
.foot-brand .addr{font-family:"Special Elite",monospace;font-size:13px;line-height:1.9;color:var(--muted-2)}
.foot-cols{display:flex;gap:60px;margin-left:auto}
.foot-col h2{font-family:"Special Elite",monospace;font-size:12px;letter-spacing:.16em;color:var(--faint);margin-bottom:16px}
.foot-col a{display:block;padding:5px 0;font-family:"Oswald",sans-serif;font-weight:500;font-size:18px;
  letter-spacing:.04em;text-transform:uppercase;color:var(--bone)}
.foot-col a:hover{color:var(--accent-lift)}
.foot-col .ph{color:var(--accent-lift);font-weight:700;font-size:26px}
.foot-bar{background:var(--ink-block);padding:20px 60px;border-top:1px solid var(--rule-hair);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-family:"Special Elite",monospace;font-size:12px;letter-spacing:.06em;color:var(--faint)}
.foot-legal{display:flex;gap:18px}
.foot-legal a{color:var(--faint);border-bottom:1px solid transparent}
.foot-legal a:hover{color:var(--accent-lift);border-bottom-color:var(--accent-lift)}

/* ---------- MOBILE STICKY CALL BAR ---------- */
.sticky-call{display:none;position:sticky;bottom:0;z-index:30;border-top:2px solid var(--rule-strong)}
.sticky-call a{display:flex;align-items:center;justify-content:center;padding:18px 0;
  font-family:"Oswald",sans-serif;font-weight:700;font-size:18px;letter-spacing:.06em;text-transform:uppercase}
.sticky-call .call{flex:1;background:var(--accent);color:#fff}
.sticky-call .text{width:118px;flex:0 0 118px;background:var(--ink-block);color:var(--bone);border-left:2px solid var(--rule-strong)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1100px){
  .masthead{flex-wrap:wrap}
  .mast-main{flex:1 1 100%}
  .terms{width:100%;flex:1 1 100%;border-left:none;border-top:1px solid var(--rule-hair);display:flex;flex-wrap:wrap}
  .terms-head{flex:1 1 100%}
  .terms-row{flex:1 1 30%}
  .book-body,.contact-lower{flex-wrap:wrap}
  .book-side,.c-hours,.area-col,.faq-col{width:100%;flex:1 1 100%;border-right:none;border-bottom:1px solid var(--rule-hair)}
}
@media (max-width:900px){
  :root{--rail:56px;--gutter:20px}
  .hours-strip{display:none}
  .nav{display:none}
  .nav.open{display:flex;position:fixed;inset:0;top:0;background:var(--ink-page);z-index:40;
    flex-direction:column;padding-top:80px}
  .nav.open a{border:none;border-bottom:1px solid var(--rule-hair);font-size:28px;padding:22px 30px}
  .hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 24px;
    border-right:1px solid var(--rule-hair);margin-left:auto}
  .hamburger span{width:22px;height:2px;background:var(--bone);display:block}
  .call-cell{font-size:19px;padding:0 20px}
  .logo-cell{padding:16px 18px}.logo-cell img{width:126px}
  .rail{padding:14px 0;gap:12px}.rail .num{font-size:40px}.rail .vert{display:none}
  .mast-main{padding:36px 20px}
  .mast-h1{font-size:62px}.mast-body{font-size:18px}
  .cta-unit{flex-wrap:wrap;width:100%}.cta-tel{flex:1 1 100%}.cta-alt{flex:1 1 100%;padding:16px 20px;justify-content:center;border-top:1px solid var(--rule-hair)}
  .terms-row{flex:1 1 100%}
  .marquee-track span{font-size:19px}.marquee-track{animation-duration:30s}
  .list-head{padding:36px 20px 24px}.list-head h2{font-size:40px}
  .job-row{padding:22px 20px;flex-wrap:wrap}.job-row .title{width:auto;flex:1 1 100%;font-size:28px;margin:6px 0}
  .job-row .desc{flex:1 1 100%}
  .slab{height:auto;min-height:330px}
  .slab-photo{filter:contrast(1.06) brightness(.62) saturate(.9)}
  .slab-scrim{background:linear-gradient(180deg,rgba(20,17,15,.4),rgba(20,17,15,.86) 66%,rgba(20,17,15,.97))}
  .slab .rail{display:none}
  .slab-main{padding:40px 20px}.slab-h{font-size:44px}.slab-body{font-size:18px}
  .slab-bottom{flex-wrap:wrap;gap:16px}.slab-phone{font-size:44px}.slab-no{text-align:left}
  .area-col,.faq-col,.book-form-col,.c-hours,.c-where{padding:36px 20px}
  .area-col h2,.faq-col h2{font-size:40px}
  .quote{padding:28px 20px}.quote p{font-size:24px}
  .faq-q{padding:24px 20px;font-size:24px}.faq-a-inner{padding:0 20px 24px;font-size:18px}
  .svc-h1{font-size:56px}.contact-h1{font-size:56px}.book-form-col h1{font-size:52px}
  .page-head{padding:36px 20px 24px}
  .svc-row{padding:24px 20px;flex-wrap:wrap}.svc-row .t{width:auto;flex:1 1 100%;font-size:26px;margin:6px 0}.svc-row .d{flex:1 1 100%}
  .f-cell{padding:18px 20px}
  .contact-cells{flex-wrap:wrap}.c-cell{flex:1 1 100%;border-right:none;border-bottom:1px solid var(--rule-hair)}
  .c-cell .big{font-size:34px}
  .c-hours .row .v{font-size:30px}
  .foot-main{padding:36px 20px;gap:30px}.foot-cols{margin-left:0;gap:40px}.foot-brand img{width:220px}
  .foot-bar{padding:16px 20px;flex-wrap:wrap}
  .sticky-call{display:flex}
  .wrap{border-left:none;border-right:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee-track{animation:none}
  .garage{display:none!important}
  .faq-a{transition:none}
}

/* ---------- Legal / consent / honest-reviews additions (compliance pass) ---------- */
.f-consent p{font-family:"Special Elite",monospace;font-size:12px;line-height:1.7;color:var(--muted-2)}
.f-consent a{color:var(--accent-lift);border-bottom:1px solid var(--accent-lift);white-space:nowrap}
.reviews-empty{padding:40px}
.re-big{font-family:"Oswald",sans-serif;font-weight:700;font-size:40px;line-height:.92;text-transform:uppercase;color:var(--bone);margin-bottom:18px}
.re-body{font-size:19px;color:var(--body);max-width:560px}
.re-body a{color:var(--accent-lift);border-bottom:2px solid var(--accent-lift);white-space:nowrap}
.re-body a:hover{color:var(--bone);border-color:var(--bone)}

/* ---------- Legal document pages (privacy / terms) ---------- */
.legal{max-width:820px;padding:56px 60px 80px}
.legal .eyebrow{margin-bottom:16px}
.legal h1{font-family:"Oswald",sans-serif;font-weight:700;font-size:72px;letter-spacing:-.022em;line-height:.9;
  text-transform:uppercase;color:var(--bone);margin-bottom:14px}
.legal .updated{font-family:"Special Elite",monospace;font-size:13px;color:var(--muted);margin-bottom:8px}
.legal .draft{display:inline-block;font-family:"Special Elite",monospace;font-size:12px;letter-spacing:.08em;
  color:#fff;background:var(--accent);padding:8px 14px;margin:18px 0 30px}
.legal h2{font-family:"Oswald",sans-serif;font-weight:600;font-size:26px;letter-spacing:.02em;text-transform:uppercase;
  color:var(--bone);margin:36px 0 12px;padding-top:22px;border-top:1px solid var(--rule-hair)}
.legal h3{font-family:"Oswald",sans-serif;font-weight:600;font-size:19px;text-transform:uppercase;color:var(--bone);margin:22px 0 8px}
.legal p,.legal li{font-size:17px;line-height:1.6;color:var(--body);margin-bottom:12px}
.legal ul{padding-left:22px;margin-bottom:12px}
.legal li{margin-bottom:6px}
.legal a{color:var(--accent-lift);border-bottom:1px solid var(--accent-lift)}
.legal strong{color:var(--bone)}
@media (max-width:900px){.legal{padding:36px 20px 60px}.legal h1{font-size:44px}}