:root{--carbon:#111312;--green:#143b27;--stone:#f4f3ef;--yellow:#e5b94d;--line:#d4d6d1;--mono:"IBM Plex Mono",monospace;--body:"Manrope",sans-serif;--display:"Oswald",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--carbon);color:#f4f3ef;font:14px/1.7 var(--body)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.utility{height:34px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;background:#0c0e0d;border-bottom:1px solid #292c29;color:#aab2aa;font:9px var(--mono);letter-spacing:.08em}.utility a{color:var(--yellow)}header{height:80px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--carbon);border-bottom:1px solid #292c29;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand img{width:46px;height:46px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand b{font:600 17px var(--display);letter-spacing:.07em}.brand small{font:8px var(--mono);letter-spacing:.17em;color:#a7b3a9;margin-top:4px}nav{display:flex;gap:clamp(12px,2.5vw,34px)}nav a{font-size:12px;color:#b8beb8}nav a.active,nav a:hover{color:#fff}nav a.active:after{content:"";display:block;width:18px;height:2px;background:var(--yellow);margin-top:5px}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;font:600 10px var(--mono);letter-spacing:.05em}.nav-cta,.yellow{background:var(--yellow);color:#111312}.menu{display:none;background:none;color:#fff;border:1px solid #444;padding:8px}.dark{background:var(--carbon);color:#f4f3ef}.light{background:var(--stone);color:var(--carbon)}.hero{padding:68px 4% 54px;display:grid;grid-template-columns:1.05fr .95fr;gap:5%;align-items:center;min-height:590px;background:linear-gradient(110deg,#111312 55%,#143b27 150%)}.eyebrow{font:10px var(--mono);letter-spacing:.1em;color:#9ead9f}.eyebrow:first-letter{color:var(--yellow)}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.04;text-transform:uppercase;margin:15px 0}h1{font-size:clamp(58px,7vw,98px)}h1 em,h2 em{font-style:normal;color:#8da493}.hero-copy>p:not(.eyebrow){max-width:520px;color:#b9c0ba;line-height:1.9}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.outline{border:1px solid #586159}.micro{display:flex;justify-content:space-between;max-width:500px;border-top:1px solid #303631;padding-top:12px;margin-top:45px;font:9px var(--mono);color:#9ba49c}.hero-photo{height:420px;position:relative;margin:0 0 0 12px}.hero-photo>img{height:100%;width:100%;object-fit:cover;filter:saturate(.65) contrast(1.08);border:1px solid #465148}.location-card{position:absolute;left:-28px;bottom:10px;background:var(--stone);color:var(--carbon);padding:16px 20px;min-width:220px;display:flex;flex-direction:column;box-shadow:8px 8px 0 #0003}.location-card .eyebrow{color:#5e6a60;font-size:8px}.location-card b{font:600 28px var(--display)}.location-card span{font:9px var(--mono)}.location-card a{font:600 9px var(--mono);color:var(--green);margin-top:10px}.section{padding:76px 4%}.split-heading{display:grid;grid-template-columns:1fr .7fr;gap:8%;align-items:end;margin-bottom:35px}.split-heading h2,.location h2,.page-head h1{font-size:clamp(42px,5vw,68px)}.split-heading>p{color:#687168;max-width:490px}.dark .split-heading>p{color:#b5bdb6}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service{padding:22px 18px;min-height:230px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.service small,.service b,.mono,.note{font:9px var(--mono);letter-spacing:.04em}.service small{color:#687468}.service h3{font-size:25px;margin:23px 0 8px}.service p{font-size:11px;color:#626b63}.service b{color:var(--green);margin-top:auto}.right{text-align:right}.text-link{font:600 10px var(--mono);color:var(--green)}.job{border:1px solid #394139;padding:12px}.job-meta{display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);color:#aab5ab;padding:8px}.compare{height:clamp(260px,42vw,500px);position:relative;overflow:hidden}.compare>img,.before img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.before{position:absolute;inset:0;width:50%;overflow:hidden;border-right:2px solid var(--yellow);z-index:2}.before img{width:92vw;max-width:none}.compare label{position:absolute;z-index:3;top:15px;background:#111c;padding:6px 9px;font:9px var(--mono)}.before-tag{left:12px}.after-tag{right:12px}.handle{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;cursor:ew-resize}.rates{border-top:1px solid var(--line)}.rate{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;padding:15px 10px;border-bottom:1px solid var(--line);align-items:center}.rate>*:not(:first-child){text-align:right}.rate b{font:600 15px var(--mono)}.rate strong{font-size:12px}.rate.head{font:9px var(--mono);color:#69736a}.note{color:#737b73;line-height:1.7;margin:14px 0 22px}.location{display:grid;grid-template-columns:1fr .75fr;gap:10%;align-items:center}.location p{color:#b7beb8}.hours{border:1px solid #394139;padding:22px}.hours>small,.contact-block small{font:9px var(--mono);color:#aab5ab}.hours p,.contact-block p{display:flex;justify-content:space-between;border-top:1px solid #394139;padding:10px 0;font-size:11px}.hours b,.contact-block b{font:11px var(--mono)}footer{padding:24px 4%;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#0b0d0c;border-top:1px solid #292c29;color:#aab3aa;font:9px var(--mono)}footer .brand{min-width:0}footer .brand img{width:38px;height:38px}footer .brand b{color:#fff;font-size:14px}footer>a:not(.brand){color:var(--yellow)}.float-wa{position:fixed;right:18px;bottom:18px;background:var(--green);border:1px solid #59715f;padding:12px 15px;font:10px var(--mono);z-index:8}.page-head{padding:55px 4% 60px;border-bottom:1px solid #333}.page-head>div{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:end}.page-head p:last-child{color:#b8c0b9;max-width:450px}.service-list{padding:0 4%}.service-row{display:grid;grid-template-columns:.6fr 1.7fr .7fr;gap:5%;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.service-row>small{font:10px var(--mono);color:var(--green)}.service-row>small span{display:block;color:#788078}.service-row h2{font-size:30px;margin:0 0 8px}.service-row p{font-size:12px;color:#667067;max-width:650px}.service-row>b{font:12px var(--mono);text-align:right}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery article{border:1px solid var(--line);padding-bottom:14px}.gallery img{width:100%;height:250px;object-fit:cover}.gallery small,.gallery h3,.gallery p{margin-left:15px;margin-right:15px}.gallery small{display:block;margin-top:12px;font:9px var(--mono);color:#667267}.gallery h3{font-size:23px}.gallery p{font-size:11px;color:#737b73}.quote-layout,.contact-layout{padding:65px 4%;display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:start}.quote-layout h2,.contact-layout h2{font-size:48px}.calculator{border:1px solid #c9cdc5;padding:24px;background:#faf9f5}.calculator>small{font:9px var(--mono);color:#697369}.calculator label{display:block;font:9px var(--mono);color:#526052;margin:17px 0}.calculator select,.calculator input:not([type=checkbox]):not([type=radio]),.calculator textarea{display:block;width:100%;padding:12px;margin-top:7px;background:transparent;border:1px solid #cbd0c8;color:#111;font:13px var(--body);border-radius:0}.panel-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel-list label,.wheel-list label{font:11px var(--body);color:#333}.panel-list input,.wheel-list input{accent-color:var(--green)}.wheel-list{display:flex;gap:18px}.hide{display:none!important}.estimate{background:#e8ebe4;padding:15px;margin-top:18px}.estimate small{font:9px var(--mono);color:#687368}.estimate strong{display:block;font:600 29px var(--display)}.estimate p{font-size:10px;color:#687368}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit{width:100%;border:0;cursor:pointer}.contact-layout address{font:500 22px/1.5 var(--display);font-style:normal}.contact-block{border-top:1px solid var(--line);padding:17px 0;display:flex;flex-direction:column;gap:7px}.contact-block a{font:10px var(--mono);color:var(--green)}.map iframe{width:100%;height:430px;border:0;filter:grayscale(.8)}.map small{display:block;padding:10px;color:#6d756d;font-size:10px}
@media(max-width:950px){nav{gap:12px}nav a{font-size:10px}.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.utility{padding:0 5%;font-size:7px}.utility span:nth-child(2){display:none}header{height:70px;padding:0 5%;gap:9px}.brand{min-width:0}.brand img{width:38px;height:38px}.brand b{font-size:14px}.menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:69px;left:0;right:0;background:#111312;padding:12px 5% 20px;flex-direction:column;gap:0;border-bottom:1px solid #444}nav.open{display:flex}nav a{padding:11px 0;border-bottom:1px solid #292c29;font-size:13px}nav a.active:after{display:none}.nav-cta{font-size:8px;padding:11px 9px}.hero{display:flex;flex-direction:column;padding:43px 5% 35px;gap:28px}.hero h1{font-size:clamp(54px,13vw,76px)}.hero-photo{height:300px;margin-left:15px;width:calc(100% - 15px)}.location-card{left:-15px;bottom:-8px;min-width:185px}.section{padding:55px 5%}.split-heading,.page-head>div{grid-template-columns:1fr;gap:12px}.split-heading h2,.location h2{font-size:45px}.service-grid{grid-template-columns:1fr 1fr}.service{padding:15px 12px;min-height:220px}.service h3{font-size:21px}.service p{font-size:10px}.service b{font-size:8px}.rate{grid-template-columns:1.2fr .8fr .9fr;gap:5px;padding:12px 4px}.rate strong{font-size:9px}.rate b{font-size:10px}.rate.head{font-size:7px}.location{grid-template-columns:1fr;gap:22px}.page-head{padding:42px 5%}.page-head h1{font-size:clamp(52px,13vw,75px)}.service-list{padding:0 5%}.service-row{grid-template-columns:65px 1fr;gap:12px;padding:24px 0}.service-row h2{font-size:24px}.service-row p{font-size:11px}.service-row>b{grid-column:2;text-align:left;font-size:10px}.gallery{grid-template-columns:1fr}.gallery img{height:220px}.quote-layout,.contact-layout{grid-template-columns:1fr;padding:48px 5%;gap:30px}.quote-layout h2,.contact-layout h2{font-size:42px}.calculator{padding:17px}.two{grid-template-columns:1fr}.map iframe{height:320px}.job-meta{font-size:7px}.compare{height:300px}.before img{width:90vw}footer{padding:22px 5%;flex-wrap:wrap}footer>span{width:100%;order:3}footer>small{width:100%}.float-wa{right:12px;bottom:12px}}
@media(max-width:380px){.nav-cta{font-size:7px;padding:10px 7px}.brand b{font-size:12px}.service-grid{grid-template-columns:1fr}.service{min-height:175px}.rate strong{font-size:8px}.rate b{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Refinement pass: premium automotive typography and brand presentation */
:root{--display:"Manrope",Arial,sans-serif;--body:"Inter",Arial,sans-serif}
body{font-family:var(--body);letter-spacing:-.012em}
h1,h2,h3{font-family:var(--display);font-weight:800;text-transform:none;letter-spacing:-.055em;line-height:1.04}
h1{font-size:clamp(52px,6.2vw,88px)}
h2{letter-spacing:-.045em}
h3{letter-spacing:-.035em}
h1 em,h2 em{font-style:normal;color:#91a895}
.brand{gap:12px;min-width:205px}
.brand img{width:52px;height:52px;object-fit:contain;background:var(--stone);padding:2px;border:1px solid #d7d8d1}
.brand b,.footer-brand b{font:800 15px var(--body);letter-spacing:.035em}
.brand small,.footer-brand small{font:600 8px var(--body);letter-spacing:.19em;color:#c2c9c2}
footer .brand img{width:44px;height:44px}
.nav-cta,.btn{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.105em;padding:14px 19px}
.nav-cta{font-size:10px}
.rate b,.rate strong{font-family:var(--body);font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.rate b{font-weight:700;font-size:16px}
.rate strong{font-weight:600}
.rate.head{font-family:var(--body);font-weight:700;color:#3f4740;letter-spacing:.075em}
.note{font-family:var(--body);font-size:11px;color:#4a4d4a;letter-spacing:0}
.eyebrow,.mono,.job-meta,.service small,.service b,.service-row>small,.form-top>small,.form-top>span{font-family:var(--mono)}
.service-row>b{font-family:var(--body);font-weight:700;font-variant-numeric:tabular-nums}
.utility,.job-meta{font-family:var(--mono)}
.quote-layout{grid-template-columns:.82fr 1.18fr;gap:5%}
.quote-rates h2{font-size:clamp(38px,4.2vw,54px);margin:10px 0 25px}
.ink{color:#424a43}
.rate-disclaimer{border-left:3px solid var(--green);background:#e9eae3;padding:14px 16px;margin-top:24px}
.rate-disclaimer b{font:700 10px var(--body);letter-spacing:.1em}
.rate-disclaimer p{font-size:12px;color:#454d46;line-height:1.7;margin:6px 0 0}
.calculator{padding:25px;background:#faf9f5;border:1px solid #c9cdc5}
.form-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px;color:#4b554c}
.form-top small,.form-top span{font:600 9px var(--mono);letter-spacing:.09em}
.calculator h2{font-size:clamp(36px,4vw,48px);margin:17px 0 27px}
.form-field{display:block;border:0;padding:0;margin:22px 0 25px;min-width:0}
.form-field legend,.form-field>span,.form-field>label,.field-heading>span{display:block;font:700 11px var(--body);letter-spacing:.055em;color:#292f2a;margin-bottom:10px}
.form-field select,.form-contact input,.form-contact textarea{display:block;width:100%;margin-top:9px;background:#fff;border:1px solid #c8ccc5;padding:13px 14px;color:#171a17;font:500 13px var(--body);border-radius:0;outline-offset:2px}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #bfc5bd}
.segment{border:0;background:#fff;color:#222a23;padding:15px 12px;font:700 11px var(--body);letter-spacing:.08em;cursor:pointer}
.segment+ .segment{border-left:1px solid #bfc5bd}
.segment.active{background:var(--carbon);color:#fff}
.field-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.field-heading>span{margin:0}
.field-heading small{font:600 9px var(--body);color:#4a4d4a;letter-spacing:.07em}
.panel-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.panel-tile{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 13px;background:#fff;border:1px solid #d4d6d1;color:#282e29;cursor:pointer;font:500 12px var(--body);transition:border-color .15s,background .15s}
.panel-tile input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.panel-tile i{margin-left:auto;width:19px;height:19px;display:grid;place-items:center;border:1px solid #bfc5bd;color:transparent;font:700 12px var(--body);font-style:normal}
.panel-tile:has(input:checked){border:1.5px solid var(--green);background:#edf1eb;color:#143b27;font-weight:700}
.panel-tile:has(input:checked) i{background:var(--green);border-color:var(--green);color:#fff}
.panel-tile:focus-within{outline:2px solid #829985;outline-offset:2px}
.wheel-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.wheel-tile{position:relative}
.wheel-tile input{position:absolute;opacity:0}
.wheel-tile span{display:grid;place-items:center;min-height:45px;background:#fff;border:1px solid #d4d6d1;font:700 13px var(--body);cursor:pointer}
.wheel-tile input:checked+span{background:var(--carbon);border-color:var(--carbon);color:#fff}
.estimate-bar{position:sticky;top:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;background:var(--carbon);color:#fff;margin:22px 0 25px;box-shadow:0 8px 24px #11131222}
.estimate-copy{display:flex;flex-direction:column;min-width:0}
.estimate-copy>span{font:700 9px var(--body);letter-spacing:.08em;color:#e5b94d}
.estimate-copy small{font:600 9px var(--body);letter-spacing:.1em;color:#b9c1ba;margin-top:6px}
.estimate-copy strong{font:800 30px var(--body);font-variant-numeric:tabular-nums;letter-spacing:-.045em;line-height:1.2}
.estimate-copy p{font:11px/1.5 var(--body);color:#c0c8c0;margin:4px 0 0}
.estimate-submit{white-space:nowrap;flex-shrink:0}
.form-contact{border-top:1px solid var(--line);padding-top:18px}
.form-contact .field-heading{margin-bottom:12px}
.form-contact label{display:block;font:700 10px var(--body);letter-spacing:.045em;color:#333a34;margin:13px 0}
.form-contact input,.form-contact textarea{font-weight:400;letter-spacing:0}
.form-contact .two{gap:12px}
.form-contact .note{font-size:11px}
#status{font-size:12px;color:var(--green);font-weight:600}
.float-wa{display:none!important}
@media(max-width:700px){
 .brand img{width:44px;height:44px}
 .brand b{font-size:13px}
 .quote-layout{grid-template-columns:1fr;gap:32px}
 .estimate-bar{top:8px;padding:13px;gap:9px}
 .estimate-copy strong{font-size:25px}
 .estimate-copy p{font-size:9px}
 .estimate-submit{font-size:9px;padding:12px 10px;letter-spacing:.06em}
 .panel-list{grid-template-columns:1fr 1fr;gap:7px}
 .panel-tile{padding:10px 9px;font-size:10px;min-height:46px}
 .field-heading{align-items:flex-start;flex-direction:column;gap:4px}
 .field-heading small{font-size:8px}
 .form-contact .two{grid-template-columns:1fr}
}
@media(max-width:380px){.estimate-bar{align-items:flex-start;flex-direction:column}.estimate-submit{width:100%}}


/* FINAL REFINEMENT — Black Ceaser Automotives */
.utility{display:none!important}
header{height:82px;padding-inline:4.5%;gap:28px}
.brand{gap:13px;min-width:220px}
.brand img{
  width:58px;height:46px;object-fit:contain;
  background:transparent!important;border:0!important;
  padding:0!important;filter:none;
}
.brand b{font-family:"Manrope",Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:.075em}
.brand small{font-family:"Inter",Arial,sans-serif;font-size:8px;font-weight:600;letter-spacing:.2em;color:#aeb8af}
nav{gap:clamp(13px,2.2vw,30px)}
nav a{font-family:"Inter",Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:.005em}
.nav-cta{font-family:"Inter",Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.095em;padding:14px 17px}
.hero-photo>img{object-position:57% center;filter:saturate(.82) contrast(1.04)}
.hero-photo{overflow:visible}
.location-card{z-index:2}
.panel-list{gap:9px 10px}
.panel-tile{
  min-height:42px;height:42px;padding:8px 13px;
  flex-direction:row;align-items:center;justify-content:space-between;
  gap:10px;font-size:11px;line-height:1.2;
}
.panel-tile span{display:block;flex:1}
.panel-tile i{flex:0 0 18px;width:18px;height:18px}
.form-field{margin:18px 0 21px}
.field-heading{margin-bottom:9px}
.calculator{padding:23px}
.estimate-bar{scroll-margin-top:18px}
.gallery img{object-position:center}
@media(max-width:700px){
  header{height:70px;padding-inline:5%;gap:9px}
  .brand{min-width:0;gap:9px}
  .brand img{width:47px;height:40px}
  .brand b{font-size:12px}
  .brand small{font-size:7px}
  .menu{display:block;margin-left:auto}
  nav{top:69px}
  .nav-cta{font-size:8px;padding:11px 9px;white-space:nowrap}
  .panel-list{grid-template-columns:1fr 1fr;gap:7px}
  .panel-tile{height:40px;min-height:40px;padding:7px 9px;font-size:10px}
  .calculator{padding:17px}
  .form-field{margin:16px 0 18px}
}
@media(max-width:380px){
  .brand img{width:40px;height:36px}
  .brand b{font-size:11px}
  .nav-cta{padding:10px 7px;font-size:7px}
  .panel-tile{font-size:9px;padding-inline:7px}
}