/* Shared, photo-led Tint Sector layout. */
:root{--bg:#080808;--ink:#fff;--muted:#b9b9b9;--line:#303030}
body{line-height:1.65}header{height:96px;padding:0 6%;background:#080808;border-bottom:1px solid #282828}.brand{font-size:23px;gap:17px}.brand small{font-size:12px;letter-spacing:.5px}.monogram{font-size:44px}nav{gap:30px}nav>a:not(.button){color:#ddd;font-weight:600}nav a.active:not(.button){padding-bottom:0;border:0;text-decoration:underline;text-underline-offset:8px}.button{min-height:52px;padding:15px 29px;justify-content:center;gap:12px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.button.small{padding:13px 22px}.button.outline{border-color:#999;background:#08080880}.eyebrow{font-size:12px;letter-spacing:2px;color:#aaa;margin-bottom:18px}h1,h2,h3{letter-spacing:-.025em}h2{font-size:clamp(32px,4vw,52px);line-height:1.12}h3{font-size:26px}
.hero{height:660px;min-height:0;max-height:none;align-items:flex-start;text-align:center;background:#030303}.hero-image{inset:0;object-fit:cover;object-position:center 62%;filter:grayscale(1) brightness(.8)}.hero-shade{background:linear-gradient(180deg,#0007,transparent 60%,#08080888)}.hero-copy{padding:55px 6% 30px}.hero h1{font-size:clamp(48px,6.3vw,86px);line-height:.98;letter-spacing:-.035em;margin-bottom:16px}.hero .intro{color:#e0e0e0;font-size:18px;margin-bottom:22px}.hero .actions{justify-content:center}.hero .eyebrow{margin-bottom:16px;color:#ddd}
.section,.about-strip{padding:85px max(6%,calc((100vw - 1240px)/2))}.section-heading{display:flex;flex-direction:column;gap:0;text-align:center;align-items:center;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p:last-child{max-width:540px}.section-heading .text-link{margin-top:20px}.about-strip{grid-template-columns:1.05fr 1fr;gap:7%;background:#111;border:0}.about-photo{height:390px;width:100%;object-fit:cover}.about-strip h2{font-size:clamp(32px,4vw,52px)}.about-strip p{max-width:540px}.about-strip .text-link{margin-top:12px}.text-link{font-size:14px;letter-spacing:1px;text-transform:uppercase;padding-bottom:5px}
.quote-strip{padding-top:0;padding-bottom:0;background:#f2f2f2;color:#101010}.quote-strip .proof-grid{border:0;gap:0}.quote-strip .proof-grid article,.quote-strip .proof-grid article+article{padding:26px 28px;border:0;text-align:center}.quote-strip .proof-grid article+article{border-left:1px solid #d2d2d2}.quote-strip .proof-grid span{display:none}.quote-strip .proof-grid h3{font-size:16px;letter-spacing:.5px;text-transform:uppercase;margin:0 0 6px}.quote-strip .proof-grid p{font-size:14px;color:#505050;line-height:1.5}
.service-grid{gap:28px}.service,.service:nth-child(2){padding:0 0 30px;border:0;background:#141414;overflow:hidden}.service:hover{background:#1b1b1b}.service-photo{width:100%;height:290px;object-fit:cover;display:block}.service h3,.service h2{font-size:28px;text-transform:uppercase;margin:25px 28px 12px}.service p{max-width:none;margin:0 28px 22px}.service .text-link{margin-left:28px}.home-gallery{padding-top:70px;background:#111}.vehicle-row{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-row img{height:320px}.home-gallery .vehicle-row figure:first-child img{object-position:center 45%}.faq{max-width:1050px;margin:auto}.faq summary{font-size:18px}.faq .section-heading{margin-bottom:30px}.closing{padding:65px 6%;background:#eeeeee;color:#090909}.closing h2{font-size:clamp(36px,5vw,64px);margin-bottom:25px}.closing .button{background:#101010;border-color:#101010;color:#fff}.closing .button:hover{background:#333}
.page-top{padding:65px 6% 50px;background:#111;text-align:center}.page-top h1,.service-page-top h1{font-size:clamp(40px,6vw,74px);line-height:1.05;margin-bottom:20px}.page-top h1 br{display:none}.page-top p:last-child{margin:0 auto;max-width:640px;font-size:18px}.service-page-top .button{margin-top:22px}.gallery-section{padding:50px 6% 75px}.gallery-section .vehicle-row img{height:420px}.contact-layout{padding:65px max(6%,calc((100vw - 1240px)/2));gap:8%;grid-template-columns:.85fr 1.3fr}.contact-copy h2{font-size:36px}.contact-layout form{padding:30px;background:#111;border:1px solid #303030}.form-foot{font-size:14px}.details{gap:8%}.details h2{font-size:36px}.process-block{padding-top:65px}.process-block h2{font-size:40px}footer{padding:50px 6% 24px;gap:35px;background:#080808}.footer-bottom{font-size:12px}.mobile-cta{justify-content:center;font-size:14px;text-transform:uppercase;letter-spacing:1px}
@media(max-width:1000px){header{padding:0 4%;height:88px}nav{gap:18px}.brand{font-size:20px}.brand small{font-size:10px}.hero{height:620px}.service-photo{height:250px}.vehicle-row img{height:270px}}
@media(max-width:800px){header{height:82px;padding:0 5%}.brand{font-size:19px}.monogram{font-size:37px}.brand small{font-size:10px}.menu{display:block;background:transparent;border:1px solid #555;color:#fff;padding:9px 13px;font-size:14px}nav{display:none;position:absolute;top:81px;left:0;right:0;padding:25px 6%;background:#101010;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid #444}nav.open{display:flex}.hero{height:570px}.hero-copy{padding:42px 5% 25px}.hero h1{font-size:clamp(44px,9vw,66px)}.hero-image{object-fit:contain;object-position:center bottom}.hero-shade{background:linear-gradient(180deg,#0005,transparent 65%,#08080844)}.hero .intro{font-size:16px}.hero .actions{gap:12px}.hero .actions .button{padding:14px 19px}.section,.about-strip{padding:55px 6%}.quote-strip{padding:0 6%}.quote-strip .proof-grid{grid-template-columns:1fr}.quote-strip .proof-grid article,.quote-strip .proof-grid article+article{padding:18px 0;border:0}.quote-strip .proof-grid article+article{border-top:1px solid #d2d2d2}.quote-strip .proof-grid p{max-width:440px;margin:auto}.about-strip{grid-template-columns:1fr;gap:30px}.about-strip>.about-photo{width:80%;height:240px;justify-self:center}.about-strip h2{font-size:34px}.service-grid{grid-template-columns:1fr;gap:24px}.service,.service:nth-child(2){padding:0 0 26px;border:0}.service-photo{height:270px}.service h3,.service h2{font-size:25px;margin:24px 24px 12px}.service p{margin:0 24px 22px}.service .text-link{margin-left:24px}.vehicle-row{grid-template-columns:1fr;gap:18px}.vehicle-row img,.gallery-section .vehicle-row img{height:auto;max-height:480px;object-fit:cover}.home-gallery .vehicle-row img{height:290px}.page-top{padding:45px 6% 35px}.page-top h1,.service-page-top h1{font-size:clamp(36px,8vw,58px);overflow-wrap:normal}.page-top p:last-child{font-size:16px}.gallery-section{padding:30px 6% 45px}.contact-layout{grid-template-columns:1fr;padding:45px 6%;gap:30px}.contact-layout form{padding:22px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.details{grid-template-columns:1fr;gap:10px;padding-top:45px}.details h2{font-size:30px}.section-heading{margin-bottom:28px}.section-heading>.eyebrow{margin:0 0 14px}.faq summary{font-size:17px}.closing{padding:48px 6%}footer{grid-template-columns:1fr;padding:40px 6% 100px}.footer-bottom{gap:15px}.mobile-cta{display:flex;position:fixed;z-index:20;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:52px;align-items:center;background:#fff;color:#111;padding:14px 20px;box-shadow:0 8px 35px #000b;font-weight:800}.proof-grid article+article{border-left:0}}
@media(max-width:380px){.brand small{display:none}.brand{font-size:17px}.hero{height:535px}.hero h1{font-size:42px}.hero .actions .button{padding:13px 15px;font-size:12px}.contact-layout form{padding:16px}}

/* Crawlable navigation and stable responsive image sizing. */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;margin:0;padding:18px 6%;font-size:14px;color:#b9b9b9;background:#111}.breadcrumbs li+li:before{content:"/";padding-right:14px;color:#777}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.footer-services{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px 30px;font-size:14px}.footer-services a:hover,.about-strip p a:hover{text-decoration:underline}.about-strip p a{text-decoration:underline;text-underline-offset:3px}.footer-bottom{margin-top:0}

.about-strip.about-text-only{grid-template-columns:minmax(0,760px);justify-content:center;gap:0}.about-text-only>div{width:100%}.about-text-only p{max-width:none}

/* A small promotion panel keeps the page readable and usable. */
.booking-promo[hidden]{display:none!important}
.booking-promo{position:fixed;z-index:40;right:24px;bottom:24px;width:min(360px,calc(100vw - 32px));padding:28px;background:#f7f7f7;color:#111;border:1px solid #d3d3d3;box-shadow:0 12px 48px #0006}
.promo-close{position:absolute;right:6px;top:6px;width:44px;height:44px;background:none;border:0;color:#111;font-size:28px;line-height:1;cursor:pointer}
.booking-promo .promo-kicker{font-size:12px;font-weight:700;letter-spacing:1.2px;margin:0 25px 14px 0;color:#444}
.booking-promo h2{font-size:54px;line-height:1;letter-spacing:-2px;margin:0 0 12px;color:#111}
.booking-promo p{color:#333;font-size:16px;line-height:1.5;margin:0 0 8px}
.booking-promo .promo-expiry{font-size:14px;margin-bottom:18px;color:#555}
.booking-promo .button{width:100%;background:#111;border-color:#111;color:#fff}
.booking-promo .button:hover{background:#333}
.booking-promo :focus-visible{outline:2px solid #111;outline-offset:3px}
@media(max-width:800px){.booking-promo{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));width:min(340px,calc(100vw - 24px));padding:20px}.booking-promo h2{font-size:42px}.booking-promo .promo-kicker{font-size:12px;margin-bottom:10px}.booking-promo .promo-expiry{margin-bottom:12px}.booking-promo .button{min-height:46px;padding:10px 20px}}
@media(max-height:540px){.booking-promo{top:12px;bottom:auto;max-height:calc(100svh - 24px);overflow:auto}}