@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');:root{--navy:#0a1a2e;--deep:#071321;--orange:#ff842b;--cream:#f4f6f7;--muted:#607082}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 24px}.site-header{background:var(--deep);position:sticky;top:0;z-index:20;box-shadow:0 2px 20px #0002}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:242px;max-width:100%;display:block}.nav nav{display:flex;align-items:center;gap:24px;color:#e5e9f1;font-size:13px;font-weight:700}.nav nav a:hover{color:var(--orange)}.nav-cta{background:var(--orange);color:var(--deep)!important;padding:13px 17px;border-radius:4px}.menu-toggle{display:none}.hero{background:var(--navy);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:52% 48%;min-height:590px;align-items:center}.hero-copy{padding:60px 25px 65px 0;z-index:1}.eyebrow,.kicker{color:var(--orange);font-size:12px;letter-spacing:2.4px;font-weight:800}.eyebrow i{display:inline-block;background:var(--orange);width:8px;height:8px;border-radius:50%;margin-right:8px}.hero h1,h2,.thanks h1{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.96;letter-spacing:-.7px;font-size:clamp(54px,7vw,100px);margin:22px 0 24px;font-weight:900}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{color:#c6d0dc;max-width:530px;font-size:17px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:17px 22px;font-size:13px;font-weight:800;border-radius:4px;border:1px solid transparent;cursor:pointer}.primary{background:var(--orange);color:var(--deep)}.primary:hover{background:#ff9b53}.secondary{border-color:#8795a7;color:#fff}.hero-meta{display:flex;gap:25px;margin-top:50px;color:#95a5b7;font-size:11px;letter-spacing:2px;font-weight:800}.hero-art{height:100%;min-height:510px;position:relative;background:linear-gradient(130deg,#112f50,#061321);border-left:6px solid var(--orange)}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#0a1a2e66,#06132122),url('auto-service-bay.webp') center/cover}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071321bb,transparent 55%)}.art-label{position:absolute;z-index:2;bottom:40px;left:25px;font-size:12px;font-weight:800;letter-spacing:2px}.orange-dot{display:inline-block;width:10px;height:10px;background:var(--orange);margin-right:9px}.floating-tag{position:absolute;z-index:2;right:20px;top:30px;background:var(--orange);padding:17px 21px;color:var(--deep);display:grid;gap:3px}.floating-tag strong{font:900 34px 'Barlow Condensed'}.floating-tag small{font-size:10px;font-weight:800;letter-spacing:1px}.strip{background:var(--orange);overflow:hidden}.strip-inner{display:flex;justify-content:space-between;gap:18px;white-space:nowrap;align-items:center;padding-top:17px;padding-bottom:17px;font-size:12px;font-weight:900;letter-spacing:1px}.section{padding:95px 0}.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section h2{font-size:clamp(42px,5vw,68px);margin:14px 0 25px}.section h2 span{color:var(--orange)}.about{background:#fff}.about p{color:#617084;line-height:1.85}.about .lead{font-size:21px;color:var(--navy);font-weight:700;line-height:1.5}.reg{margin-top:24px;border-top:1px solid #dfe4ea;padding-top:22px;font-size:11px;letter-spacing:1px;color:#758395}.reg strong{display:block;color:var(--navy);font-size:17px;letter-spacing:0;margin-top:7px}.services{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-head p{max-width:310px;line-height:1.7;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service{background:#fff;border:1px solid #e0e6ea;padding:26px 22px;min-height:310px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-5px);border-color:var(--orange)}.service-num{color:#8997a5;font-size:10px;font-weight:800;letter-spacing:1.5px}.service-icon{color:var(--orange);font-size:46px;font-weight:900;margin:15px 0}.service h3{font:800 26px 'Barlow Condensed';margin:0 0 9px}.service p{font-size:13px;line-height:1.7;color:#637286;flex:1}.service a{font-size:12px;font-weight:800;color:#e66a0e}.banner{background:linear-gradient(90deg,#071321ed,#071321cf),url('auto-service-bay.webp') center/cover;color:#fff;padding:70px 0}.banner-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.banner h2{font:900 clamp(40px,5vw,65px)/1 'Barlow Condensed';margin:12px 0}.banner p{color:#d5dde5}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.steps>div{border-top:3px solid var(--navy);padding-top:20px}.steps strong{font:900 50px 'Barlow Condensed';color:var(--orange)}.steps h3{font-size:17px}.steps p{color:var(--muted);line-height:1.7;font-size:14px}.booking{background:#0b1c31;color:#fff}.booking-grid{display:grid;grid-template-columns:42% 58%;gap:30px;align-items:start}.booking p{color:#c0ccda;line-height:1.8}.booking-points{display:grid;gap:16px;margin-top:30px;font-size:14px;font-weight:700;color:#e8eef5}.form-card{background:#fff;color:var(--navy);padding:30px;border-radius:6px;box-shadow:0 15px 50px #0002}.form-card h3{font:900 32px 'Barlow Condensed';margin:0 0 20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-card label{display:block;font-size:12px;font-weight:800;margin-bottom:15px}.form-card input,.form-card select,.form-card textarea{display:block;width:100%;padding:13px 12px;margin-top:7px;border:1px solid #cbd4df;background:#fafbfc;color:#12243a;font:inherit;font-size:13px;border-radius:3px}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:2px solid #ff842b}.submit{width:100%;font-family:inherit}.form-card .form-note{font-size:11px;color:#748195;margin:10px 0 0}.hidden{position:absolute;left:-9999px}.contact{background:#f5f7f9}.contact p{line-height:1.8;color:var(--muted)}.contact-panel{background:#fff;border-left:5px solid var(--orange);padding:35px;display:grid;gap:10px;overflow-wrap:anywhere}.contact-panel small{color:#8290a1;letter-spacing:1.5px;font-weight:800}.contact-panel a,.contact-panel strong{font-size:17px;font-weight:800}.contact-panel hr{width:100%;border:0;border-top:1px solid #e5e9ed;margin:10px 0}footer{background:var(--deep);color:#b4c1d0}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:35px;padding-bottom:30px}.footer-top img{width:220px}.footer-top p{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #253a52;padding-top:20px;padding-bottom:25px;font-size:11px}.thanks-page{min-height:100vh;background:var(--navy);display:grid;place-items:center}.thanks{background:#fff;padding:50px 35px;max-width:550px;margin:20px;text-align:center;border-radius:7px}.thanks img{max-width:260px}.thanks .check{width:64px;height:64px;display:grid;place-items:center;background:#e8f7ed;color:#15964a;font-size:34px;border-radius:50%;margin:30px auto}.thanks h1{font-size:65px;margin:15px}.thanks p{line-height:1.7;color:#647286}.thanks .btn{margin-top:20px}@media(max-width:950px){.menu-toggle{display:block;background:transparent;color:#fff;border:0;font-size:28px;cursor:pointer}.nav nav{display:none;position:absolute;top:84px;left:0;right:0;background:#0a1a2e;padding:20px 24px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:65px 0}.hero-art{min-height:340px;border-left:0;border-top:5px solid var(--orange)}.service-grid{grid-template-columns:repeat(2,1fr)}.booking-grid{grid-template-columns:1fr}.strip-inner{justify-content:flex-start;overflow:auto}.about-grid,.contact-grid{gap:30px}}@media(max-width:600px){.logo{width:205px}.nav{min-height:75px}.nav nav{top:75px}.section{padding:65px 0}.about-grid,.contact-grid{grid-template-columns:1fr}.service-grid,.steps,.form-row{grid-template-columns:1fr}.section-head,.banner-inner,.footer-top,.footer-bottom{display:block}.banner .btn{margin-top:15px}.hero-meta{gap:13px;font-size:9px}.form-card{padding:22px}.footer-top p{margin-top:18px}.footer-bottom span{display:block;margin:10px 0}}
/* Service-centre photography and gallery */
.bay-section{background:#edf2f7}.bay-grid{display:grid;grid-template-columns:1.55fr 1fr;background:#0a1a2e;color:#fff;overflow:hidden;border-radius:8px}.bay-grid>img{width:100%;height:390px;object-fit:cover}.bay-content{padding:42px 32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.bay-content h3{font:900 39px/1.1 'Barlow Condensed',Arial,sans-serif;margin:12px 0}.bay-content p{color:#d2dbe5;line-height:1.7}.bay-content .btn{margin-top:16px}.photo-services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.photo-service{position:relative;min-height:180px;overflow:hidden;border-radius:7px;background:#0a1a2e}.photo-service img{display:block;width:100%;height:190px;object-fit:cover;transition:transform .3s}.photo-service:hover img{transform:scale(1.05)}.photo-service:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071321e8)}.photo-service strong{position:absolute;bottom:15px;left:17px;z-index:1;color:white;font:800 21px 'Barlow Condensed',Arial,sans-serif}@media(max-width:850px){.bay-grid{grid-template-columns:1fr}.bay-grid>img{height:310px}.photo-services{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.photo-services{grid-template-columns:1fr 1fr;gap:9px}.photo-service img{height:130px}.photo-service{min-height:130px}.photo-service strong{font-size:16px;left:9px;bottom:9px}.bay-content{padding:28px 22px}}

/* Premium branded identity */
.nav{min-height:110px}.logo{width:205px;height:98px;object-fit:contain;object-position:left center}.footer-top img{width:245px;max-height:160px;object-fit:contain;object-position:left center}.thanks img{max-width:320px;max-height:230px;object-fit:contain}
@media(max-width:950px){.nav nav{top:110px}}
@media(max-width:600px){.nav{min-height:86px}.logo{width:155px;height:78px}.nav nav{top:86px}}
