/* Orange fills are distinct from readable orange ink on light surfaces. */
:root{--orange-fill:#ff9300;--orange-fill-hover:#ffa726;--orange-on-fill:#211328}
html.light-theme{--orange:#bd4b00;--accent:#bd4b00}
.site-nav .nav-quote,.gallery-filters button[aria-pressed=true],
.v6-region-tabs button[aria-pressed=true]{background:var(--orange-fill);border-color:var(--orange-fill);color:var(--orange-on-fill)}
.site-nav .nav-quote:hover,.gallery-filters button[aria-pressed=true]:hover,
.v6-region-tabs button[aria-pressed=true]:hover{background:var(--orange-fill-hover);color:var(--orange-on-fill)}
.btn{background:var(--orange-fill);color:var(--orange-on-fill)}
.btn:hover{background:var(--orange-fill-hover)}
.quote-section .btn{background:var(--lime)}
.quote-section .btn:hover{background:#efff57}
html.light-theme .v7-contact-layout .field input:focus,
html.light-theme .v7-contact-layout .field select:focus,
html.light-theme .v7-contact-layout .field textarea:focus{outline-color:var(--orange)}
.client-logo-frame{width:200px;height:72px;position:relative;flex:none}
@media(max-width:768px){
 /* Deliberately compact heading scale across all page sections. */
 main h1{font-size:32px!important;line-height:1.18!important;letter-spacing:-.035em;margin-bottom:18px}
 main h2{font-size:25px!important;line-height:1.25!important;letter-spacing:-.03em}
 main h3{font-size:19px!important;line-height:1.35!important;letter-spacing:-.02em}
 main h4{font-size:17px!important;line-height:1.35!important}
 .transport-hero p,.services-cover p,.page-hero p,.intro-lead,
 .editorial-intro>p,.v7-contact-guide>p{font-size:16px;line-height:1.6}
 .transport-hero,.services-cover,.gallery-cover-v7,.contact-cover-v7{min-height:480px}
 .transport-hero-content{padding-block:52px 65px}
 .services-cover-content{padding-block:52px 115px}
 .gallery-cover-v7 .services-cover-content,.contact-cover-v7 .services-cover-content{padding-block:52px 65px}
 .services-fleet{min-height:330px}
 .client-mark{width:160px;flex-basis:160px;min-height:86px;padding:8px 10px 0}
 .client-logo-frame{width:130px;height:47px}
 .client-logo-frame .client-logo-window{position:absolute;top:0;left:0;transform:scale(.65);transform-origin:top left}
 .client-mark figcaption{font-size:9px;margin-top:9px}
 .clients-carousel{padding-block:14px}
}
@media(max-width:430px){
 main h1{font-size:30px!important}
 main h2{font-size:24px!important}
 .client-mark{width:148px;flex-basis:148px}
}