/* Golden Divide: fixed frame with the scroll story beneath. */
:root{--frame-height:44px}
.site-frame{position:fixed;inset:0 0 auto;height:var(--frame-height);z-index:20;background:#071b28;color:#e8c794;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #bb96504d;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.site-frame span:last-child{font-family:Georgia,serif;font-style:italic;text-transform:none;letter-spacing:.04em;font-size:14px;color:#f4e5cf}
main{padding-top:var(--frame-height)}
.stage{top:var(--frame-height);height:calc(100svh - var(--frame-height))}
.enquiry{padding:32px 5% 55px;background:#182329;align-items:center}
.enquiry-road{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 50%;z-index:-4;filter:brightness(var(--enquiry-exposure,1));pointer-events:none}
.enquiry-photo{width:60%;inset:0 auto 0 0;object-position:50% 52%;clip-path:polygon(0 0,92% 0,68% 100%,0 100%);opacity:1;z-index:-3}
.enquiry::before{clip-path:none;background:linear-gradient(90deg,transparent 38%,rgba(5,18,25,.08) 60%,rgba(5,18,25,.24));z-index:-2}
.enquiry::after{display:none}
.enquiry-divider{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;filter:drop-shadow(0 0 5px #eac17c66)}
.enquiry-divider path{fill:none;stroke:#ecc78e;vector-effect:non-scaling-stroke}
.enquiry-content{width:42%;max-width:660px;margin-left:auto;padding:clamp(24px,2.6vw,48px);background:linear-gradient(135deg,rgba(25,29,31,.66),rgba(8,20,29,.79));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #e8c18d99;border-radius:8px;box-shadow:0 0 20px #dfac5626,0 24px 65px #0005,inset 0 0 24px #edc88c08}
.enquiry h2{font-size:clamp(35px,3.2vw,60px);margin:16px 0 20px}
.enquiry-intro{font-size:14px;color:#f1e6d6;line-height:1.65;margin-bottom:24px}
.field label{color:#f3e2c7;font-size:11px}
.field input,.field textarea{background:rgba(6,17,24,.22);color:#fff4e4;border:0;border-bottom:1px solid #d6c1a380;border-radius:0;padding:10px 2px;font-size:14px}
.field textarea{border:1px solid #d6c1a366;border-radius:3px;padding:12px;min-height:85px}
.field input::placeholder,.field textarea::placeholder{color:#e2d5c2b3}
.field input:focus,.field textarea:focus{background:#10253077;border-color:#f4d09a;box-shadow:0 2px 0 #e9bd7a66}
.enquiry-form button{background:linear-gradient(110deg,#f4d89e,#dba85c);border-color:#e6c28a;box-shadow:0 3px 15px #0003;padding:13px 23px}
.form-note{color:#dfd8cc;font-size:10px}
.enquiry-signature{bottom:26px}
@media(min-width:901px) and (max-height:850px){.enquiry{align-items:flex-start;padding-top:20px}.enquiry-content{padding:22px 28px}.enquiry h2{font-size:36px;margin:10px 0}.enquiry-intro{font-size:12px;margin-bottom:14px}.enquiry-form{gap:10px 16px}.field textarea{min-height:66px}.field input{padding:8px 2px}.enquiry-form button{padding:10px 20px}}
@media(max-width:900px){:root{--frame-height:38px}.site-frame{font-size:8px;letter-spacing:.13em}.site-frame span:last-child{font-size:12px}.enquiry{padding:170px 6% 60px;align-items:flex-start}.enquiry-photo{width:100%;height:100%;object-position:50% 20%;clip-path:polygon(0 0,100% 0,100% 34%,0 53%);opacity:1}.enquiry-road{object-position:25% 50%}.enquiry-divider{display:none}.enquiry::before{background:linear-gradient(180deg,transparent,rgba(5,18,25,.2) 40%,rgba(5,18,25,.55))}.enquiry-content{width:100%;max-width:570px;margin:auto;padding:26px;background:rgba(8,20,29,.76)}.enquiry h2{font-size:clamp(34px,6vw,48px)}.enquiry-intro{font-size:13px}.enquiry-form{gap:15px}.enquiry-signature{display:none}}
@media(prefers-reduced-transparency:reduce){.enquiry-content{background:#11232fed;backdrop-filter:none}}
/* Give each half its own photographic framing, with less magnification. */
@media(min-width:901px){.enquiry-road{left:40%;width:60%;object-position:35% 50%}.enquiry-photo{width:55.2%;object-position:50% 48%;clip-path:polygon(0 0,100% 0,73.913% 100%,0 100%)}}
.connection-photo{opacity:var(--connection-image,0);object-position:50% 52%;filter:url("#coastal-cinema") brightness(var(--connection-exposure,1));transform:scale(1.01)}
@media(max-width:700px),(max-aspect-ratio:11/10){.connection-photo{object-position:66% 50%}}
/* Edge-to-edge original, with no blurred backdrop or extra zoom. */
.landscape{object-fit:cover;object-position:center;transform:none;filter:brightness(var(--road-exposure,1))}
@media(max-width:700px),(max-aspect-ratio:11/10){.landscape{object-position:85% 50%}}/* Keep opening identity in the sky above the fleet. */
@media(min-width:701px) and (min-aspect-ratio:11/10){.intro .logo{top:2%;left:16%;width:13%}.intro .headline{top:5%;left:43%;padding:1cqw 0 1cqw 4cqw}.intro h1{font-size:4.3cqw}}
/* Shared left edge and an optically centred opening lockup. */
@media(min-width:701px) and (min-aspect-ratio:11/10){
.intro{width:100%;aspect-ratio:auto;top:clamp(20px,3vh,64px);padding:0 4%;display:flex;align-items:center;gap:clamp(36px,5vw,180px)}
.intro .logo{position:static;width:clamp(130px,11vw,320px);flex-shrink:0}
.intro .headline{position:static;width:auto;padding:12px 0 12px clamp(32px,4vw,150px)}
.intro h1{font-size:clamp(42px,4.3vw,140px)}
.intro .line{width:clamp(50px,5vw,150px);margin-top:clamp(14px,1.4vw,42px)}
}
@media(max-width:900px){.field input,.field textarea{font-size:16px;min-height:44px}.enquiry-form button{min-height:44px}}
@media(max-width:700px),(max-aspect-ratio:11/10){.intro{top:2svh;gap:12px}.intro .logo{width:clamp(120px,16svh,170px)}.intro .headline{color:#fff3de;text-shadow:0 2px 8px #071b28,0 0 18px #071b2877}.intro .line{margin-top:12px}}
/* Centre the headline between the cabs, aligned with the logo lettering. */
@media(min-width:701px) and (min-aspect-ratio:11/10){
.intro{display:block;height:clamp(130px,11vw,320px)}
.intro .logo{position:absolute;left:4%;top:0}
.intro .headline{position:absolute;left:50%;top:59%;width:max-content;padding:0 0 0 clamp(32px,4vw,150px);transform:translateX(-50%)}
.intro h1{font-size:clamp(42px,4.3vw,140px);line-height:1.05}
}
.fleet-photo{transform:scaleX(-1) scale(var(--fleet-zoom,1.01))}
@media(prefers-reduced-motion:reduce){.fleet-photo{transform:scaleX(-1)!important}}
/* Positioning from the supplied Photoshop mockup. */
@media(min-width:701px) and (min-aspect-ratio:11/10){
.intro .logo{left:10%;top:0}
.intro .headline{left:50%;top:20%;padding:0;transform:translateX(-50%);border-left:0}
.intro .headline::before{content:'';position:absolute;left:clamp(-84px,-4vw,-32px);top:0;height:100%;width:1px;background:#b67a25}
}

/* About Us: a compact editorial panel over the existing fleet photograph. */
.story.about{left:7%;top:50%;width:min(610px,46%);max-height:calc(100% - 100px);padding:28px 32px;overflow-y:auto;overscroll-behavior-y:auto;background:linear-gradient(120deg,rgba(7,27,40,.88),rgba(7,27,40,.66));border-left:2px solid #d5aa67;border-radius:2px;scrollbar-width:thin;scrollbar-color:#d5aa67 #071b28;translate:0 -50%;text-shadow:none}
.about:focus-visible{outline:2px solid #eac38d;outline-offset:5px}
.story.about h2{font-size:clamp(36px,3.4vw,60px);margin:16px 0 20px;line-height:1.07}
.story.about p{max-width:none;font-size:14px;line-height:1.65;letter-spacing:0;text-shadow:none;color:#f1e9dd}
.story.about .about-lead{font-size:16px;margin-bottom:12px;color:#fff3de}
.about-proof{display:flex;align-items:center;gap:20px;padding:17px 0;margin-top:18px;border-top:1px solid #d5aa6755;border-bottom:1px solid #d5aa6755}
.about-proof strong{font:400 38px/1 Georgia,serif;color:#eac38d;white-space:nowrap}
.story.about .about-proof p{font-size:13px;line-height:1.55;max-width:300px}
.about-proof b{font-weight:500;color:#fff3de}
.about-fleet h3{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#eac38d;margin:18px 0 9px}
.story.about .about-fleet p{font-size:13px;line-height:1.7}
.story.about .about-capability{margin-top:8px;color:#d0d8db}
@media(min-width:1600px){.story.about{width:650px;padding:34px 40px}.story.about p{font-size:16px}.story.about .about-lead{font-size:18px}.story.about .about-fleet p,.story.about .about-proof p{font-size:15px}}
@media(max-width:700px),(max-aspect-ratio:11/10){.story.about{left:5%;width:90%;top:50%;max-height:calc(100% - 82px);padding:22px 23px}.story.about h2{font-size:clamp(32px,8vw,48px);margin:12px 0 16px}.story.about p{font-size:13px;line-height:1.6}.story.about .about-lead{font-size:14px}.about-proof{gap:16px;margin-top:14px;padding:14px 0}.about-proof strong{font-size:32px}.story.about .about-proof p,.story.about .about-fleet p{font-size:12px}.about-fleet h3{margin-top:15px}}
@media(max-height:650px) and (min-aspect-ratio:11/10){.story.about{max-height:calc(100% - 60px);padding:20px 26px;width:min(740px,70%)}.story.about h2{font-size:34px;margin:10px 0 12px}}

/* Locally hosted Manrope for reading copy; display headings and labels retain their identity. */
@font-face{font-family:Manrope;src:url("fonts/manrope-variable.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
:root{--reading-font:Manrope,"Segoe UI",sans-serif}
.story p,.chapter p,.enquiry-intro,.field label,.field input,.field textarea,.enquiry-form button,.form-note,.form-status{font-family:var(--reading-font);font-weight:400;letter-spacing:.005em}
.story p,.chapter p,.enquiry-intro{line-height:1.8}
.story.about p{font-family:var(--reading-font);line-height:1.7;letter-spacing:0}
.story.about .about-lead{font-weight:500}
.field label,.enquiry-form button{font-weight:600}

/* Opening capability laurels: factual milestones in the navy-and-gold identity. */
.hero-achievements{position:absolute;left:0;right:0;bottom:0;padding:38px 7% 65px;color:#ebc98e;text-align:center;background:linear-gradient(0deg,rgba(5,20,31,.96),rgba(5,20,31,.7) 64%,transparent);opacity:var(--intro,1);visibility:var(--intro-visible,visible);transform:translateY(var(--rise,0px));pointer-events:none}
.achievement-kicker{font:400 9px/1.4 var(--reading-font);text-transform:uppercase;letter-spacing:.3em;margin:0 0 12px;color:#f1dec0}
.hero-achievements ul{list-style:none;display:flex;justify-content:center;gap:clamp(24px,5vw,110px);padding:0;margin:0}
.achievement{position:relative;width:clamp(215px,19vw,330px);aspect-ratio:280/128;display:grid;place-items:center}
.achievement-laurel{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.achievement-copy{position:relative;width:74%;display:flex;flex-direction:column;align-items:center;gap:7px}
.achievement strong{font:400 clamp(32px,3vw,52px)/1 Georgia,serif;letter-spacing:-.03em;color:#f6dab0}
.achievement-copy>span{font:500 clamp(9px,.7vw,12px)/1.35 var(--reading-font);text-transform:uppercase;letter-spacing:.1em;color:#fff0db}
.achievement-copy small{font:400 clamp(9px,.65vw,11px)/1.35 var(--reading-font);color:#d5c5ac}
.achievement-wide strong{font-size:clamp(21px,1.8vw,32px)}
@media(min-width:701px) and (min-aspect-ratio:11/10){.intro{top:clamp(18px,2.5vh,48px)}.intro .logo{left:7%;width:clamp(125px,10vw,280px)}.intro .headline{left:51%;top:18%}.intro .headline::before{display:none}.intro .line{margin-left:auto;margin-right:auto}.intro h1{font-size:clamp(42px,4.1vw,130px)}}
@media(max-width:700px),(max-aspect-ratio:11/10){.intro{top:20px;gap:14px}.intro .logo{width:clamp(110px,17svh,155px)}.intro h1{font-size:clamp(32px,8vw,48px)}.hero-achievements{padding:35px 3% 65px}.hero-achievements ul{gap:3px}.achievement{width:33.333%;aspect-ratio:auto;min-height:115px}.achievement-laurel{height:72px;top:0}.achievement-copy{width:96%;gap:7px;padding-top:15px}.achievement strong{font-size:29px}.achievement-wide strong{font-size:17px;line-height:1.1}.achievement-copy>span{font-size:8px;letter-spacing:.06em;max-width:100px}.achievement-copy small{font-size:9px;max-width:95px;min-height:25px}.achievement-kicker{font-size:8px;margin-bottom:12px;letter-spacing:.23em}}
@media(max-height:600px) and (min-aspect-ratio:11/10){.hero-achievements{padding-top:20px;padding-bottom:45px}.achievement{width:180px}.achievement strong{font-size:27px}.achievement-wide strong{font-size:19px}.achievement-kicker{display:none}.achievement-copy{gap:4px}.intro .logo{width:100px}.intro h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.hero-achievements{transform:none}}
@media(max-width:700px),(max-aspect-ratio:11/10){.achievement strong{font-size:24px}.achievement-wide strong{font-size:13px}.achievement-copy{gap:10px}.achievement-copy>span{font-size:8px}}
/* Lift only the SBG logo lockup toward the top frame. */
@media(min-width:701px) and (min-aspect-ratio:11/10){.intro .logo{top:calc(8px - clamp(18px,2.5vh,48px))}}
@media(max-width:700px),(max-aspect-ratio:11/10){.intro .logo{position:relative;top:-12px}}

/* Chapter 02: a photographic service showcase, with no sales buttons. */
.story.services{left:5%;top:50%;translate:0 -50%;width:90%;max-height:calc(100% - 110px);overflow-y:auto;display:grid;grid-template-columns:.8fr 3fr;gap:32px;align-items:center;padding:30px;background:linear-gradient(110deg,rgba(7,27,40,.94),rgba(7,27,40,.72));border-top:1px solid #e1b97777;border-bottom:1px solid #e1b97744;text-shadow:none;scrollbar-width:thin;scrollbar-color:#d5aa67 #071b28}
.services:focus-visible{outline:2px solid #eac38d;outline-offset:4px}
.story.services h2{font-size:clamp(34px,3vw,60px);line-height:1.1;margin:22px 0}
.story.services .services-heading>p{font-size:14px;line-height:1.8;text-shadow:none;color:#e0d5c4}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.service-card{min-width:0;background:rgba(7,25,37,.92);border:1px solid #d5aa673d}
.service-card picture{display:block;aspect-ratio:4/3;overflow:hidden;background:#172f3c}
.service-card img{width:100%;height:100%;display:block;object-fit:cover}
.service-copy{position:relative;padding:25px 20px 22px;border-top:2px solid #d5aa67}
.service-number{display:block;color:#d5aa67;font:400 10px/1 var(--reading-font);letter-spacing:.18em;margin-bottom:12px}
.service-card h3{font:400 clamp(22px,1.65vw,32px)/1.15 Georgia,serif;letter-spacing:-.025em;color:#fff3de;margin:0 0 14px}
.story.services .service-card p{font:400 13px/1.75 var(--reading-font);color:#d6dce0;letter-spacing:0;text-shadow:none;max-width:none}
.story.services .service-card .service-strap{color:#eac38d;margin:0 0 12px;font-size:13px;font-weight:500}
@media(min-width:1800px){.story.services{padding:45px;gap:45px}.service-copy{padding:30px}.story.services .service-card p,.story.services .services-heading>p{font-size:16px}.story.services .service-card .service-strap{font-size:16px}}
@media(max-width:1100px){.story.services{grid-template-columns:1fr;gap:24px;padding:24px}.services-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:center}.services-heading .eyebrow{grid-column:1/-1}.story.services h2{margin:12px 0 0}.services-heading .story-rule{display:none}.services-grid{gap:14px}.service-copy{padding:20px 15px}}
@media(max-width:700px),(max-aspect-ratio:11/10){.story.services{left:5%;width:90%;max-height:calc(100% - 82px);padding:22px;gap:24px;display:block}.services-heading{display:block}.story.services h2{font-size:38px;margin:15px 0}.story.services .services-heading>p{font-size:13px;margin-bottom:24px}.services-grid{grid-template-columns:1fr;gap:22px}.service-card picture{aspect-ratio:16/10}.service-copy{padding:20px}.service-card h3{font-size:27px}.story.services .service-card p{font-size:14px}.story.services .service-card .service-strap{font-size:14px}}

/* Scroll-linked focus pull on the background only; service photographs stay sharp. */
.fleet-photo{filter:blur(var(--services-blur,0px)) brightness(var(--fleet-exposure,1));transform:scaleX(-1) scale(var(--fleet-zoom,1.01)) scale(var(--services-depth-scale,1))}
@media(prefers-reduced-motion:reduce){.fleet-photo{filter:blur(5px) brightness(.65);transform:scaleX(-1) scale(1.03)!important}}

/* Chapter 03: people, process and proven capability. */
.story.why-us{left:7%;top:50%;translate:0 -50%;width:86%;max-height:calc(100% - 110px);display:grid;grid-template-columns:.9fr 1.1fr;overflow-y:auto;background:rgba(7,27,40,.94);border:1px solid #e1b97755;text-shadow:none;scrollbar-width:thin;scrollbar-color:#d5aa67 #071b28}
.why-us:focus-visible{outline:2px solid #eac38d;outline-offset:4px}
.why-photo{margin:0;position:relative;min-height:560px}
.why-photo picture{position:absolute;inset:0;display:block}
.why-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 65%;display:block}
.why-photo::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071b28e8);pointer-events:none}
.why-photo figcaption{position:absolute;z-index:1;bottom:30px;left:30px;right:25px;color:#fff0dc}
.why-photo figcaption span{display:block;font:400 9px/1.5 var(--reading-font);letter-spacing:.18em;text-transform:uppercase;color:#eac38d;margin-bottom:10px}
.why-photo figcaption strong{font:400 clamp(22px,2vw,34px)/1.2 Georgia,serif}
.why-content{padding:clamp(26px,3vw,55px)}
.story.why-us h2{font-size:clamp(36px,3.4vw,64px);line-height:1.08;margin:16px 0 20px}
.story.why-us p{font:400 13px/1.75 var(--reading-font);color:#d9dfe0;max-width:none;text-shadow:none;letter-spacing:0}
.story.why-us .why-intro{font-size:15px;color:#f0e6d6;margin-bottom:25px}
.why-reasons{list-style:none;padding:0;margin:0;display:grid;gap:19px}
.why-reasons li{display:grid;grid-template-columns:44px 1fr;gap:17px;padding-top:19px;border-top:1px solid #d5aa6738}
.reason-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d5aa6780;border-radius:50%;color:#eac38d}
.reason-icon svg{width:26px;height:26px}
.why-reasons h3{font:400 clamp(20px,1.5vw,27px)/1.2 Georgia,serif;color:#f4d6a7;margin:0 0 8px}
.detail-photo{filter:blur(var(--why-blur,0px)) brightness(var(--detail-exposure,1))}
@media(min-width:1800px){.story.why-us p{font-size:16px}.story.why-us .why-intro{font-size:18px}.why-reasons{gap:24px}.why-photo{min-height:680px}}
@media(max-width:900px){.story.why-us{left:5%;width:90%;grid-template-columns:.8fr 1.2fr}.why-content{padding:25px}.why-reasons li{grid-template-columns:34px 1fr;gap:12px}.reason-icon{width:34px;height:34px}.reason-icon svg{width:22px;height:22px}}
@media(max-width:700px),(max-aspect-ratio:11/10){.story.why-us{display:block;max-height:calc(100% - 82px)}.why-photo{min-height:260px;height:30svh}.why-photo img{object-position:50% 65%}.why-photo figcaption{left:22px;bottom:20px}.why-photo figcaption strong{font-size:24px}.why-content{padding:26px 22px}.story.why-us h2{font-size:38px}.story.why-us p{font-size:14px}.story.why-us .why-intro{font-size:14px}.why-reasons h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.detail-photo{filter:blur(5px) brightness(.65)}}

/* Purpose chapter: an opaque navy canvas replaces the coastal photograph. */
.purpose-atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:var(--connection-image,0);background:radial-gradient(ellipse at 90% 10%,#69502f66,transparent 48%),radial-gradient(ellipse at 0 90%,#23435388,transparent 60%),linear-gradient(130deg,#071b28,#102b3a 55%,#071822)}
.purpose-atmosphere svg{width:100%;height:100%;color:#dbb77b;opacity:.12;stroke-width:1;transform:translateY(calc((1 - var(--connection-image,0))*35px))}
.story.purpose{left:8%;width:84%;top:50%;translate:0 -50%;max-height:calc(100% - 110px);overflow-y:auto;display:grid;grid-template-columns:.85fr 1.5fr;gap:34px 60px;text-align:left;text-shadow:none;padding:8px 0 18px;scrollbar-width:thin;scrollbar-color:#d5aa67 #071b28}
.purpose:focus-visible{outline:2px solid #eac38d;outline-offset:5px}
.story.purpose h2{font-size:clamp(38px,3.7vw,68px);margin:18px 0 20px;line-height:1.06}
.story.purpose p{font:400 14px/1.8 var(--reading-font);text-shadow:none;color:#d8dfe1;letter-spacing:0;max-width:none;margin:0}
.story.purpose .purpose-heading>p{color:#d9c3a2;font-size:13px}
.purpose-direction{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-self:center}
.purpose-direction article{padding:26px 25px 30px;background:linear-gradient(145deg,#183444aa,#071b28bb);border-top:1px solid #d5aa67;border-bottom:1px solid #d5aa6744}
.direction-symbol{font:400 9px/1.5 var(--reading-font);letter-spacing:.15em;text-transform:uppercase;color:#c9ac7f}
.purpose-direction h3{font:400 32px/1.15 Georgia,serif;color:#f6e4c9;margin:18px 0 15px}
.purpose-values{grid-column:1/-1}
.values-heading{display:flex;align-items:center;gap:25px;margin-bottom:12px}
.values-line{height:1px;background:#d5aa6755;flex:1}
.values-signature{font:italic 16px/1.3 Georgia,serif;color:#eac38d}
.purpose-values ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;padding:0;margin:0}
.purpose-values li{display:flex;gap:17px;padding:23px 0;border-bottom:1px solid #d5aa6733}
.principle-number{font:400 14px/1.6 Georgia,serif;color:#b99964}
.purpose-values h3{font:400 23px/1.2 Georgia,serif;color:#f2d5a6;margin:0 0 9px}
.story.purpose .purpose-values p{font-size:13px;line-height:1.75}
@media(min-width:1800px){.story.purpose p{font-size:17px}.story.purpose .purpose-values p{font-size:16px}.purpose-values h3{font-size:29px}.purpose-direction h3{font-size:40px}.purpose-direction article{padding:32px}.purpose-values li{padding:30px 0}}
@media(max-width:1100px){.story.purpose{left:6%;width:88%;gap:30px}.purpose-direction{gap:15px}.purpose-direction article{padding:22px 18px}.purpose-values ul{gap:0 22px}}
@media(max-width:700px),(max-aspect-ratio:11/10){.story.purpose{left:6%;width:88%;display:block;max-height:calc(100% - 82px);padding:8px 8px 24px}.story.purpose h2{font-size:42px}.purpose-direction{grid-template-columns:1fr;gap:18px;margin:28px 0 32px}.purpose-direction article{padding:24px}.purpose-direction h3{font-size:30px}.purpose-values ul{grid-template-columns:1fr}.purpose-values li{padding:22px 0}.story.purpose .purpose-values p{font-size:14px}.values-heading{gap:14px}.values-signature{font-size:14px}}
@media(prefers-reduced-motion:reduce){.purpose-atmosphere svg{transform:none}}

/* Seventh scene: photographic client-story spread before the retained enquiry. */
main{height:930svh}
.story.testimonials{left:7%;top:50%;translate:0 -50%;width:86%;max-height:calc(100% - 110px);overflow-y:auto;text-shadow:none;scrollbar-width:thin;scrollbar-color:#d5aa67 #071b28;padding:4px 0 12px}
.testimonials:focus-visible{outline:2px solid #eac38d;outline-offset:4px}
.story.testimonials h2{font-size:clamp(36px,3.2vw,62px);line-height:1.06;margin:15px 0 25px}
.client-showcase{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid #d5aa6755;background:#0a202e}
.client-gallery{position:relative;min-height:400px;overflow:hidden;background:#0d2532}
.client-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.client-slide.is-current{opacity:1}
.client-slide picture,.client-slide img{display:block;width:100%;height:100%}
.client-slide img{object-fit:cover}
.client-slide::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#071b28ed)}
.client-slide figcaption{position:absolute;z-index:1;left:25px;right:25px;bottom:72px;font:400 21px/1.3 Georgia,serif;color:#fff0d9}
.gallery-controls{position:absolute;z-index:2;bottom:20px;left:22px;right:22px;display:flex;align-items:center;gap:14px;color:#f5d8a9;font:400 10px/1 var(--reading-font);letter-spacing:.1em}
.gallery-controls button{min-width:44px;min-height:44px;border:1px solid #eac38d77;background:#071b2899;color:#f4d6a7;font:400 18px/1 var(--reading-font);cursor:pointer}
.gallery-controls button:last-child{margin-left:auto;font-size:12px;padding:0 15px}
.gallery-controls button:hover{background:#284252}.gallery-controls button:focus-visible{outline:2px solid #f4d6a7;outline-offset:3px}
.client-feedback{padding:32px clamp(25px,3vw,50px);position:relative;background:linear-gradient(145deg,#20354166,transparent)}
.feedback-mark{position:absolute;right:28px;top:7px;font:90px/1 Georgia,serif;color:#d5aa6733}
.client-feedback h3{font:400 clamp(29px,2.4vw,44px)/1.12 Georgia,serif;letter-spacing:-.03em;margin:24px 0 20px;color:#f8ead2}
.client-feedback h3 em{color:#eac38d;font-weight:400}
.story.testimonials p{font:400 14px/1.8 var(--reading-font);color:#d4dcdf;text-shadow:none;letter-spacing:0;max-width:none;margin:0}
.feedback-placeholder{border-top:1px solid #d5aa6755;margin-top:28px;padding-top:20px}
.feedback-placeholder>span{font:500 10px/1.5 var(--reading-font);text-transform:uppercase;letter-spacing:.13em;color:#eac38d}
.story.testimonials .feedback-placeholder p{font-size:12px;margin-top:9px;color:#b7c5cc}
@media(min-width:1800px){.client-gallery{min-height:520px}.story.testimonials p{font-size:17px}.client-feedback{padding-top:45px}.story.testimonials .feedback-placeholder p{font-size:14px}}
@media(max-width:700px),(max-aspect-ratio:11/10){.story.testimonials{left:5%;width:90%;max-height:calc(100% - 82px)}.testimonials-heading{padding:0 12px}.story.testimonials h2{font-size:38px}.client-showcase{grid-template-columns:1fr}.client-gallery{min-height:300px}.client-feedback{padding:27px 24px}.client-feedback h3{font-size:32px}.client-slide figcaption{font-size:20px}}
@media(prefers-reduced-motion:reduce){.client-slide{transition:none}}

.client-feedback blockquote{margin:0}

/* Centred business enquiry, framed by the two high-resolution fleet photographs. */
.enquiry{justify-content:center;padding:35px 5% 65px}
.enquiry-content{margin:0 auto;width:min(600px,48%);max-width:650px;background:linear-gradient(135deg,rgba(12,32,44,.94),rgba(7,23,34,.92));padding:clamp(26px,2.5vw,46px)}
.enquiry h2{font-size:clamp(34px,3vw,54px);line-height:1.12}
.enquiry-road{object-position:65% 50%}
@media(min-width:901px){.enquiry-road{left:40%;width:60%;object-position:65% 50%}}
@media(min-width:901px) and (max-height:780px){.enquiry{align-items:flex-start;padding-top:22px}.enquiry-content{padding:24px 30px}.enquiry h2{font-size:36px}}
@media(max-width:900px){.enquiry{padding:70px 6% 70px;align-items:flex-start}.enquiry-content{width:100%;max-width:580px;margin:auto}.enquiry-road{left:0;width:100%;object-position:65% 50%}.enquiry h2{font-size:clamp(32px,6vw,44px)}}

/* Opposing Mercedes angles, balanced to a shared warm golden-hour palette. */
.enquiry-photo{filter:brightness(var(--enquiry-exposure,1)) saturate(.9)}
.enquiry-road{filter:sepia(.13) saturate(1.08) brightness(var(--enquiry-exposure,1));object-position:22% 50%}
@media(min-width:901px){.enquiry-road{left:50%;width:50%;object-position:22% 50%}}
@media(min-width:901px){.enquiry-road{left:40%;width:60%;object-position:0% 50%}}

/* A slow, independently controlled fleet slideshow on the left of enquiries. */
.enquiry-left-gallery{position:absolute;inset:0 auto 0 0;width:55.2%;z-index:-3;overflow:hidden;clip-path:polygon(0 0,100% 0,73.913% 100%,0 100%);background:#112632;pointer-events:none}
.enquiry-slide{position:absolute;inset:0;display:block;opacity:0;transition:opacity 1.6s ease}
.enquiry-slide.is-current{opacity:1}
.enquiry-slide img{width:100%;height:100%;object-fit:cover;object-position:40% 50%;filter:brightness(var(--enquiry-exposure,1)) saturate(.94)}
.enquiry-gallery-controls{position:absolute;left:4%;bottom:70px;z-index:3;display:flex;gap:10px;align-items:center;font:400 10px/1 var(--reading-font);letter-spacing:.08em;color:#ffe6bb;padding:5px;background:#071b28bb;border:1px solid #d5aa6766;border-radius:3px}
.enquiry-gallery-controls button{min-width:44px;min-height:44px;background:transparent;border:1px solid #d5aa6766;color:#ffe6bb;font:400 18px/1 var(--reading-font);cursor:pointer}
.enquiry-gallery-controls button:last-child{font-size:12px;padding:0 12px}
.enquiry-gallery-controls button:hover{background:#294353}.enquiry-gallery-controls button:focus-visible{outline:2px solid #ffe6bb;outline-offset:2px}
@media(max-width:900px){.enquiry-left-gallery{width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 34%,0 53%)}.enquiry-gallery-controls{top:10px;bottom:auto;left:6%}.enquiry-slide img{object-position:50% 30%}}
@media(prefers-reduced-motion:reduce){.enquiry-slide{transition:none}}

/* Fine ivory edge follows the transparent logo, including the small lettering. */
.intro .logo{
  filter:drop-shadow(1px 0 0 #fff3dd) drop-shadow(-1px 0 0 #fff3dd) drop-shadow(0 1px 0 #fff3dd) drop-shadow(0 -1px 0 #fff3dd) drop-shadow(0 2px 5px #061d3659);
}

/* Keep the opening identity in the desktop's left-logo / right-title order on narrow screens. */
@media(max-width:700px),(max-aspect-ratio:11/10){
  .intro{top:12px;left:0;width:100%;height:auto;padding:0 5%;display:grid;grid-template-columns:clamp(82px,24vw,155px) minmax(0,1fr);align-items:center;column-gap:clamp(14px,4vw,32px);text-align:center;transform:translateY(var(--rise,0px))}
  .intro .logo{position:static;top:auto;left:auto;width:100%;height:auto}
  .intro .headline{position:static;width:100%;padding:0;border:0;transform:none;color:#082943;text-shadow:0 1px 3px #fff3ddaa}
  .intro .headline::before{display:none}
  .intro h1{font-size:clamp(23px,6.1vw,48px);line-height:1.12;white-space:nowrap;letter-spacing:-.04em}
  .intro .line{width:clamp(30px,7vw,60px);height:2px;margin:12px auto 0;background:#b67a25}
}

/* Align the mobile laurels and their three text rows as one balanced strip. */
@media(max-width:700px),(max-aspect-ratio:11/10){
  .scroll-hint{left:50%;transform:translateX(-50%);bottom:22px;font-size:8px;gap:12px}
  .hero-achievements{padding:30px 4% 78px}
  .hero-achievements ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}
  .achievement{width:100%;min-height:128px;display:block;aspect-ratio:auto}
  .achievement-laurel{top:0;height:74px;width:100%}
  .achievement-copy{width:100%;padding-top:16px;display:grid;grid-template-rows:28px 32px 32px;gap:6px;justify-items:center;align-items:center}
  .achievement strong{font-size:clamp(22px,5.5vw,30px);line-height:1;white-space:nowrap}
  .achievement-wide strong{font-size:clamp(11px,2.8vw,17px)}
  .achievement-copy>span{max-width:100%;font-size:clamp(7px,1.75vw,9px);line-height:1.4;letter-spacing:.025em;padding:0 3px}
  .achievement-copy small{max-width:100%;min-height:0;font-size:clamp(8px,2vw,10px);line-height:1.4;padding:0 2px}
}

.form-note a{color:#f4d89e;text-underline-offset:3px}.form-note a:focus-visible{outline:2px solid #f4d89e;outline-offset:3px}