/* Meckman's light, quiet presentation. The original logo and photo assets stay intact. */
.about-intro{max-width:1160px;padding-block:48px 70px}
.about-intro .breadcrumbs{margin-bottom:32px}
.about-intro h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;line-height:1.06;margin:14px 0 32px}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.about-page-copy>.lead{font-size:21px;line-height:1.5;margin:0 0 20px}
.about-page-copy>p:not(.lead){color:#596168;line-height:1.7}
.about-values{list-style:none;padding:0;margin:30px 0}
.about-values li{border-top:1px solid #e5e0dc;padding:18px 0}
.about-values h2{font-size:18px;margin:0 0 8px;letter-spacing:-.015em}
.about-values p{font-size:15px;line-height:1.6;margin:0;color:#596168}
.about-layout figure{position:relative;margin:0;border-radius:8px;overflow:hidden}
.about-layout img{display:block;width:100%;height:490px;object-fit:cover}
.about-layout figcaption{position:absolute;right:12px;bottom:12px;font-size:10px;background:#20262db0;color:white;padding:3px 7px;border-radius:3px}
.about-company{font-size:13px;margin-bottom:18px}
@media(max-width:680px){.about-intro{padding-block:28px 40px}.about-layout{grid-template-columns:1fr;gap:28px}.about-layout img{height:260px}.about-page-copy>.lead{font-size:18px}}
.home-page{--home-ink:#232a2f;--home-muted:#596168;--home-red:#b52c1c;background:#fff;color:var(--home-ink)}
.home-page .eyebrow{display:flex;align-items:center;gap:12px;color:#656a6d;font-size:11px;font-weight:750;letter-spacing:1.6px}
.home-page .eyebrow::before{content:"";height:2px;width:26px;background:var(--home-red);flex:none}
.home-page .accent-dot{color:var(--home-red)}
.home-page .home-hero-stage{background:#f6f5f2}
.home-page .home-hero-stage::before{background:linear-gradient(90deg,rgba(249,248,245,.98) 0%,rgba(249,248,245,.96) 38%,rgba(249,248,245,.75) 65%,rgba(249,248,245,.3) 100%)}
.home-page .home-hero .home-hero-inner{padding:66px 0 84px;max-width:1160px;min-height:490px}
.home-page .home-hero-kicker{display:flex;align-items:center;gap:13px;color:#626567;font-size:11px;letter-spacing:1.8px;margin:0 0 22px}
.home-page .home-hero-kicker::before{content:"";height:2px;width:26px;background:var(--home-red)}
.home-page .home-hero .home-hero-inner h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(50px,6.4vw,84px);font-weight:800;letter-spacing:-.055em;line-height:1.03;color:var(--home-ink);max-width:1100px}
.home-page .home-hero h1 span{display:block;color:var(--home-red);margin-top:3px}
.home-page .home-hero-lead{max-width:560px;margin:24px 0 0;font-size:18px;line-height:1.65;color:#434b51}
.home-page .home-hero-actions{margin-top:29px;gap:14px}
.home-page .hero-service-cta,.home-page .hero-tyre-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:14px 22px;border:1px solid var(--home-red);border-radius:4px;font-size:14px;font-weight:750;line-height:1.3;transition:background 250ms ease,color 250ms ease}
.home-page .hero-tyre-cta{background:#ffffffb8;color:#92291d}
.home-page .hero-tyre-cta:hover{background:#fff5f1}
.home-page .hero-tyre-cta svg{width:18px;height:18px}
.home-page .home-hero-actions svg{transition:transform 260ms ease}
.home-page .home-hero-actions button:hover svg{transform:translateX(3px)}
.home-page .home-hero-address{display:inline-flex;align-items:center;gap:10px;color:#454e54;margin-top:24px;padding:4px 0;font-size:12px;font-weight:650}
.home-page .home-hero-address span{color:var(--home-red);font-size:18px}
.home-page .home-hero-address:hover{text-decoration:underline;text-underline-offset:4px}
.home-page .home-tyre-campaign{background:#fffaf7;border-block-color:#ebdfd7}
.home-page .home-tyre-inner{padding-top:25px;padding-bottom:16px}
.home-page .home-tyre-discount{background:#f1ded4;color:#952b1e;font-size:12px}
.home-page .home-tyre-heading h2{font-size:30px}
.home-page .home-tyre-price strong{font-size:40px}
.home-page .home-tyre-book{font-size:14px}
.home-page .experience-quick-contact__inner{grid-template-columns:1fr 1.1fr 1fr;gap:28px;padding-block:24px}
.home-page .experience-quick-contact__inner>div>span:first-child{font-size:10px;letter-spacing:1.15px;color:#686c6f}
.home-page .experience-quick-contact__inner a,.home-page .experience-quick-contact__hours>span:last-child{font-size:14px;font-weight:650;line-height:1.5}
.home-page .section.services{max-width:1160px;padding:82px 0 76px;border:0}
.home-page .section-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:55px;margin-bottom:34px}
.home-page .section-heading .eyebrow{margin-bottom:17px}
.home-page .section-heading h2,.home-page .home-workshop h2,.home-page .journey-heading h2{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(32px,3.7vw,47px);font-weight:800;letter-spacing:-.045em;line-height:1.09}
.home-page .section-heading>p{max-width:420px;font-size:16px;line-height:1.65;color:var(--home-muted);margin:0 0 3px}
.home-page .services .service-grid{gap:22px}
.home-page .services .service-card{min-height:330px;border:0;border-radius:8px;box-shadow:none}
.home-page .services .service-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #202b3415}
.home-page .service-card-number{position:absolute;top:18px;left:22px;font-size:12px;letter-spacing:1px;font-weight:700;color:#fff;border-bottom:1px solid #ffffff8f;padding:0 0 4px;text-shadow:0 1px 4px #0009}
.home-page .service-card-content{padding:25px}
.home-page .services .service-card h3{font-family:'Segoe UI',Arial,sans-serif;font-size:26px;letter-spacing:-.025em;font-weight:750}
.home-page .services .service-card-content>p{font-size:14px;margin:8px 0 22px;color:#f1f1ef}
.home-page .services .card-book{padding:10px 14px;border:0}
.home-page .services .all-services-link{margin-top:20px}
.home-page .home-workshop{padding:70px 0;background:#f6f5f2;border-block:1px solid #eeece7}
.home-page .home-workshop-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:76px;align-items:center}
.home-page .home-workshop figure{position:relative;margin:0;height:460px;border-radius:8px;overflow:hidden;background:#e8e8e4}
.home-page .home-workshop figure img{width:100%;height:100%;object-fit:cover;object-position:46% center}
.home-page .home-workshop figcaption{position:absolute;right:14px;bottom:12px;font-size:9px;color:#fff;background:#171f26a8;padding:3px 6px;border-radius:2px}
.home-page .home-workshop-copy>.eyebrow{margin-bottom:16px}
.home-page .home-workshop-copy>p:not(.eyebrow){font-size:16px;color:var(--home-muted);line-height:1.65;margin-top:22px;max-width:470px}
.home-page .home-workshop-copy ul{list-style:none;margin:25px 0 0;padding:0}
.home-page .home-workshop-copy li{display:flex;align-items:flex-start;gap:18px;border-top:1px solid #dfdfda;padding:17px 0}
.home-page .home-workshop-copy li>span{color:var(--home-red);font-size:12px;font-weight:750;padding-top:3px}
.home-page .home-workshop-copy strong{font-size:15px;font-weight:700}
.home-page .home-workshop-copy li p{font-size:13px;line-height:1.5;color:var(--home-muted);margin:3px 0 0}
.home-page .customer-process.journey{max-width:1000px;padding:64px 0 20px;border:0}
.home-page .journey-heading{justify-content:center;text-align:center}
.home-page .journey-heading .eyebrow{justify-content:center;margin-bottom:12px}
.home-page .journey-heading h2{font-size:34px}
.home-page .journey-cards{gap:32px;margin-top:32px}
.home-page .journey-cards li{background:transparent;border:0;border-top:1px solid #deded9;border-radius:0;padding:22px 0 0}
.home-page .journey-card-top{margin-bottom:12px}
.home-page .journey-number{font-size:24px;color:#a43124;font-weight:600}
.home-page .journey-card-top svg{display:none}
.home-page .journey-owner{display:none}
.home-page .journey-cards h3{font-family:'Segoe UI',Arial,sans-serif;font-size:20px;letter-spacing:-.02em;line-height:1.3;margin-bottom:7px}
.home-page .journey-cards p{font-size:14px;line-height:1.6}
.home-page .calendar-booking{margin-top:26px;margin-bottom:72px}
.home-page .customer-faq{max-width:860px;padding:0 0 65px}
.home-page .customer-faq .section-heading{display:block;margin-bottom:22px}
.home-page .customer-faq h2{font-size:30px}
.home-page .customer-faq summary{padding-block:20px;font-size:15px}
.home-page .contact{background:#f6f5f2;border-top:1px solid #e8e6e0}
.home-page .contact-inner{padding-top:55px;padding-bottom:32px;gap:60px}
.home-page .contact h2{font-family:'Segoe UI',Arial,sans-serif;font-size:36px;font-weight:800;letter-spacing:-.04em}
.home-page .experience-contact-extras{padding-bottom:55px}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  .home-page .home-hero-kicker,.home-page .home-hero h1,.home-page .home-hero-lead,.home-page .home-hero-actions,.home-page .home-hero-address{animation:home-intro 800ms both cubic-bezier(.2,.65,.3,1)}
  .home-page .home-hero h1{animation-delay:70ms}.home-page .home-hero-lead{animation-delay:140ms}.home-page .home-hero-actions{animation-delay:210ms}.home-page .home-hero-address{animation-delay:250ms}
}
@keyframes home-intro{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1220px){
 .home-page .home-hero .home-hero-inner,.home-page .home-workshop-inner{margin-inline:30px}
 .home-page .section.services{margin-inline:30px}
 .home-page .customer-process.journey{margin-inline:auto;width:calc(100% - 60px)}
 .home-page .customer-faq{width:calc(100% - 60px);margin-inline:auto}
 .home-page .home-workshop-inner{gap:42px}
 .home-page .experience-quick-contact__inner{margin-inline:30px}
}
@media(max-width:900px){
 .home-page .home-hero .home-hero-inner{min-height:0;padding:48px 0 70px}
 .home-page .home-hero .home-hero-inner h1{font-size:clamp(44px,7.5vw,66px)}
 .home-page .home-hero-lead{font-size:16px;max-width:470px}
 .home-page .experience-quick-contact__inner{gap:20px;grid-template-columns:1fr 1.1fr}
 .home-page .experience-quick-contact__hours{grid-column:1/-1;border-left:0!important;border-top:1px solid #e8e8e4;padding:14px 0 0!important;display:flex;gap:12px;align-items:baseline}
 .home-page .section.services{padding-block:60px}
 .home-page .section-heading{gap:25px;grid-template-columns:1fr 1fr}
 .home-page .section-heading>p{font-size:14px}
 .home-page .home-workshop{padding-block:50px}
 .home-page .home-workshop-inner{grid-template-columns:1fr 1.15fr;gap:30px}
 .home-page .home-workshop figure{height:420px}
 .home-page .home-workshop h2{font-size:32px}
 .home-page .home-workshop-copy>p:not(.eyebrow){font-size:14px;margin-top:16px}
 .home-page .home-workshop-copy li{gap:12px;padding-block:13px}
 .home-page .home-workshop-copy strong{font-size:14px}
}
@media(max-width:680px){
 .home-page .home-hero .home-hero-inner{margin-inline:20px;padding:33px 0 61px}
 .home-page .home-hero-stage::before{background:linear-gradient(90deg,#faf9f6f5,#faf9f6dd 68%,#faf9f6a8)}
 .home-page .home-hero-kicker{font-size:10px;margin-bottom:17px}
 .home-page .home-hero .home-hero-inner h1{font-size:clamp(39px,9.4vw,60px)}
 .home-page .home-hero-lead{font-size:14px;line-height:1.6;margin-top:18px}
 .home-page .home-hero-actions{gap:10px;margin-top:22px}
 .home-page .hero-service-cta,.home-page .hero-tyre-cta{min-height:48px;gap:12px;padding:12px 14px;font-size:13px}
 .home-page .home-hero-address{font-size:11px;margin-top:15px}
 .home-page .home-tyre-inner{padding-block:20px 14px}
 .home-page .home-tyre-heading h2{font-size:25px}
 .home-page .home-tyre-price strong{font-size:37px}
 .home-page .experience-quick-contact__inner{margin-inline:20px;grid-template-columns:1fr;gap:14px;padding-block:20px}
 .home-page .experience-quick-contact__inner>div+div{padding:12px 0 0!important;border-top:1px solid #e8e8e4}
 .home-page .experience-quick-contact__hours{grid-column:auto;display:grid;gap:5px}
 .home-page .section.services{margin-inline:20px;padding-block:43px}
 .home-page .section-heading{grid-template-columns:1fr;gap:15px;margin-bottom:27px}
 .home-page .section-heading h2{font-size:33px}
 .home-page .section-heading .eyebrow{margin-bottom:13px}
 .home-page .section-heading>p{font-size:14px;max-width:440px}
 .home-page .services .service-grid{gap:16px}
 .home-page .services .service-card{min-height:310px}
 .home-page .service-card-content{padding:23px}
 .home-page .home-workshop{padding-block:36px}
 .home-page .home-workshop-inner{margin-inline:20px;grid-template-columns:1fr;gap:30px}
 .home-page .home-workshop figure{height:260px}
 .home-page .home-workshop h2{font-size:33px}
 .home-page .home-workshop-copy li{padding-block:14px}
 .home-page .customer-process.journey{width:calc(100% - 40px);padding-top:41px;padding-bottom:10px}
 .home-page .journey-heading{text-align:left}
 .home-page .journey-heading .eyebrow{justify-content:flex-start}
 .home-page .journey-heading h2{font-size:29px}
 .home-page .journey-cards{gap:0;margin-top:21px}
 .home-page .journey-cards li{padding:18px 0 18px 48px;min-height:0}
 .home-page .journey-card-top{top:21px;left:0;margin:0}
 .home-page .journey-number{font-size:22px}
 .home-page .journey-cards h3{font-size:19px}
 .home-page .journey-cards p{font-size:13px}
 .home-page .calendar-booking{margin-top:12px;margin-bottom:47px}
 .home-page .customer-faq{width:calc(100% - 40px);padding-bottom:42px}
 .home-page .customer-faq h2{font-size:28px}
 .home-page .contact-inner{padding-top:35px;gap:28px}
 .home-page .contact h2{font-size:31px}
 .home-page .experience-contact-extras{padding-bottom:35px}
}
@media(max-width:360px){.home-page .hero-service-cta,.home-page .hero-tyre-cta{font-size:12px;gap:8px;padding-inline:11px}.home-page .home-hero-actions svg{width:15px}}
@media(prefers-reduced-motion:reduce){.home-page .home-hero-kicker,.home-page .home-hero h1,.home-page .home-hero-lead,.home-page .home-hero-actions,.home-page .home-hero-address{animation:none}.home-page .home-hero-actions svg{transition:none}}
