/* Final responsive/accessibility layer; approved layout is retained. */
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;pointer-events:none}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;background:white;color:#941d39;padding:14px;transform:translateY(-180%)}
.skip-link:focus{transform:none}
.inquiry-form input,.inquiry-form textarea{font-size:16px}
.form-demo-note,.inquiry-attachment{font-size:12px;color:#66616a}
.page-end{line-height:1.6}
.page-end a{padding:10px 0}
.experience p span{display:block}
.contacts{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;align-self:center;padding:8px 0}
.contacts .phone{display:block;margin:0;line-height:1.08;white-space:nowrap}
.contacts .header-email{line-height:1.25}
.contacts .social{align-items:center;justify-content:flex-end}
@media(min-width:761px){.contacts{position:relative;top:8px}}
.close{min-width:44px;min-height:44px}
dialog{max-height:90svh;overflow:auto}
.faq-items details>p{color:#586169;font-size:14px}
.transport-cover:focus-visible{outline:3px solid #179fde;outline-offset:4px;z-index:2}
@media(max-width:760px){
 .benefits-band .experience{margin-left:0;margin-right:0}
 .utility-links a{min-height:40px;display:flex;align-items:center}
 .nav .wrap a{min-height:44px;display:flex;align-items:center}
 .contacts .social a{min-height:38px}
 .inquiry-route{grid-template-columns:1fr}
 .page-end{font-size:12px}
 .proof{font-size:12px}
 .format-tabs button{min-height:54px}
 .experience p{display:flex;flex-direction:column;gap:2px}
 .contacts{padding:6px 0;min-width:0}
 .contacts .phone{font-size:17px;letter-spacing:0}
 .contacts .header-email{margin-top:4px}
}
@media(max-width:380px){
 .masthead .wrap{grid-template-columns:72px minmax(0,1fr);gap:8px;padding-left:12px;padding-right:12px}
 .brand img{width:72px}
 .contacts .phone{font-size:17px}
 .contacts .social{gap:4px;flex-wrap:wrap}
 .contacts .social a{font-size:10px;padding:5px}
 .nav .wrap{gap:18px;padding-left:12px;padding-right:12px;font-size:11px}
 .hero h1{font-size:29px;letter-spacing:-1px}
 .bottom-heading h2,.page-faq h2,.page-inquiry h2{font-size:32px}
 .format-art{width:330px;max-width:none;align-self:center;transform:scale(.65);transform-origin:top center;margin:15px 0 -80px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .has-motion .reveal{opacity:1!important;transform:none!important}
}
