:root{--paper:#f4f5f3;--white:#fff;--ink:#202327;--ink2:#4a5058;--line:#d9dcd8;--steel:#2f4a60;--steel-d:#1f3345;--signal:#cf3510;--signal-d:#a82a0b;--sun:#f2c300;--r:10px;--h:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;--b:'Instrument Sans','Segoe UI',system-ui,sans-serif;--w:1180px;--pad:clamp(1.1rem,4vw,2.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;font:1.0625rem/1.65 var(--b);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3{font-family:var(--h);line-height:1.12;letter-spacing:-.015em;margin:0 0 .6em;font-weight:650}
h1{font-size:clamp(2.2rem,5.2vw,3.9rem)}h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}h3{font-size:1.2rem}
p{margin:0 0 1em;max-width:62ch}.wrap{max-width:var(--w);margin:auto;padding-inline:var(--pad)}
section{padding-block:clamp(3.5rem,8vw,6.5rem)}.lead{font-size:1.2rem;color:var(--ink2)}
:focus-visible{outline:3px solid var(--steel);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:1rem;top:-4rem;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:99;border-radius:6px}.skip:focus{top:1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.6rem 1.4rem;border-radius:999px;background:var(--signal);color:#fff;font:600 1rem var(--b);text-decoration:none;border:2px solid var(--signal);cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{background:var(--signal-d);border-color:var(--signal-d)}.btn:active{transform:scale(.98)}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}.btn.ghost:hover{background:rgba(127,127,127,.15)}
.btn.sm{min-height:42px;padding:.4rem 1.1rem;font-size:.95rem}
/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;padding:.75rem var(--pad);pointer-events:none}
.bar{pointer-events:auto;max-width:var(--w);margin:auto;display:flex;align-items:center;gap:1.2rem;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;padding:.4rem .5rem .4rem 1rem;box-shadow:0 6px 24px rgba(20,25,30,.08);transition:box-shadow .3s}
.brand img{height:46px;width:auto}.menu{display:flex;gap:.15rem;margin-left:auto;align-items:center}
.menu>a,.menu>.dd>button{font:550 .98rem var(--b);padding:.55rem .95rem;border-radius:999px;text-decoration:none;color:var(--ink);background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}
.menu a:hover,.menu button:hover,.menu [aria-expanded=true]{background:#e9ebe8}.menu [aria-current=page]{background:var(--ink);color:#fff}
.chev{width:.55em;height:.55em;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform .2s}[aria-expanded=true] .chev{transform:translateY(1px) rotate(-135deg)}
.dd{position:relative}.mega{position:absolute;left:50%;top:calc(100% + 14px);transform:translate(-50%,6px);width:min(920px,calc(100vw - 2*var(--pad)));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(20,25,30,.18);padding:1.6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem 2rem;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd.open .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega h3{font:650 .95rem var(--h);color:var(--steel);margin:0 0 .5rem}.mega ul{list-style:none;margin:0;padding:0}.mega li a{display:block;padding:.3rem 0;text-decoration:none;font-size:.97rem}.mega li a:hover{color:var(--signal);text-decoration:underline}
.mega aside{background:var(--paper);border-radius:12px;padding:1rem;font-size:.95rem}.mega aside p{margin:0 0 .8rem}
.tel{font:600 .95rem var(--b);text-decoration:none;padding:.5rem .6rem}.tel:hover{color:var(--signal)}
.burger{display:none;margin-left:auto;width:48px;height:48px;border-radius:50%;border:0;background:var(--ink);cursor:pointer;position:relative}
.burger i,.burger i::before{position:absolute;left:14px;width:20px;height:2px;background:#fff;transition:.25s}.burger i{top:23px}.burger i::before{content:"";top:-6px;left:0}
.burger[aria-expanded=true] i{transform:rotate(45deg)}.burger[aria-expanded=true] i::before{top:0;transform:rotate(90deg)}
.drawer{display:none}
@media(max-width:980px){.menu,.bar>.tel,.bar>.btn{display:none}.burger{display:block}.bar{padding-right:.4rem}
.drawer{display:block;pointer-events:auto;max-width:var(--w);margin:.5rem auto 0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem 1.2rem 1.3rem;max-height:calc(100dvh - 6rem);overflow:auto;box-shadow:0 20px 50px rgba(20,25,30,.2);visibility:hidden;opacity:0;transform:translateY(-8px);transition:.25s}
.drawer.open{visibility:visible;opacity:1;transform:none}.drawer a{display:block;padding:.75rem .2rem;text-decoration:none;font-weight:550;border-bottom:1px solid var(--line)}
.drawer details summary{padding:.75rem .2rem;font-weight:550;cursor:pointer;border-bottom:1px solid var(--line)}.drawer details h3{font-size:.9rem;color:var(--steel);margin:.9rem 0 0}.drawer details a{font-weight:450;padding:.55rem .6rem;border:0}.drawer .btn{margin-top:1rem;color:#fff;border:2px solid var(--signal)}}
/* status */
.status{display:inline-flex;align-items:center;gap:.6rem;font-size:.95rem;background:rgba(255,255,255,.95);color:var(--ink);padding:.5rem 1rem;border-radius:999px;border:1px solid var(--line)}
.dot{width:.7rem;height:.7rem;border-radius:50%;background:#8a8f95;flex:none}.status[data-s=open] .dot{background:#1f8a4c}.status[data-s=closed] .dot{background:var(--signal)}
.status small{color:var(--ink2);display:block;font-size:.8rem;line-height:1.3}
/* hero */
.hero{position:relative;padding:0;min-height:min(92vh,820px);display:grid;align-items:end;background:var(--ink);color:#fff;overflow:hidden}
.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 55%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,21,24,.82) 0%,rgba(18,21,24,.55) 38%,rgba(18,21,24,0) 68%),linear-gradient(0deg,rgba(18,21,24,.6),transparent 40%)}
.hero .wrap{position:relative;z-index:2;padding-block:9rem 4rem;width:100%}.hero h1{max-width:13ch}.hero p{font-size:1.2rem;max-width:44ch;color:#e8eaec}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0}
.cap{position:absolute;right:var(--pad);bottom:.8rem;z-index:2;font-size:.75rem;color:#d4d7da}
@media(max-width:700px){.hero{min-height:0;display:block;background:var(--paper);color:var(--ink)}.hero picture{position:relative;display:block;aspect-ratio:4/3}.hero::after{display:none}.hero .wrap{padding-block:1.5rem 3rem}.hero p{color:var(--ink2)}.hero .btn.ghost{color:var(--ink)}.hero{padding-top:5.2rem}.cap{position:static;padding:.4rem var(--pad);color:var(--ink2)}.hero img{position:static;height:100%}}
/* sections */
.split{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(2rem,6vw,5rem);align-items:start}
@media(max-width:860px){.split{grid-template-columns:1fr}}
.feat{display:grid;grid-template-columns:1.4fr 1fr;gap:1.2rem}.feat .big{background:var(--steel-d);color:#fff;border-radius:var(--r);padding:2.2rem;display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;text-decoration:none}
.feat .big p{color:#d5dee6}.feat .big:hover{background:var(--steel)}
.rows{display:grid;gap:.2rem}.rows a{display:block;padding:1rem 0;border-bottom:1px solid var(--line);text-decoration:none}.rows a:hover strong{color:var(--signal)}.rows span{display:block;color:var(--ink2);font-size:.96rem}
@media(max-width:860px){.feat{grid-template-columns:1fr}.feat .big{min-height:240px}}
.alt{background:var(--white)}.dark{background:var(--ink);color:#fff}.dark .lead,.dark p{color:#d8dce0}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;list-style:none;padding:0;margin:2rem 0 0}.steps li{counter-increment:s;border-top:3px solid var(--sun);padding-top:1rem}.steps li::before{content:counter(s);font:650 2rem var(--h);color:var(--sun);display:block}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:520px){.steps{grid-template-columns:1fr}}
.finder{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:1.5rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.chip{min-height:44px;padding:.4rem 1rem;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:500 .97rem var(--b);cursor:pointer}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.result{border-top:1px solid var(--line);padding-top:1rem;min-height:4rem}.result a{display:inline-block;margin:.2rem .8rem .2rem 0;font-weight:600}.note{font-size:.88rem;color:var(--ink2)}
.photo-slot{border:2px dashed #aab1b8;border-radius:var(--r);min-height:300px;display:grid;place-items:center;text-align:center;padding:2rem;color:var(--ink2);background:#eceeeb}
.hours{border-collapse:collapse;width:100%;max-width:26rem}.hours td{padding:.45rem 0;border-bottom:1px solid var(--line)}.hours td:last-child{text-align:right}.hours tr.today{font-weight:700}
.final{text-align:center;background:var(--steel-d);color:#fff}.final p{margin-inline:auto;color:#d5dee6}.final .cta-row{justify-content:center}
/* inner pages */
.phead{padding:9rem 0 3rem;background:var(--white);border-bottom:1px solid var(--line)}.crumb{font-size:.9rem;color:var(--ink2);margin-bottom:1rem}.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}
.lists{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}@media(max-width:760px){.lists{grid-template-columns:1fr}}
ul.tick{padding-left:1.2rem}ul.tick li{margin-bottom:.45rem}
.tools{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:0 0 1.5rem}.search{flex:1 1 280px;min-height:48px;padding:.5rem 1rem;border:1.5px solid var(--line);border-radius:999px;font:1rem var(--b);background:#fff}
.dir{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:0;border-top:1px solid var(--line)}.dir a{padding:1.2rem 1rem 1.2rem 0;border-bottom:1px solid var(--line);text-decoration:none}.dir a:hover strong{color:var(--signal)}.dir small{color:var(--steel);font-weight:600;display:block}.dir span{display:block;color:var(--ink2);font-size:.95rem}
.form{display:grid;gap:1rem;max-width:640px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.form .row{grid-template-columns:1fr}}
label{display:grid;gap:.3rem;font-weight:550;font-size:.97rem}input,select,textarea{font:1rem var(--b);padding:.7rem .85rem;border:1.5px solid #9aa1a8;border-radius:8px;background:#fff;min-height:48px;width:100%}textarea{min-height:130px}
.err{color:#a3200a;font-size:.88rem;font-weight:500;min-height:0}[aria-invalid=true]{border-color:#a3200a}.hp{position:absolute;left:-9999px}
.msg{padding:1rem 1.2rem;border-radius:var(--r);margin-top:1rem}.msg.ok{background:#e3f2e8;border:1px solid #1f8a4c}.msg.bad{background:#fbe9e4;border:1px solid var(--signal)}
.check{display:flex;gap:.7rem;align-items:flex-start;font-weight:400}.check input{width:1.3rem;min-height:0;margin-top:.25rem}
details.faq{border-bottom:1px solid var(--line);padding:.9rem 0}details.faq summary{font-weight:600;cursor:pointer}
/* footer */
footer{background:var(--ink);color:#d8dce0;padding:4rem 0 2rem}footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem}@media(max-width:860px){footer .cols{grid-template-columns:1fr 1fr}}@media(max-width:520px){footer .cols{grid-template-columns:1fr}}
footer h2{font:650 1rem var(--h);color:#fff;margin-bottom:.8rem}footer ul{list-style:none;padding:0;margin:0}footer li{margin-bottom:.45rem}footer a{text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}footer img{height:84px;margin-bottom:1rem}
.legal{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #3a3f45;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.9rem}.credit a{text-decoration:none;color:#fff}.credit a:hover,.credit a:focus-visible{color:var(--sun)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-motion:no-preference){.hero .wrap>*{animation:rise .7s both}.hero .wrap>*:nth-child(2){animation-delay:.1s}.hero .wrap>*:nth-child(3){animation-delay:.2s}@keyframes rise{from{opacity:0;transform:translateY(14px)}}}
.hero p.status,.final p.status{color:var(--ink);font-size:.95rem;max-width:none;width:fit-content;margin:0}
.hero p.status small{color:var(--ink2)}
.brand img{height:50px}
@media(max-width:980px){.drawer a.btn{display:flex;justify-content:center;padding:.6rem 1.4rem}}
/* ===== V10 ===== */
[hidden]{display:none!important}.sr{position:absolute;left:-9999px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.wm{font:650 1.15rem var(--h);letter-spacing:-.01em;white-space:nowrap}
.call{display:inline-flex;align-items:center;gap:.6rem;min-height:46px;padding:.3rem 1.1rem .3rem .3rem;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font:600 .95rem var(--b);transition:background .2s,transform .2s}
.call svg{box-sizing:content-box;padding:.5rem;border-radius:50%;background:var(--sun);color:var(--ink)}.call:hover{background:var(--steel-d)}.call:active{transform:scale(.98)}
@media(max-width:1180px){.call span{display:none}.call{padding:.3rem}}@media(max-width:980px){.bar>.call{display:none}}
@media(max-width:380px){.wm{font-size:1rem}}
.menu{margin-left:auto}.bar{gap:.8rem}
/* status */
.status{font-size:.95rem}.status .st{display:block;line-height:1.35}.status .st i{font-style:normal;margin:0 .45rem;opacity:.5}.status strong{font-weight:650}.status .src{font-style:normal;font-size:.75rem;opacity:.65;border-left:1px solid currentColor;padding-left:.6rem;white-space:nowrap}
.hero p.status{background:rgba(18,21,24,.55);backdrop-filter:blur(12px);color:#fff;border-color:rgba(255,255,255,.28);font-size:.95rem}.hero .status[data-s=open] .dot{background:#38c172;box-shadow:0 0 0 4px rgba(56,193,114,.25)}
.status[data-s=open] .dot{animation:pulse 2.4s infinite}@keyframes pulse{50%{opacity:.45}}
/* hero */
.hero{min-height:100svh}.hero h1{font-size:clamp(2.6rem,6.2vw,5rem);max-width:12ch}.hero .wrap{padding-block:9rem 4.5rem}.hero img{object-position:68% 50%}
.hero::after{background:linear-gradient(90deg,rgba(14,17,20,.88),rgba(14,17,20,.5) 42%,rgba(14,17,20,0) 70%),linear-gradient(0deg,rgba(14,17,20,.55),transparent 35%)}
@media(prefers-reduced-motion:no-preference){.hero img{animation:zoom 16s ease-out both}@keyframes zoom{from{transform:scale(1.07)}}}
@media(max-width:700px){.hero{display:grid;align-items:end;background:var(--ink);color:#fff;padding-top:0}.hero picture{position:absolute;display:block;aspect-ratio:auto;inset:0 0 auto 0;height:64%}.hero img{position:absolute;height:100%;object-position:62% 40%}.hero::after{display:block;background:linear-gradient(180deg,rgba(14,17,20,.4),rgba(14,17,20,0) 22%,var(--ink) 64%)}.hero .wrap{padding-block:0 1.8rem}.hero h1{font-size:2.5rem}.hero p{color:#dfe3e6;font-size:1.05rem}.hero .btn.ghost{color:#fff}.hero p.status{width:100%;border-radius:16px}}
/* page headers */
.phead{position:relative;color:#fff;background:var(--ink) center/cover no-repeat;padding:10rem 0 4.5rem;border:0;overflow:hidden}
.phead::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,17,20,.92),rgba(14,17,20,.72) 60%,rgba(14,17,20,.5))}.phead .wrap{position:relative}
.phead .lead{color:#dfe3e6;max-width:54ch}.crumb,.crumb a{color:#c9ced3}.phead h1{font-size:clamp(2.2rem,5vw,3.6rem)}@media(max-width:700px){.phead{padding:8rem 0 3rem}}
/* services */
.svc{display:grid;grid-template-columns:260px 1fr;gap:2.5rem;align-items:start}.side{position:sticky;top:6.5rem}.side .search{width:100%;margin-bottom:1.2rem}
.side .chips{flex-direction:column;gap:.3rem}.side .chip{text-align:left;border:0;background:none;border-radius:10px;padding:.6rem .9rem}.side .chip:hover{background:#e9ebe8}.side .chip[aria-pressed=true]{background:var(--ink);color:#fff}
.dir{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;border:0}
.dir a{display:flex;flex-direction:column;gap:.35rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s}
.dir a:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(20,25,30,.1);border-color:var(--ink)}.dir a strong{font:650 1.3rem/1.2 var(--h)}.dir a:hover strong{color:var(--ink)}
.dir .tag{color:var(--signal);font-weight:600;font-size:.85rem}.dir span{color:var(--ink2)}.dir .sy{font-style:normal;font-size:.88rem;color:var(--steel);margin-top:auto;padding-top:.9rem;border-top:1px solid var(--line)}.dir a{justify-content:flex-start}.dir span{margin-bottom:.8rem}
@media(max-width:980px){.svc{grid-template-columns:1fr;gap:1.5rem}.side{position:static}.side .chips{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;margin-inline:calc(-1*var(--pad));padding-inline:var(--pad)}.side .chip{white-space:nowrap;border:1.5px solid var(--line);background:#fff}}
@media(max-width:640px){.dir{grid-template-columns:1fr}}
/* dark services block on home */
.dark h2{color:#fff}.dark .rows a{border-color:#3a3f45;color:#fff}.dark .rows span{color:#b9c0c6}.dark .rows a:hover strong{color:var(--sun)}.feat .big{background:var(--steel)}.feat .big:hover{background:#3b5c78}
.svc>*{min-width:0}.side .chips{max-width:100vw}
@media(max-width:700px){.hero{align-content:end}.hero picture{height:56%}}

/* ===== V10.1 user-requested navigation and page-specific header refinements ===== */
.bar>.call{width:46px;min-width:46px;height:46px;min-height:46px;padding:3px;display:inline-grid;place-items:center;gap:0;flex-shrink:0;transition:transform .2s,box-shadow .2s,background .2s}
.bar>.call svg{width:19px;height:19px;padding:10px;display:block}
.bar>.call:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(248,193,0,.23)}
.bar>.call:focus-visible{outline:3px solid #1367d1;outline-offset:3px}
.bar>.call span{display:none!important}
.social-fb{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#e5edf7!important;background:rgba(255,255,255,.07);margin-top:9px;transition:background .2s,transform .2s,color .2s}
.social-fb:hover{background:#1877f2;color:white!important;transform:translateY(-2px)}.social-fb:focus-visible{outline:3px solid #facc15;outline-offset:3px}
.phead{background-image:none!important;isolation:isolate;min-height:390px;display:flex;align-items:center}
.phead::before{z-index:-1;pointer-events:none}
.phead .wrap{z-index:1;width:100%}
.phead.photo-brakes{background: #172029 url('service-brakes.webp') 62% 52% / cover no-repeat!important}
.phead.photo-brakes::before{background:linear-gradient(90deg,rgba(10,18,25,.96) 0%,rgba(10,18,25,.83) 40%,rgba(10,18,25,.18) 92%)}
.phead.lochead{background:radial-gradient(ellipse at 79% 40%,#274652 0%,#182b34 42%,#101a20 100%)!important;overflow:hidden}
.phead.lochead::before{background:linear-gradient(90deg,rgba(11,22,27,.96) 0%,rgba(11,22,27,.8) 45%,rgba(11,22,27,.1) 100%);z-index:-1}
.phead.lochead::after{content:"";position:absolute;z-index:-2;right:0;top:0;width:55%;height:100%;opacity:.22;background-image:linear-gradient(0deg,transparent 96%,#93acb9 97%),linear-gradient(90deg,transparent 96%,#93acb9 97%);background-size:66px 66px;transform:rotate(-13deg) scale(1.3)}
.location-meta{position:absolute;right:8%;bottom:18%;z-index:0;color:#cbd7da;letter-spacing:.18em;font-size:.8rem;font-weight:700;text-align:right}.location-meta span{display:block;margin-top:10px;font-weight:400;letter-spacing:.07em}
.phead.abouthead{background:radial-gradient(ellipse at 83% 25%,#33464a 0%,#1d2a30 42%,#10191e 90%)!important}
.phead.abouthead::before{background:linear-gradient(100deg,rgba(7,13,16,.67),transparent 90%)}
.phead.abouthead::after{content:"KHAN";position:absolute;right:3%;bottom:-.22em;font:800 clamp(9rem,28vw,29rem)/1 Arial,sans-serif;letter-spacing:-.1em;color:rgba(255,255,255,.045);z-index:-1;pointer-events:none}
.phead.servicehead{background:linear-gradient(120deg,#172b30,#1c3636 60%,#2c3b37)!important}
.phead.servicehead::before{background:radial-gradient(ellipse at 80% 40%,rgba(243,117,48,.21),transparent 55%)}
.phead.technicalhead{background:linear-gradient(115deg,#0e1a20,#26353d)!important}
.phead.technicalhead::before{background:radial-gradient(circle at 80% 20%,rgba(249,199,72,.12),transparent 55%)}
@media(max-width:700px){.phead{min-height:310px}.phead.photo-brakes{background-position:72% center!important}.phead.lochead::after{width:90%;opacity:.1}.location-meta{display:none}}

/* TARGETED V10 FIX: service-specific header photographs only */
.phead.topic-oil-fluids{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-oil.webp") 68% 50%/cover no-repeat!important}
.phead.topic-tuneup{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-tuneup.webp") 68% 50%/cover no-repeat!important}
.phead.topic-belts-hoses{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-belts.webp") 68% 50%/cover no-repeat!important}
.phead.topic-brakes{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("service-brakes.webp") 68% 50%/cover no-repeat!important}
.phead.topic-tires{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-tires.webp") 68% 50%/cover no-repeat!important}
.phead.topic-suspension{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-suspension.webp") 68% 50%/cover no-repeat!important}
.phead.topic-power-steering{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-steering.webp") 68% 50%/cover no-repeat!important}
.phead.topic-diagnostics{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-diagnostics.webp") 68% 50%/cover no-repeat!important}
.phead.topic-electrical{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-electrical.webp") 68% 50%/cover no-repeat!important}
.phead.topic-battery{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-battery.webp") 68% 50%/cover no-repeat!important}
.phead.topic-cooling{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-cooling.webp") 68% 50%/cover no-repeat!important}
.phead.topic-transmission{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-transmission.webp") 68% 50%/cover no-repeat!important}
.phead.topic-exhaust{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-exhaust.webp") 68% 50%/cover no-repeat!important}
.phead.topic-fuel{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-fuel.webp") 68% 50%/cover no-repeat!important}
.phead.topic-ac{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-ac.webp") 68% 50%/cover no-repeat!important}
.phead.topic-glass{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-glass.webp") 68% 50%/cover no-repeat!important}
.phead.topic-european{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-european.webp") 68% 50%/cover no-repeat!important}
.phead.topic-fleet{background:linear-gradient(90deg,rgba(10,18,25,.89) 0%,rgba(10,18,25,.62) 38%,rgba(10,18,25,.06) 91%),url("topic-fleet.webp") 68% 50%/cover no-repeat!important}
@media(max-width:700px){.phead.topic-photo{background-position:70% center!important}}


/* V10 targeted layout correction: only photographic service headers and mobile home hero. */
/* The preceding topic-specific styles already select each asset. Remove the second
   opacity layer so the actual photographed subject remains visible. */
.phead.topic-photo::before{background:linear-gradient(90deg,rgba(8,16,22,.20) 0%,rgba(8,16,22,.06) 65%,transparent 100%)}

/* Service photography stays on the right, text stays clear on the left. */
.phead.topic-photo{background-size:auto,cover!important;background-position:center,center center!important}
@media (max-width:700px){
 .phead.topic-photo{background-position:center,62% center!important}
 .phead.topic-photo::before{background:linear-gradient(90deg,rgba(8,16,22,.26),rgba(8,16,22,.07))}
}
/* One continuous image-backed mobile hero, without a separate solid-colour text panel. */
@media (max-width:700px){
 .hero{display:flex;align-items:flex-end;min-height:100svh;height:auto;background:#121518;color:#fff;overflow:hidden;padding-top:0}
 .hero picture{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;display:block}
 .hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% 37%}
 .hero::after{display:block;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,17,20,.07) 0%,rgba(13,17,20,.12) 26%,rgba(13,17,20,.72) 51%,rgba(13,17,20,.97) 72%,#121518 100%)}
 .hero .wrap{position:relative;z-index:2;width:100%;padding-top:clamp(13rem,34svh,23rem);padding-bottom:clamp(1.5rem,4svh,2.6rem)}
 .hero h1{font-size:clamp(2.1rem,8vw,2.65rem);line-height:1.11;max-width:14ch;margin-bottom:.65em}
 .hero p{font-size:clamp(.96rem,3.7vw,1.07rem);line-height:1.55;color:#eef0f0;max-width:40ch}
 .hero .cta-row{gap:.65rem;margin:1.25rem 0 1.1rem}
 .hero .cta-row .btn{min-height:45px;padding:.55rem 1rem;font-size:clamp(.85rem,3.5vw,1rem)}
 .hero p.status{width:fit-content;max-width:100%;margin:0;font-size:clamp(.79rem,3vw,.95rem)}
}
@media (max-width:380px){
 .hero .wrap{padding-top:clamp(12rem,30svh,20rem)}
 .hero .cta-row{gap:.5rem}
 .hero .cta-row .btn{padding:.5rem .8rem}
}
/* Keep hero content anchored above the bottom inset; .wrap's global margin:auto
   would otherwise centre the entire block vertically inside a flex hero. */
@media (max-width:700px){.hero .wrap{margin:0 auto}}

/* Release candidate — specifically approved visual/content fixes only */
.feat .big{background:linear-gradient(0deg,rgba(9,16,20,.85) 0%,rgba(9,16,20,.22) 45%,rgba(9,16,20,.05) 100%),url('featured-oil.webp') center 48%/cover no-repeat!important;display:flex;flex-direction:column;justify-content:flex-end;min-height:370px;color:white;text-decoration:none;overflow:hidden}
.feat .big h3,.feat .big p{position:relative;z-index:1;text-shadow:0 1px 7px rgba(0,0,0,.3)}
.feat .big p{color:#f0f2f2}
.workshop-image{margin:0;min-height:300px;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);background:#24323a}
.workshop-image img{width:100%;height:100%;object-fit:cover;object-position:52% 52%}
.phead.abouthead{background: #172228 url('workshop-concept.webp') center 48%/cover no-repeat!important}
.phead.abouthead::before{background:linear-gradient(90deg,rgba(9,18,24,.94),rgba(9,18,24,.75) 43%,rgba(9,18,24,.24) 100%)}
.phead.abouthead::after{content:none}
.phead.servicehead{background:#172228 url('services-banner.webp') center 45%/cover no-repeat!important}
.phead.servicehead::before{background:linear-gradient(90deg,rgba(9,18,24,.94),rgba(9,18,24,.7) 48%,rgba(9,18,24,.2))}
.phead.lochead{background:#172228 url('contact-banner.webp') center 50%/cover no-repeat!important}
.phead.lochead::before{background:linear-gradient(90deg,rgba(9,18,24,.94),rgba(9,18,24,.66) 53%,rgba(9,18,24,.2))}
.phead.lochead::after{content:none}
@media(max-width:700px){
 .feat .big{min-height:330px;background-position:center 56%!important}
 .workshop-image{min-height:250px;aspect-ratio:4/3}
 .phead.abouthead{background-position:60% center!important}
 .phead.servicehead{background-position:64% center!important}
 .phead.lochead{background-position:64% center!important}
}