/* 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}
}