/* Shorten the introduction while keeping the action tiles at their existing size. */
.hero-media--mobile{display:none}
@media(max-width:600px){.hero-media--desktop{display:none}.hero-media--mobile{display:block}.hero-media video{object-position:80% center}.hero-media--mobile img{object-position:center}}
.hero .hero-inner{min-height:clamp(455px,49.5svh,535px);padding-block:148px 48px}
.hero .hero-copy h1{font-size:clamp(2.3rem,4vw,4rem);line-height:1.08;margin-bottom:12px}
.hero .hero-description{font-size:1rem;line-height:1.5;margin-bottom:14px}
.hero .hero-buttons{gap:20px}
.hero .quick-access{padding-bottom:20px}
.hero .catalog-bridge{margin-bottom:14px}
.hero .catalog-banner{display:flex;width:fit-content;max-width:100%;min-height:76px;justify-content:center;gap:20px;padding:12px 22px;background:rgba(43,35,30,.96);border:1px solid #aa7950;border-radius:16px;color:var(--color-paper);box-shadow:0 8px 24px rgba(0,0,0,.16)}
.hero .catalog-icon{width:58px;height:58px;flex:0 0 58px;background:transparent;color:#f8dfc5;font-size:1.6rem}
.hero .catalog-label{flex:0 1 auto;min-width:0;color:var(--color-paper);font-size:1.05rem;font-weight:600;line-height:1.45}
.hero .catalog-arrow{width:auto;height:auto;flex:0 0 auto;border:0;color:var(--color-paper)}
/* Soft logo-inspired accents on the six quick-access cards. */
.hero .action-tile{border-color:rgba(224,151,101,.38)}
.hero .action-icon-wrap,.hero .action-icon-wrap:has(.bi-whatsapp){border-color:rgba(230,157,104,.5);color:#f4bd94}
@media(hover:hover) and (pointer:fine){.hero .action-tile:hover{border-color:rgba(244,189,148,.8)}.hero .action-tile:hover .action-icon-wrap,.hero .action-tile:hover .action-icon-wrap:has(.bi-whatsapp){border-color:#e99a60;background:#a83c2b;color:#fff}}
@media(hover:hover) and (pointer:fine){.hero .catalog-banner:hover{background:rgba(52,40,32,.98);border-color:#d0a477;color:var(--color-paper)}}
@media(max-width:991px){.hero .hero-inner{min-height:405px;padding-block:130px 44px}}
@media(max-width:700px){.hero .hero-inner{min-height:345px;padding-block:124px 40px}.hero .hero-copy h1{font-size:clamp(1.85rem,6.8vw,2.5rem);line-height:1.1;margin-bottom:8px}.hero .hero-description{font-size:.9rem;line-height:1.4;margin-bottom:10px}.hero .quick-access{padding-bottom:16px}.hero .catalog-bridge{margin-bottom:10px}.hero .catalog-banner{gap:12px;min-height:60px;padding:10px 12px}.hero .catalog-icon{width:40px;height:40px;flex-basis:40px;font-size:1.25rem}.hero .catalog-label{font-size:.85rem}.hero .catalog-arrow{margin-left:auto}}
@media(max-width:991px) and (prefers-reduced-motion:no-preference){.contact-media.mobile-parallax{inset:-55% 0;background-attachment:scroll;will-change:transform}}
@media(max-width:767px){
    /* Bootstrap row margins must fit inside the mobile container padding. */
    .branches .row{--bs-gutter-x:2rem}
    /* Keep unexpected horizontal overflow from widening the page on mobile. */
    html{overflow-x:hidden;overflow-x:clip}
}