@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../_fonts/BarlowCondensed-normal-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../_fonts/BarlowCondensed-normal-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../_fonts/Barlow-normal-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../_fonts/Barlow-normal-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../_fonts/Barlow-normal-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.halbrook-auto-works{--display:"Barlow Condensed",Impact,sans-serif;--body:"Barlow",system-ui,sans-serif;--dw:700;--dtt:uppercase;--dls:.005em;--btt:uppercase;--bls:.06em;--bg:#F1F2F4;--ink:#15171A;--muted:#5A6068;--accent:#E63B2E;--accent2:#C92E22;--soft:#E6E8EB;--line:#D9DCE1;--r:4px;--r2:6px;--navbg:#15171A;--menubg:#15171A}
.halbrook-auto-works .nav,.halbrook-auto-works .mnav{color:#fff}.halbrook-auto-works .mnav a{border-color:rgba(255,255,255,.15)}
.halbrook-auto-works .logo{font-size:26px}
.hero{position:relative;background:#15171A;color:#fff;overflow:hidden;padding:90px 0 0}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,23,26,.2),rgba(21,23,26,.85));z-index:1}
.hero__in{position:relative;z-index:2}
.hero__card{background:#fff;color:#15171A;max-width:600px;padding:clamp(28px,4vw,48px);border-top:6px solid #E63B2E;clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%)}
.hero h1{font-size:clamp(46px,6.5vw,86px);line-height:.95;margin-bottom:18px}
.hero__p{color:#4A5058;font-size:18px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero__strip{list-style:none;margin:70px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}
.hero__strip li{padding:24px 0;display:flex;flex-direction:column}
.hero__strip b{font-family:var(--display);font-size:34px;text-transform:uppercase;color:#E63B2E}
.hero__strip span{opacity:.8}
.svc .card{border-left:4px solid transparent}.svc .card:hover{border-left-color:var(--accent)}
.book{background:#15171A;color:#fff}.book .lead{color:#B5BAC2}
.book__in{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}
.chip{font:600 17px/1 var(--body);padding:16px 18px;border:1.5px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:4px;cursor:pointer;display:flex;gap:10px;align-items:center;transition:all .2s}
.chip small{opacity:.6;font-weight:500}
.chip:hover{border-color:#E63B2E}
.chip[aria-pressed=true]{background:#E63B2E;border-color:#E63B2E}
.chip[aria-pressed=true]::before{content:"✓"}
#chip-go{width:100%;margin-top:10px}
.chips__note{width:100%;font-size:13px;opacity:.5}
@media(max-width:900px){.book__in{grid-template-columns:1fr}}
@media(max-width:600px){.hero__strip{grid-template-columns:1fr}.hero__strip li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.hero{padding-top:40px}}