/* Layout measured from the supplied 941 × 1672 homepage reference.
   The identity, brush wordmark and photographs remain separate visual regions;
   navigation, text, links and responsive structure are real HTML. */
html{background:#fff0ce url(paper.svg)}
body{width:100%;max-width:1200px;margin-inline:auto;background:#fff0ce url(paper.svg);container-type:inline-size;--u:.10626993cqw}
.home-page .wrap{width:100%;max-width:none;padding-inline:calc(37 * var(--u))}
.header{max-width:none;padding:0 calc(33 * var(--u));height:calc(80 * var(--u));gap:calc(40 * var(--u))}
.identity{width:calc(310 * var(--u));height:calc(65 * var(--u));background-size:calc(941 * var(--u)) calc(1672 * var(--u));background-position:calc(-33 * var(--u)) calc(-10 * var(--u));mix-blend-mode:multiply}
.nav{gap:calc(33 * var(--u));font-family:Arial,sans-serif;font-size:max(14px,calc(12 * var(--u)))}
.nav .button{width:calc(131 * var(--u));min-height:calc(42 * var(--u));padding:10px;white-space:nowrap;font-size:max(14px,calc(13 * var(--u)))}
.button{font-family:'Arial Narrow','Bahnschrift SemiCondensed',Arial,sans-serif;border-radius:calc(5 * var(--u));font-size:max(14px,calc(14 * var(--u)))}
.nav a.active{padding-bottom:calc(10 * var(--u))}
.home-page .hero{max-width:none;min-height:calc(474 * var(--u));display:block;position:relative}
.home-page .hero-copy{position:relative;width:calc(405 * var(--u));padding:calc(41 * var(--u)) 0 0 calc(38 * var(--u));z-index:2}
.home-page .hero .eyebrow{font-size:max(12px,calc(12 * var(--u)));line-height:calc(14 * var(--u));letter-spacing:calc(3 * var(--u));margin:0 0 calc(12 * var(--u))}
.home-page .hero h1{width:calc(365 * var(--u));max-width:none;height:calc(155 * var(--u));background-size:calc(941 * var(--u)) calc(1672 * var(--u));background-position:calc(-27 * var(--u)) calc(-144 * var(--u));margin:0 0 calc(12 * var(--u));mix-blend-mode:multiply}
.home-page .hero h2{font-family:'Bahnschrift SemiCondensed','Arial Narrow',Arial,sans-serif;font-size:calc(23 * var(--u));line-height:calc(26 * var(--u));font-weight:500;letter-spacing:calc(2 * var(--u));margin:0 0 calc(12 * var(--u));width:calc(363 * var(--u))}
.home-page .hero .description{width:calc(334 * var(--u));max-width:none;font-size:max(16px,calc(14 * var(--u)));line-height:calc(18 * var(--u));margin:0}
.home-page .hero .actions{margin-top:calc(22 * var(--u));gap:calc(12 * var(--u));flex-wrap:nowrap}
.home-page .hero .button{padding:calc(10 * var(--u)) calc(16 * var(--u));height:calc(46 * var(--u));min-height:44px;font-size:max(14px,calc(14 * var(--u)));white-space:nowrap}
.home-page .hero .button:first-child{width:calc(179 * var(--u))}
.home-page .hero .button:last-child{width:calc(148 * var(--u))}
.home-page .hero-photo{position:absolute;z-index:1;right:0;top:calc(-15 * var(--u));width:calc(566 * var(--u));height:calc(489 * var(--u));min-height:0;background-size:calc(941 * var(--u)) calc(1672 * var(--u));background-position:calc(-375 * var(--u)) calc(-65 * var(--u));mask-image:none;clip-path:none}
.home-page .brands-strip{height:calc(118 * var(--u));padding:calc(12 * var(--u)) 0 0;border:0;background:#080b09 url(dark-paper.svg);z-index:3}
.home-page .brands-strip:before,.home-page .brands-strip:after{display:none}
.home-page .brands-strip .eyebrow{font-size:max(12px,calc(10 * var(--u)));line-height:calc(12 * var(--u));letter-spacing:calc(3 * var(--u));margin:0 0 calc(8 * var(--u))}
.home-page .brand-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:calc(12 * var(--u))}
.brand-emblem{width:88px;height:49px;background-size:941px 1672px;background-position:var(--pos);transform:none}
.home-page .brand-emblem{width:calc(88 * var(--u));height:calc(49 * var(--u));background-size:calc(941 * var(--u)) calc(1672 * var(--u));background-position:calc(var(--bx) * var(--u)) calc(-584 * var(--u))}
.home-page .brand-name{font-size:max(13px,calc(13 * var(--u)));line-height:1.2;margin-top:calc(4 * var(--u))}
.home-page .section{padding:calc(25 * var(--u)) calc(37 * var(--u)) calc(22 * var(--u))}
.home-page .section-heading{margin:0 auto calc(16 * var(--u));max-width:none}
.home-page .section-heading .eyebrow{font-size:max(12px,calc(12 * var(--u)));letter-spacing:calc(3 * var(--u));line-height:calc(15 * var(--u));margin:0 0 calc(10 * var(--u))}
.home-page h2.display{font-family:'Bahnschrift Condensed','Arial Narrow',Impact,sans-serif;font-stretch:condensed;font-weight:700;font-size:calc(34 * var(--u));line-height:1.1;margin:0 0 calc(8 * var(--u))}
.home-page .section-heading p{font-size:max(16px,calc(17 * var(--u)));line-height:calc(21 * var(--u));max-width:calc(760 * var(--u));margin:0 auto}
.home-page .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--u)) calc(16 * var(--u))}
.home-page .service-card{position:relative;height:calc(186 * var(--u));border-radius:calc(5 * var(--u));background:#080c09;box-shadow:none}
.home-page .card-photo{height:calc(104 * var(--u));background-size:calc(941 * var(--u)) calc(1672 * var(--u));background-position:calc(-1 * var(--sprite-x) * var(--u)) calc(-1 * var(--sprite-y) * var(--u));position:relative}
.home-page .card-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#080c09)}
.home-page .card-body{height:calc(82 * var(--u));padding:calc(7 * var(--u)) calc(16 * var(--u)) calc(10 * var(--u));display:grid;grid-template-columns:calc(44 * var(--u)) 1fr;gap:calc(16 * var(--u));background:#080c09}
.home-page .card-body .icon{width:calc(38 * var(--u));height:calc(38 * var(--u));margin-top:calc(3 * var(--u));stroke-width:1.8}
.home-page .card-body h3{font-family:'Bahnschrift SemiCondensed','Arial Narrow',Arial,sans-serif;font-size:calc(19 * var(--u));font-weight:600;line-height:1.2;margin:0 0 calc(5 * var(--u));white-space:nowrap}
.home-page .card-body p{font-size:max(14px,calc(13 * var(--u)));line-height:calc(17 * var(--u));margin:0;color:#f2f2ee}
.home-page .independent{padding:0;display:grid;grid-template-columns:calc(550 * var(--u)) 1fr;gap:calc(31 * var(--u));min-height:calc(234 * var(--u));align-items:center}
.home-page .workshop-photo{height:calc(234 * var(--u));background-size:calc(941 * var(--u)) calc(1672 * var(--u));background-position:0 calc(-1229 * var(--u));clip-path:none;mask-image:none}
.home-page .independent-copy{padding:0 calc(36 * var(--u)) 0 0}
.home-page .independent .eyebrow{font-family:'Bahnschrift SemiCondensed',Arial,sans-serif;font-size:calc(17 * var(--u));font-weight:500;letter-spacing:calc(3 * var(--u));line-height:1.2;margin:0 0 calc(6 * var(--u))}
.home-page .independent h2{font-size:calc(30 * var(--u));white-space:nowrap;margin-bottom:calc(10 * var(--u))}
.home-page .independent p:not(.eyebrow){font-size:max(16px,calc(14 * var(--u)));line-height:calc(18 * var(--u));margin:0 0 calc(18 * var(--u))}
.home-page .independent .button{height:calc(41 * var(--u));min-height:44px;padding:10px 25px}
.home-page .benefits{height:calc(102 * var(--u));grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:center;padding:calc(12 * var(--u)) 0}
.home-page .benefit{padding:0 calc(12 * var(--u));border-right:1px solid #a49d8a}
.home-page .benefit:last-child{border:0;grid-column:auto}
.home-page .benefit .icon{width:calc(30 * var(--u));height:calc(30 * var(--u));margin:0 auto calc(5 * var(--u))}
.home-page .benefit p{font-size:max(14px,calc(13 * var(--u)));line-height:calc(17 * var(--u))}
.footer{background:#080b09 url(dark-paper.svg);padding:calc(20 * var(--u)) 0 calc(18 * var(--u));color:#eee}
.footer-top{gap:20px}
.footer-brand{display:block;width:calc(230 * var(--u));height:calc(39 * var(--u));background:url(approved-design.png) calc(-33 * var(--u)) calc(-1580 * var(--u))/calc(941 * var(--u)) calc(1672 * var(--u));font-size:0;color:transparent}
.footer-links{font-size:14px;gap:25px}
.footer-social{display:flex;align-items:center;gap:18px}.footer-shop{font-size:14px}
.footer-bottom{border:0;margin-top:calc(15 * var(--u));padding:0;font-size:12px}
@media(max-width:850px) and (min-width:761px){.nav{gap:18px;font-size:13px}.hero .description{font-size:14px!important}.home-page .card-body p{font-size:13px}.home-page .hero .button{font-size:13px}}
@media(max-width:760px){
 body{--u:1px}
 .header{height:82px;padding-inline:22px;gap:12px}.identity{width:250px;height:54px;background-size:753px 1338px;background-position:-26px -8px}
 .nav{top:82px;gap:20px;background:#fff0ce url(paper.svg)}.nav .button{width:auto;min-height:46px}
 .home-page .wrap{padding-inline:22px}.home-page .hero{min-height:0;display:flex;flex-direction:column}
 .home-page .hero-copy{width:100%;padding:25px 22px 30px}.home-page .hero .eyebrow{line-height:1.4;font-size:12px;margin-bottom:12px}
 .home-page .hero h1{width:365px;max-width:100%;height:155px;background-size:941px 1672px;background-position:-27px -144px;margin-bottom:12px}
 .home-page .hero h2{width:auto;max-width:420px;font-size:23px;line-height:1.2}
 .home-page .hero .description{width:auto;max-width:440px;font-size:16px;line-height:1.4}
 .home-page .hero .actions{margin-top:21px;gap:12px;flex-wrap:wrap}.home-page .hero .button{height:46px;padding:10px 16px;font-size:14px}
 .home-page .hero-photo{position:relative;top:auto;width:100%;height:auto;aspect-ratio:566/489;background-size:166.254% 341.922%;background-position:right 5.49%;clip-path:none;mask-image:none}
 .home-page .brands-strip{height:auto;padding:20px 0 25px}.home-page .brands-strip .eyebrow{font-size:12px;line-height:1.4;margin-bottom:14px}.home-page .brand-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 8px}.home-page .brand-emblem{width:88px;height:49px;max-width:100%;background-size:941px 1672px;background-position:var(--pos)}.home-page .brand-name{font-size:12px;line-height:1.3}
 .home-page .section{padding:30px 22px}.home-page .section-heading{margin-bottom:20px}.home-page .section-heading .eyebrow{font-size:12px;line-height:1.4;margin-bottom:10px}.home-page h2.display{font-size:31px;line-height:1.1}.home-page .section-heading p{font-size:16px;line-height:1.4;max-width:600px}
 .home-page .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-page .service-card{height:auto;min-height:235px;container-type:inline-size}
 .home-page .card-photo{height:37.142857cqw;background-size:336.07143cqw 597.14286cqw;background-position:calc(-1 * var(--sprite-x) * .35714286cqw) calc(-1 * var(--sprite-y) * .35714286cqw)}
 .home-page .card-body{height:auto;padding:15px;grid-template-columns:1fr;gap:8px}.home-page .card-body h3{font-size:19px;white-space:normal}.home-page .card-body p{font-size:14px;line-height:1.4}.home-page .card-body .icon{width:30px;height:30px;margin:0}
 .home-page .independent{padding:0;grid-template-columns:1fr;gap:20px;min-height:0}.home-page .workshop-photo{height:auto;aspect-ratio:550/234;background-size:171.09% 714.5299%;background-position:0 85.4659%}.home-page .independent-copy{padding:0 22px 18px}.home-page .independent .eyebrow{font-size:16px;line-height:1.3}.home-page .independent h2{font-size:30px;white-space:normal}.home-page .independent p:not(.eyebrow){font-size:16px;line-height:1.4}
 .home-page .benefits{height:auto;padding:20px 0 30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.home-page .benefit{border:0;padding:0 8px}.home-page .benefit:last-child{grid-column:1/-1}.home-page .benefit p{font-size:14px;line-height:1.3}
 .footer{padding:24px 0}.footer-brand{width:230px;height:39px;background-size:941px 1672px;background-position:-33px -1580px}.footer-links{gap:18px}.footer-bottom{margin-top:22px;line-height:1.5}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:420px){
 .identity{width:225px;height:49px;background-size:677px 1204px;background-position:-24px -7px}.menu{font-size:14px}
 .home-page .hero h1{height:140px;background-size:847px 1505px;background-position:-24px -130px;width:329px}.home-page .hero h2{font-size:21px}.home-page .hero .actions{gap:10px;flex-wrap:nowrap}.home-page .hero .button{font-size:13px;padding-inline:10px}.home-page .hero .button:first-child{width:175px}.home-page .hero .button:last-child{width:145px}
 .home-page .services-grid{grid-template-columns:1fr}.home-page .service-card{min-height:0}.home-page .card-body{grid-template-columns:40px 1fr;gap:14px;padding:15px 20px}.home-page .card-body h3{font-size:22px}.home-page .card-body p{font-size:15px}.home-page .card-body .icon{width:35px;height:35px}
}
html,body{background-color:#fff2d5}.identity,.home-page .hero h1{mix-blend-mode:darken}.home-page h2.display{font-family:'Bahnschrift SemiCondensed','Arial Narrow',Impact,sans-serif}.home-page .hero h2{font-family:'Bahnschrift',Arial,sans-serif;font-size:calc(22 * var(--u));letter-spacing:calc(2.3 * var(--u))}.home-page .hero .button:first-child:after,.nav .button:after,.home-page .independent .button:after{content:'→';display:inline-block;margin-left:12px;font-family:Arial,sans-serif;font-weight:400}.home-page .card-body h3:after{content:'→';font-family:Arial,sans-serif;font-weight:400;font-size:.8em;margin-left:14px;color:#bfc1ba}.home-page .section-heading h2{font-size:calc(34 * var(--u))}.home-page .section-heading p{max-width:calc(740 * var(--u))}.footer-brand{mix-blend-mode:lighten}
@media(max-width:760px){.home-page .hero h2{font-size:22px;letter-spacing:2px}.home-page .section-heading h2{font-size:30px}}
@media(max-width:420px){.home-page .hero h2{font-size:20px;letter-spacing:1.6px}.home-page .hero .button:first-child:after{margin-left:6px}.home-page .hero .button{font-size:12px}.home-page .brand-emblem{transform:scale(.85);transform-origin:50% 50%}}
@media(min-width:761px){.home-page .section-heading h2{font-size:calc(39 * var(--u));line-height:1.05}.home-page .section-heading p{max-width:calc(710 * var(--u));margin-top:calc(5 * var(--u))}}
.brand-emblem.colour-logo{display:block;object-fit:contain;width:110px;height:65px;max-width:110px;margin:0 auto;background:none!important;filter:none!important;mix-blend-mode:normal;transform:none}.brand-detail .brand-emblem.colour-logo{margin-bottom:16px}.brand-detail{background:transparent;color:#111;border:1px solid #15171022}.brand-detail p{color:#45453b}
/* Optical sizing: Toyota's wide, tightly cropped emblem needs more breathing room. */
.brand-emblem.colour-logo[src$="/toyota.png"]{padding:10px 15px}

.brand-detail .brand-services-label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin:12px 0 8px}.brand-services{padding-left:17px;margin:0;text-align:left;font-size:14px;line-height:1.55}.brand-services li{padding:3px 0}.brand-services li::marker{color:#69614b}.brand-detail{min-width:0}.brand-services li{overflow-wrap:anywhere}

.home-page .service-card[href$="#keys-immobilisers"] .card-photo{background-image:url(keys-workshop-v2.webp);background-size:cover;background-position:center 45%}.home-page .service-card[href$="#lithium-battery-reset"] .card-photo{background-image:url(battery-12v-v2.webp);background-size:cover;background-position:center 45%}
.home-page .service-card[href$="#keys-immobilisers"] .card-photo,.home-page .service-card[href$="#lithium-battery-reset"] .card-photo{background-size:cover!important;background-position:center 35%!important}