:root{--green:#087A5B;--green-dark:#056047;--red:#B3262D;--silver:#A7ADB1;--silver-light:#F3F5F6;--pale-green:#EAF5F1;--charcoal:#252A2D;--white:#fff;--ink:#20272A;--muted:#5E676D;--radius:18px;--content-max:1440px;--content-gutter:clamp(24px,7vw,118px);--shadow:0 14px 34px rgba(28,42,39,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.4rem,5.7vw,6rem);line-height:.97;letter-spacing:-.035em}h2{font-size:clamp(2.25rem,3.35vw,3.65rem);line-height:1.04;letter-spacing:-.025em}h3{font-size:1.3rem;line-height:1.2}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:999;background:#fff;padding:1rem}.master-container{width:min(calc(100% - (2 * var(--content-gutter))),var(--content-max));margin-inline:auto}

/* Header + single-logo hierarchy */
.site-header{position:sticky;top:0;z-index:80;background:#fff;border-top:5px solid var(--green);box-shadow:0 2px 14px rgba(0,0,0,.06)}.header-inner{width:min(calc(100% - (2 * var(--content-gutter))),var(--content-max));margin:auto;min-height:104px;display:flex;align-items:center;gap:20px}.brand{width:290px;flex:0 0 auto}.brand img,.brand .custom-logo{display:block;max-height:82px;width:auto}.primary-navigation{margin-left:auto}.vehicare-menu{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.vehicare-menu a{display:block;padding:11px 13px;border-radius:9px;background:#f2f3f4;font-size:15px;font-weight:700;white-space:nowrap;transition:.18s}.vehicare-menu a:hover,.vehicare-menu a:focus{background:#e5eee9;color:var(--green)}.header-actions{display:flex;align-items:center;gap:10px}.icon-button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d2d7d9;border-radius:50%;background:#fff;font-size:20px}.whatsapp-button{color:var(--green);border-color:rgba(8,122,91,.3)}.whatsapp-button svg{width:23px;height:23px;fill:currentColor}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 21px;border-radius:10px;font-weight:700;border:1.5px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:var(--green-dark)}.button-outline{border-color:var(--green);color:var(--green);background:#fff}.button-light{background:#fff;color:var(--charcoal)}.menu-toggle{display:none}.search-panel{padding:12px var(--content-gutter);background:var(--silver-light);text-align:center}.search-panel input{width:min(720px,80vw);padding:13px;border:1px solid var(--silver);border-radius:8px}

/* Opening logo reveal: one logo, then site settles to header */
.brand-intro{position:fixed;inset:0;z-index:120;background:#fff;display:grid;place-items:center;pointer-events:none;animation:intro-away .55s ease 2.15s forwards}.brand-intro-logo{width:min(58vw,820px);animation:intro-logo 2.35s cubic-bezier(.22,.75,.24,1) forwards}.brand-intro-logo img{display:block;width:100%;clip-path:inset(0 100% 0 0);animation:logo-wipe .9s ease .18s forwards}@keyframes logo-wipe{to{clip-path:inset(0 0 0 0)}}@keyframes intro-logo{0%,58%{transform:scale(.93);opacity:1}78%{transform:scale(1);opacity:1}100%{transform:scale(.55) translateY(-28vh);opacity:0}}@keyframes intro-away{to{opacity:0;visibility:hidden}}

/* Hero: logo in header leads directly into Care Beyond Repair */
.hero{position:relative;display:grid;grid-template-columns:1.02fr .98fr;min-height:575px;background:#fff;overflow:hidden;border-bottom:1px solid #dfe6e3}.hero-copy{align-self:center;padding:44px var(--content-gutter) 70px;max-width:890px}.hero-glow{color:var(--charcoal);margin-bottom:23px;text-shadow:0 0 0 rgba(8,122,91,0);animation:hero-glow 2.6s ease 2.35s both}@keyframes hero-glow{0%{text-shadow:0 0 28px rgba(8,122,91,.35)}100%{text-shadow:0 0 7px rgba(8,122,91,.10)}}.hero-lead{max-width:690px;color:#54605e;font-size:clamp(1.08rem,1.45vw,1.35rem);line-height:1.55}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.automotive-visual{position:relative;overflow:hidden;min-height:575px;background:linear-gradient(145deg,#0A7559 0%,#087A5B 50%,#075C47 100%);background-size:cover;background-position:center;color:#fff}.automotive-visual.has-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,122,91,.18),rgba(8,122,91,.03))}.auto-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:44px 44px}.auto-ring{position:absolute;border:2px solid rgba(255,255,255,.23);border-radius:50%}.ring-one{width:290px;height:290px;right:-55px;top:65px}.ring-two{width:190px;height:190px;right:-5px;top:115px;border-style:dashed}.auto-speedline{position:absolute;height:2px;background:rgba(255,255,255,.25);animation:speedline 5s ease-in-out infinite}.speed-one{width:56%;right:0;top:34%}.speed-two{width:41%;right:0;top:39%;animation-delay:.5s}@keyframes speedline{50%{transform:translateX(-24px);opacity:.5}}.auto-panel{position:absolute;left:9%;bottom:10%;z-index:3;padding:20px 24px;min-width:52%;background:rgba(5,75,57,.88);border-left:4px solid var(--silver)}.auto-kicker{display:block;font-size:.78rem;letter-spacing:.16em;font-weight:800;margin-bottom:6px}.auto-panel strong{display:block;font-size:1.25rem}.auto-panel small{display:block;margin-top:5px}.scroll-cue{position:absolute;z-index:5;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;color:var(--green);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 5px 18px rgba(0,0,0,.08)}

/* Shared section grid */
.section{padding:clamp(62px,7vw,100px) 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#d1f0e7;font-size:.86rem;font-weight:800}.eyebrow:before{content:"";display:inline-block;width:38px;height:6px;margin-right:13px;background:var(--red);vertical-align:middle}.eyebrow.dark{color:var(--green)}

/* Service cards: one permanent structure, soft white photo fade */
.services-section{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.service-card{position:relative;min-height:292px;overflow:hidden;border:1px solid #dce1e2;border-top:6px solid var(--green);border-radius:var(--radius);background:#fff;box-shadow:0 7px 21px rgba(30,44,40,.05);transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-card-copy{position:relative;z-index:3;width:66%;padding:28px 14px 24px 24px;display:flex;flex-direction:column;min-height:286px}.service-card h3{margin:11px 0 12px;font-size:1.23rem}.service-card p{margin-bottom:18px;color:#475356;font-size:.96rem;line-height:1.45}.service-card a{margin-top:auto;color:var(--green);font-weight:800}.service-icon{width:29px;height:29px;display:inline-block;position:relative;color:var(--green)}.service-icon:before{content:"";position:absolute;width:13px;height:13px;border:2px solid currentColor;border-radius:50%;left:2px;top:1px}.service-icon:after{content:"";position:absolute;width:11px;height:2px;background:currentColor;transform:rotate(45deg);left:14px;top:17px;box-shadow:3px 3px 0 -1px var(--red)}.service-visual{position:absolute;z-index:1;inset:0 0 0 44%;background-position:center right;background-size:cover;overflow:hidden}.service-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 12%,rgba(255,255,255,.84) 32%,rgba(255,255,255,.34) 62%,rgba(255,255,255,.04) 100%)}.service-card:not(.has-photo) .service-visual{background:linear-gradient(145deg,#edf6f2,#dfeae7)}.service-card:not(.has-photo) .service-visual span:before,.service-card:not(.has-photo) .service-visual span:after{content:"";position:absolute;border:2px solid rgba(8,122,91,.23)}.service-card:not(.has-photo) .service-visual span:before{width:94px;height:94px;border-radius:50%;right:-20px;bottom:-18px}.service-card:not(.has-photo) .service-visual span:after{width:60px;height:60px;right:28px;top:78px;transform:rotate(45deg);border-radius:12px;box-shadow:26px 16px 0 -25px var(--red)}

/* What VEHICARE Means: compact confidence sequence, no four empty cards */
.promise-section{background:var(--pale-green);padding-top:58px;padding-bottom:62px}.promise-heading{max-width:900px;margin-bottom:28px}.promise-heading h2{margin:0 0 13px;font-size:clamp(2.2rem,3vw,3.35rem)}.promise-intro{margin:0;color:#4b5759;font-size:1.05rem;line-height:1.5}.promise-compact{display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(0,3fr);gap:22px;align-items:stretch}.promise-lead{padding:23px 25px;background:#fff;border:1px solid #d4dcda;border-left:7px solid var(--green);border-radius:15px}.promise-lead h3{margin:0 0 7px;font-size:1.18rem}.promise-lead p{margin:0;color:#485456;line-height:1.45}.promise-sequence{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center}.promise-point{min-height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px 10px;border:1px solid #d4dcda;border-radius:14px;background:#fff;transition:.18s}.promise-point:hover,.promise-point:focus{transform:translateY(-2px);border-color:rgba(8,122,91,.4);outline:none;box-shadow:0 8px 20px rgba(32,44,41,.06)}.promise-icon{font-size:1.25rem;color:var(--green);line-height:1}.promise-point b{margin-top:6px;font-size:.98rem}.promise-point small{margin-top:4px;color:#64706e;font-size:.78rem}.promise-arrow{color:var(--red);font-weight:800;font-size:1.1rem}

/* Featured projects: unified typography and baselines */
.work-section{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{overflow:hidden;background:#fff;border:1px solid #d5dadb;border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.06)}.project-card>a{display:block;height:100%}.project-image{height:300px;display:grid;place-items:center;text-align:center;color:#fff;background:repeating-linear-gradient(130deg,#126C57 0 52px,#58676B 52px 104px)}.project-image img{width:100%;height:100%;object-fit:cover}.project-copy{padding:22px 25px 25px;display:grid;grid-template-rows:34px 54px minmax(48px,auto) auto;row-gap:7px;align-content:start}.project-type{justify-self:start;align-self:start;margin:0;padding:6px 12px;border-radius:999px;background:#E6F3EE;color:var(--green);font-weight:700;font-size:.88rem;line-height:1.2}.project-copy h3{margin:0;align-self:start;font-size:1.28rem;line-height:1.18}.project-copy>p:last-of-type{margin:0;align-self:start;color:#424d50;font-size:.95rem;line-height:1.46}.project-link{margin-top:4px;color:var(--green);font-weight:800;font-size:.9rem}

/* Vehicle makes: same master grid, left title / right action, restrained interaction */
.make-section{position:relative;overflow:hidden;padding:62px 0;background:linear-gradient(110deg,var(--green) 0 76%,#09664E 76% 100%);color:#fff;border-top:5px solid var(--silver)}.make-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 62%,rgba(255,255,255,.06) 62.2%,transparent 62.4%);transform:skewX(-12deg);transition:transform .5s}.make-section:hover:after{transform:skewX(-12deg) translateX(-18px)}.make-section-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:40px}.make-section h2{margin:0;font-size:clamp(2.25rem,3.25vw,3.5rem);white-space:nowrap}.make-section .eyebrow{margin-bottom:15px}.browse-work span{display:inline-block;margin-left:7px;transition:transform .18s}.browse-work:hover span{transform:translateX(5px)}

/* CTA + footer on same grid */
.closing-cta{padding:46px 0;background:var(--pale-green);border-bottom:4px solid var(--green)}.closing-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.closing-cta h2{font-size:clamp(1.9rem,2.7vw,2.85rem);margin:0}.closing-cta-copy p{margin:9px 0 0;color:#4f5d5a;font-size:1rem;line-height:1.55;max-width:620px}.cta-actions{display:flex;gap:13px;flex-wrap:wrap}.site-footer{padding:58px 0 20px;background:var(--charcoal);color:#fff}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:50px}.footer-grid h2{font-size:1.25rem}.footer-grid a{display:block;margin:9px 0}.footer-logo{width:245px;filter:brightness(0) invert(1)}.footer-tagline{width:245px;text-align:center;margin:13px 0 0;padding-top:10px;border-top:1px solid rgba(167,173,177,.45);font-size:1.02rem;font-weight:700;letter-spacing:.05em;color:#fff}.footer-description{color:#c8ced0;font-size:.92rem}.copyright{margin:38px 0 0;padding-top:18px;border-top:1px solid #555e61;color:var(--silver);font-size:.9rem}

/* Generic content */
.content-area{max-width:1200px;margin:auto;background:#fff;min-height:60vh}.page-header{margin-bottom:45px;border-bottom:7px solid var(--green);padding-bottom:30px}.page-header h1{font-size:clamp(2.8rem,5vw,5.2rem)}.entry-content{font-size:1.12rem}.single-featured{width:100%;border-radius:var(--radius);margin-bottom:35px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{padding:20px;border:1px solid #ddd;border-radius:var(--radius)}

/* Scroll reveal */
.reveal-section{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}.reveal-section.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.brand-intro{display:none}.reveal-section{opacity:1;transform:none}}

@media(max-width:1220px){.header-inner{flex-wrap:wrap;padding:12px 0 14px}.brand{width:245px}.primary-navigation{order:3;width:100%}.vehicare-menu{justify-content:center}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promise-compact{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){:root{--content-gutter:20px}.site-header{position:sticky}.header-inner{min-height:78px;flex-wrap:nowrap;padding:8px 0}.brand{display:block!important;width:165px;flex:0 0 165px}.brand img,.brand .custom-logo{max-height:58px}.menu-toggle{display:block;margin-left:auto;padding:10px 14px;border:1px solid #cdd3d5;background:#fff;border-radius:9px;font-size:15px}.primary-navigation{position:absolute;left:0;right:0;top:78px;background:#fff;border-top:1px solid #e4e8e9;padding:10px 20px 18px;display:none}.primary-navigation.is-open{display:block}.vehicare-menu{display:block}.vehicare-menu li{margin:5px 0}.vehicare-menu a{background:#f5f6f6}.header-actions{display:none}.hero{display:block;min-height:auto}.hero-copy{padding:48px var(--content-gutter) 55px}.hero-glow{font-size:clamp(3rem,13vw,4.55rem)}.hero-lead{font-size:1.08rem;line-height:1.6}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.hero-actions .button{width:100%}.automotive-visual{min-height:300px}.scroll-cue{bottom:10px}.section{padding:56px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.service-grid,.project-grid{grid-template-columns:1fr}.service-card{min-height:248px}.service-card-copy{width:72%;min-height:242px;padding:24px 12px 22px 20px}.service-visual{left:38%}.promise-section{padding-top:48px;padding-bottom:50px}.promise-heading h2{font-size:2.25rem}.promise-sequence{grid-template-columns:1fr 1fr;gap:10px}.promise-arrow{display:none}.promise-point{min-height:94px}.project-copy{grid-template-rows:auto auto auto auto;row-gap:9px}.make-section{padding:48px 0}.make-section-inner{align-items:flex-start;flex-direction:column;gap:24px}.make-section h2{white-space:normal;font-size:2.4rem}.closing-cta{padding:40px 0}.closing-cta-inner{align-items:flex-start;flex-direction:column}.cta-actions{width:100%;display:grid;grid-template-columns:1fr}.cta-actions .button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:34px}.brand-intro-logo{width:78vw}}
@media(max-width:500px){.hero-copy{padding-top:38px}.automotive-visual{min-height:260px}.service-card-copy{width:76%}.footer-grid{grid-template-columns:1fr}.footer-logo,.footer-tagline{width:220px}.promise-sequence{grid-template-columns:1fr 1fr}.promise-point small{font-size:.76rem}}


/* 0.5.4 — restore the approved Trial 02 DESKTOP hero geometry only.
   All other consolidated sections remain unchanged. */
@media (min-width:821px){
  .hero{
    position:relative;
    min-height:620px;
    display:grid;
    grid-template-columns:1.02fr .98fr;
    background:linear-gradient(120deg,#f7fbf9 0 51%,var(--green) 51% 100%);
    color:var(--charcoal);
    border-bottom:1px solid #dfe7e4;
    overflow:hidden;
  }
  .hero:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:9px;
    background:var(--green);
    z-index:4;
  }
  .hero-copy{
    position:relative;
    z-index:2;
    align-self:center;
    max-width:none;
    padding:72px clamp(32px,7vw,110px) 76px;
    border-left:0;
    background:transparent;
  }
  .hero h1,
  .hero-glow{
    max-width:760px;
    color:var(--charcoal);
    font-size:clamp(3.5rem,6vw,6.4rem);
    line-height:.98;
    letter-spacing:-.035em;
    margin-bottom:26px;
  }
  .hero-lead{
    max-width:710px;
    color:#4a5655;
    font-size:clamp(1.1rem,1.65vw,1.45rem);
    line-height:1.55;
  }
  .automotive-visual{
    min-height:620px;
  }
}
@media (min-width:821px) and (max-width:1200px){
  .hero{grid-template-columns:1fr 1fr;}
  .hero-copy{padding-left:42px;padding-right:42px;}
}


/* 0.5.5 — interim final-stage visual refinements approved in review. */
@media (min-width:821px){
  /* Contain the landing panel so it no longer stretches edge-to-edge. */
  .hero{
    width:calc(100% - 96px);
    max-width:1600px;
    margin:24px auto 0;
    border:1px solid #dfe7e4;
    border-radius:4px;
  }
  .hero:before{display:none;}
  /* Soft white transition into the future workshop photograph. */
  .automotive-visual:before{
    content:"";
    position:absolute;
    z-index:2;
    left:0; top:0; bottom:0;
    width:24%;
    pointer-events:none;
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.78) 25%,rgba(255,255,255,.30) 62%,rgba(255,255,255,0) 100%);
  }
  .automotive-visual.has-photo:after{
    z-index:1;
    background:linear-gradient(90deg,rgba(8,122,91,.10),rgba(8,122,91,.02));
  }
}

/* Refined editorial hierarchy for the VEHICARE promise section. */
.promise-section{padding-top:64px;padding-bottom:68px;}
.promise-heading{max-width:1040px;margin-bottom:34px;}
.promise-heading .eyebrow{font-size:.78rem;letter-spacing:.16em;}
.promise-heading h2{font-size:clamp(2.45rem,3.35vw,3.8rem);line-height:1.06;letter-spacing:-.035em;font-weight:750;margin-bottom:16px;}
.promise-heading h2 em{font-style:normal;color:var(--green);font-weight:750;}
.promise-intro{max-width:760px;font-size:1.08rem;line-height:1.65;color:#53605e;}
.promise-compact{grid-template-columns:minmax(300px,1.05fr) minmax(0,3fr);gap:30px;align-items:center;}
.promise-lead{min-height:128px;display:flex;align-items:center;gap:18px;padding:25px 28px;border-left:6px solid var(--green);box-shadow:0 8px 24px rgba(32,44,41,.035);}
.promise-lead-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--green);border-radius:50%;color:var(--green);font-size:1.2rem;font-weight:800;}
.promise-lead h3{font-size:1.3rem;letter-spacing:-.01em;}
.promise-lead p{font-size:.92rem;line-height:1.55;}
.promise-sequence{position:relative;gap:12px;}
.promise-point{position:relative;z-index:2;min-height:128px;padding:17px 10px;border-color:#d7dfdc;box-shadow:0 6px 18px rgba(32,44,41,.025);}
.promise-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(8,122,91,.24);border-radius:50%;font-size:1.05rem;}
.promise-point b{margin-top:9px;font-size:1.02rem;letter-spacing:.015em;}
.promise-point small{font-size:.77rem;letter-spacing:.01em;}
.promise-care{border-color:rgba(8,122,91,.34);}
.promise-care b,.promise-care .promise-icon{color:var(--green);}
.promise-arrow{font-size:.95rem;color:var(--red);opacity:.85;}

/* Show the locked full-colour mark on a clean white footer panel. */
.footer-brand .footer-logo{
  width:245px;
  height:auto;
  filter:none;
  display:block;
  box-sizing:border-box;
  padding:13px 16px;
  background:#fff;
  border-radius:3px;
}

@media(max-width:820px){
  .promise-heading h2{font-size:2.45rem;}
  .promise-lead{min-height:auto;}
  .promise-point{min-height:104px;}
  .footer-brand .footer-logo{width:220px;}
}

/* 0.5.6 — Level-1 page routing and content-page styling. */
.inner-hero{padding:clamp(62px,7vw,100px) 0 54px;background:linear-gradient(120deg,#f7fbf9,#eef7f3);border-bottom:1px solid #dfe7e4}.inner-hero h1{max-width:1050px;margin:0 0 20px;font-size:clamp(3rem,5vw,5.5rem);color:var(--charcoal)}.inner-hero>div>p:last-child{max-width:820px;margin:0;color:#53605e;font-size:1.15rem;line-height:1.65}.two-column-content{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:64px;align-items:start}.two-column-content>div>p{font-size:1.08rem;color:#465255;line-height:1.75}.statement-card,.contact-card,.brand-card,.news-card,.empty-state{background:#fff;border:1px solid #d9e0de;border-radius:16px;box-shadow:0 8px 24px rgba(32,44,41,.045)}.statement-card{padding:32px;border-top:5px solid var(--green)}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.contact-card{padding:30px;border-top:5px solid var(--green)}.contact-card h2{font-size:1.35rem;margin-bottom:13px}.contact-card a{color:var(--green);font-size:1.08rem;font-weight:800}.contact-card p{margin:12px 0 0;color:#566260}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.brand-card{padding:26px;display:flex;min-height:130px;flex-direction:column;justify-content:space-between;transition:.18s}.brand-card:hover{transform:translateY(-3px);border-color:rgba(8,122,91,.45)}.brand-card strong{font-size:1.25rem}.brand-card span{color:var(--green);font-weight:700}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.news-card{padding:28px}.news-card h2{font-size:1.45rem}.news-card>p:not(.eyebrow){color:#52605e}.text-link{color:var(--green);font-weight:800}.empty-state{padding:42px;max-width:820px;border-left:6px solid var(--green)}.empty-state h2{font-size:2rem;margin-bottom:10px}.service-card h2,.project-card h2{font-size:1.25rem;margin:11px 0 12px}.navigation.pagination{margin-top:34px}.nav-links{display:flex;gap:8px}.page-numbers{padding:8px 12px;border:1px solid #d4dcda;border-radius:8px}.page-numbers.current{background:var(--green);color:#fff;border-color:var(--green)}
@media(max-width:900px){.two-column-content,.contact-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand-grid,.news-grid{grid-template-columns:1fr}.inner-hero{padding-top:48px}.inner-hero h1{font-size:2.75rem}}

/* Services overview refinement v0.5.7 */
.services-overview .service-grid{gap:22px}.services-overview .service-card{min-height:276px;text-decoration:none;color:var(--charcoal);border-top-width:4px}.services-overview .service-card-copy{width:62%;min-height:270px;padding:25px 10px 22px 24px}.services-overview .service-card h2{font-size:1.24rem;line-height:1.16;letter-spacing:-.02em;margin:12px 0 9px}.services-overview .service-card p{font-size:.91rem;line-height:1.5;margin:0 0 16px;color:#53605e}.services-overview .service-icon{width:38px;height:38px}.services-overview .service-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.services-overview .service-explore{margin-top:auto;color:var(--green);font-size:.9rem;font-weight:800;letter-spacing:.01em}.services-overview .service-explore b{color:var(--red);display:inline-block;margin-left:4px;transition:transform .18s}.services-overview .service-card-link:hover .service-explore b{transform:translateX(4px)}.services-overview .service-visual{left:40%;background-position:center;background-size:cover}.services-overview .service-visual:before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 16%,rgba(255,255,255,.88) 36%,rgba(255,255,255,.52) 60%,rgba(255,255,255,.14) 84%,rgba(255,255,255,.05) 100%)}.services-overview .service-card:not(.has-photo) .service-visual{background:linear-gradient(135deg,#f7faf9,#e6f1ed)}.services-overview .service-card:not(.has-photo) .service-visual:after{content:"";position:absolute;inset:18px 12px 18px 25%;border-radius:50% 15% 45% 20%;border:1px solid rgba(8,122,91,.16);transform:skewX(-14deg)}.service-shell{max-width:860px}.service-shell h2{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 16px}.service-shell>p:not(.eyebrow){font-size:1.08rem;line-height:1.7;color:#52605e;max-width:760px}.service-shell .hero-actions{align-items:center;margin-top:28px}.service-shell .text-link{margin-left:18px}
@media(max-width:820px){.services-overview .service-card-copy{width:70%;min-height:242px}.services-overview .service-visual{left:35%}.service-shell .text-link{margin:8px 0 0}}

/* Services overview correction — linked cards, clean temporary image state, no duplicate CTA. */
.services-overview .service-card{min-height:300px}
.services-overview .service-card-copy{width:61%;min-height:294px;padding:26px 12px 24px 24px}
.services-overview .service-card h2{font-size:1.26rem;line-height:1.14;margin:12px 0 11px}
.services-overview .service-card p{font-size:.93rem;line-height:1.5;max-width:220px}
.services-overview .service-explore{display:flex;align-items:center;gap:5px;margin-top:auto}
.services-overview .service-visual{left:43%}
.services-overview .service-card.no-photo .service-visual{background:linear-gradient(105deg,#fff 0%,#f8fbfa 44%,#edf6f2 100%)}
.services-overview .service-card.no-photo .service-visual:before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 22%,rgba(255,255,255,.72) 58%,rgba(255,255,255,.12) 100%)}
.services-overview .service-card.no-photo .service-visual:after{display:none!important}
.services-overview .service-card.no-photo .service-visual span:before,
.services-overview .service-card.no-photo .service-visual span:after{display:none!important}
.service-visual-icon{position:absolute;right:22px;bottom:22px;width:118px;height:118px;color:rgba(8,122,91,.10)}
.service-visual-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){.services-overview .service-card-copy{width:69%;min-height:244px}.services-overview .service-visual{left:38%}.service-visual-icon{width:90px;height:90px;right:14px;bottom:16px}}


/* Our Work customer filters */
.work-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:16px;align-items:end;margin:0 0 34px;padding:22px;background:#f7fbf9;border:1px solid #dce8e4;border-radius:16px}.work-filter-field{display:grid;gap:7px}.work-filter-field label{font-size:.82rem;font-weight:800;color:var(--charcoal);letter-spacing:.02em}.work-filter-field select{width:100%;min-height:48px;padding:0 38px 0 14px;border:1px solid #cfdad6;border-radius:10px;background:#fff;color:var(--charcoal);font:inherit}.work-filter-field select:focus{outline:2px solid rgba(8,122,91,.18);border-color:var(--green)}.work-filter-actions{display:flex;align-items:center;gap:13px;min-height:48px}.work-filter-actions .button{white-space:nowrap}.work-clear{white-space:nowrap;color:var(--green);font-weight:800;font-size:.9rem}.work-clear:hover{text-decoration:underline}
@media(max-width:1050px){.work-filters{grid-template-columns:repeat(3,minmax(0,1fr));}.work-filter-actions{grid-column:1/-1}}
@media(max-width:820px){.work-filters{grid-template-columns:1fr;padding:18px}.work-filter-actions{grid-column:auto;align-items:stretch;flex-direction:column}.work-filter-actions .button,.work-clear{text-align:center;width:100%}}


/* 0.5.11 — About VEHICARE: founder video + story. Scoped to About only. */
.about-hero h1 span{color:var(--green)}
.about-story-section{padding-top:76px;padding-bottom:82px}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(46px,6vw,88px);align-items:center}
.about-video-frame{position:relative;overflow:hidden;min-height:520px;background:var(--charcoal);border-radius:8px;box-shadow:0 22px 48px rgba(22,31,29,.16);border-bottom:5px solid var(--green)}
.about-video-frame .wp-video,.about-video-frame video{width:100%!important;max-width:none!important;height:100%!important;min-height:520px;object-fit:cover;background:var(--charcoal)}
.about-video-placeholder{display:flex;flex-direction:column;justify-content:flex-end;padding:42px;color:#fff;background:linear-gradient(145deg,#1e2628 0%,#252a2d 60%,#18372f 100%)}
.about-video-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 58%,rgba(8,122,91,.16) 58% 59%,transparent 59% 100%);pointer-events:none}
.about-video-placeholder>*{position:relative;z-index:1}.about-video-placeholder .eyebrow{color:#c9d7d2;margin-bottom:10px}.about-video-placeholder h2{font-size:clamp(2rem,3vw,3.2rem);max-width:470px;margin-bottom:12px}.about-video-placeholder>p:last-child{max-width:460px;color:#cbd3d1;line-height:1.65;margin:0}.about-video-placeholder-mark{width:62px;height:62px;display:grid;place-items:center;margin-bottom:auto;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:1.1rem;padding-left:4px;color:#fff}
.about-story-copy{max-width:650px}.about-story-copy>.eyebrow{margin-bottom:14px}.about-story-copy h2{font-size:clamp(2.55rem,3.8vw,4.45rem);line-height:1.01;letter-spacing:-.04em;color:var(--charcoal);margin-bottom:26px}.about-story-copy h2 em{display:block;margin-top:8px;color:var(--green);font-style:normal}.about-story-copy>p{max-width:620px;font-size:1.05rem;line-height:1.75;color:#4f5b5e;margin-bottom:18px}
.about-pillars{margin-top:34px;border-top:1px solid #d9e0de}.about-pillar{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid #d9e0de}.about-pillar>span{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:var(--red)}.about-pillar strong{display:block;color:var(--charcoal);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.about-pillar small{display:block;margin-top:3px;color:#687270;font-size:.88rem}.about-pillar-care strong{color:var(--green)}
.about-care-section{background:#f8faf9;border-top:1px solid #e3e9e7}.about-care-section .two-column-content{align-items:center}.about-care-section h2{max-width:780px;font-size:clamp(2.25rem,3.2vw,3.55rem)}.about-care-section .statement-card h3 span{color:var(--green)}
@media(max-width:900px){.about-story-grid{grid-template-columns:1fr;gap:44px}.about-video-frame,.about-video-frame .wp-video,.about-video-frame video{min-height:440px}.about-story-copy{max-width:none}}
@media(max-width:560px){.about-story-section{padding-top:48px;padding-bottom:56px}.about-video-frame{min-height:360px}.about-video-frame .wp-video,.about-video-frame video{min-height:360px}.about-video-placeholder{padding:28px}.about-story-copy h2{font-size:2.55rem}.about-pillar{grid-template-columns:36px 1fr}}

/* CONTACT PAGE — LOCATION */
.contact-options{padding-bottom:42px}.contact-location{padding-top:42px;background:#f7faf9;border-top:1px solid #e1e7e5}.contact-location-heading{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:26px}.contact-location-heading h2{margin:4px 0 10px;font-size:clamp(2rem,3.2vw,3.15rem);color:var(--charcoal)}.contact-location-heading>div>p:last-child{margin:0;color:#566260;font-size:1.05rem}.contact-directions{flex:0 0 auto;white-space:nowrap}.contact-map-wrap{overflow:hidden;border:1px solid #d9e0de;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(32,44,41,.07)}.contact-map{display:block;width:100%;height:390px;border:0}.contact-location .button-outline{color:var(--green);border-color:rgba(8,122,91,.45);background:#fff}.contact-location .button-outline:hover{background:var(--green);border-color:var(--green);color:#fff}
@media(max-width:760px){.contact-location-heading{align-items:flex-start;flex-direction:column;gap:20px}.contact-map{height:320px}.contact-directions{width:100%;text-align:center}}


/* Request Appointment */
.appointment-section{background:#fff}.appointment-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:34px;align-items:start}.appointment-form-card,.appointment-side-card{border:1px solid #d9e0de;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(32,44,41,.055)}.appointment-form-card{padding:clamp(24px,3vw,38px);border-top:5px solid var(--green)}.appointment-side-card{padding:30px;position:sticky;top:130px}.appointment-side-card h2{margin:8px 0 12px;font-size:1.65rem}.appointment-side-card>p:not(.eyebrow){color:#566260;line-height:1.6}.appointment-side-actions{display:grid;gap:11px;margin-top:24px}.appointment-side-note{margin-top:26px;padding-top:22px;border-top:1px solid #dce3e1}.appointment-side-note p{margin:7px 0 0;color:#566260;line-height:1.55}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:grid;gap:8px}.form-field-wide{grid-column:1 / -1}.form-field label{font-weight:800;color:var(--charcoal);font-size:.94rem}.form-field label span{color:var(--red)}.form-field label em{font-style:normal;font-weight:500;color:#7a8583;font-size:.82rem}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #cdd7d3;border-radius:10px;background:#fff;color:var(--charcoal);font:inherit;padding:13px 14px;min-height:49px}.form-field textarea{resize:vertical;line-height:1.5}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:3px solid rgba(8,122,91,.12);border-color:var(--green)}.form-field small{color:#7a8583;font-size:.8rem}.appointment-submit{display:flex;align-items:center;gap:18px;margin-top:26px;padding-top:24px;border-top:1px solid #e1e6e4}.appointment-submit p{margin:0;max-width:440px;color:#687371;font-size:.86rem;line-height:1.5}.appointment-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-notice{margin-bottom:24px;padding:18px 20px;border-radius:12px}.form-notice h2{font-size:1.3rem;margin:0 0 5px}.form-notice p{margin:0}.form-success{background:#edf7f3;border:1px solid rgba(8,122,91,.25);color:#075f48}.form-error{background:#fff3f3;border:1px solid rgba(179,38,45,.25);color:#7d1b20}
@media(max-width:900px){.appointment-layout{grid-template-columns:1fr}.appointment-side-card{position:static}.form-grid{grid-template-columns:1fr}.form-field-wide{grid-column:auto}.appointment-submit{align-items:stretch;flex-direction:column}.appointment-submit .button{width:100%}}

/* Offers & Vehicle Care */
.offers-content-section{padding-top:42px}.content-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}.content-filters a{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:11px 18px;border:1px solid #d7dfdd;border-radius:999px;background:#fff;color:var(--charcoal);font-weight:800;transition:.18s}.content-filters a:hover{border-color:var(--green);color:var(--green)}.content-filters a.is-active{background:var(--green);border-color:var(--green);color:#fff}.content-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:100%}.content-card-image{display:block;aspect-ratio:16/9;background:#eef3f1;overflow:hidden}.content-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.content-card:hover .content-card-image img{transform:scale(1.025)}.content-card-body{padding:25px 26px 28px;display:flex;flex-direction:column;flex:1}.content-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.content-type{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--green);font-weight:900}.offer-status{font-size:.74rem;font-weight:900;padding:6px 10px;border-radius:999px;background:#edf2f0;color:#46514f}.offer-status.status-active{background:#e7f5ef;color:#087a5b}.offer-status.status-upcoming{background:#f1f3f4;color:#596166}.offer-status.status-ended{background:#eceeed;color:#68706e}.content-card h2{margin:0 0 12px}.content-card h2 a{color:var(--charcoal)}.content-card-body>p{color:#52605e;line-height:1.65}.content-card .offer-validity{font-size:.9rem;margin:0 0 10px;color:#687371}.content-card .text-link{margin-top:auto;padding-top:8px}.offers-content-section .empty-state{margin-top:4px}
@media(max-width:560px){.offers-content-section{padding-top:30px}.content-filters{margin-bottom:26px}.content-filters a{flex:1;min-width:0}.content-card-body{padding:22px}}

/* 0.5.6 — soften the desktop hero photo join: extend the photograph behind the copy
   so the transition no longer reads as a hard rectangular cut. */
@media (min-width:821px){
  .hero-copy{z-index:3;}
  .automotive-visual{
    z-index:1;
    margin-left:-110px;
    width:calc(100% + 110px);
  }
  .automotive-visual:before{
    width:34%;
    background:linear-gradient(90deg,
      #fff 0%,
      rgba(255,255,255,.98) 8%,
      rgba(255,255,255,.90) 22%,
      rgba(255,255,255,.66) 43%,
      rgba(255,255,255,.34) 66%,
      rgba(255,255,255,.12) 84%,
      rgba(255,255,255,0) 100%);
  }
}