/* Corporate identity beside the official logo */
header{height:100px}
.brand{gap:18px;min-width:0;letter-spacing:0}
.brand-copy{display:block;line-height:1.15}
.brand-copy strong{display:block;font-size:clamp(20px,2.1vw,32px);font-weight:900;letter-spacing:.01em;color:var(--ink);white-space:nowrap}
.brand-copy small{display:block;margin-top:7px;font-size:10px;font-weight:700;letter-spacing:.09em;color:#657581;white-space:nowrap}

/* Fixed side links remain visible while the page scrolls */
.social-rail{position:fixed;left:0;top:50%;z-index:40;display:flex;flex-direction:column;transform:translateY(-50%);box-shadow:0 5px 18px #00182b3b}
.social-rail a{display:grid;place-items:center;width:48px;height:52px;color:#fff;border-bottom:1px solid #ffffff70;transition:width .2s ease,filter .2s ease}
.social-rail a:hover,.social-rail a:focus-visible{width:58px;filter:brightness(1.1)}
.social-rail span{font:900 25px/1 Arial,sans-serif}
.social-facebook{background:#1877f2}
.social-whatsapp{background:#25d366}
.social-email{background:#0a8fbd}
.social-call{background:#075aa6}

@media(max-width:1100px){header{padding:0 3vw}.brand-copy strong{font-size:20px}.brand-copy small{font-size:8px}nav{gap:15px}}
@media(max-width:800px){header{height:75px}.company-logo{width:70px!important}.brand{gap:9px}.brand-copy strong{font-size:14px;white-space:normal}.brand-copy small{display:none}.social-rail{left:auto;right:10px;top:auto;bottom:12px;transform:none;flex-direction:row;border-radius:26px;overflow:hidden}.social-rail a{width:46px;height:46px;border-bottom:0;border-right:1px solid #ffffff60}.social-rail a:hover,.social-rail a:focus-visible{width:46px}.social-rail span{font-size:21px}}