/* Reference-matched contact bar. Scoped to topbar; other sections untouched. */
.topbar{background:linear-gradient(110deg,#101026 0%,#1d153c 52%,#28134c 100%)!important;min-height:58px}
.topbar .topbar-inner{min-height:58px}
.topbar .topbar-contact{display:flex;align-items:center;gap:0;flex-wrap:nowrap}
.topbar .topbar-contact-link{display:inline-flex;align-items:center;gap:12px;min-height:34px;padding:0 20px;color:#fff;white-space:nowrap;text-decoration:none}
.topbar .topbar-contact-link:first-child{padding-left:0}
.topbar .topbar-contact-link+.topbar-contact-link{border-left:1px solid rgba(218,205,242,.32)}
.topbar .topbar-contact-link svg{width:27px;height:27px;flex:0 0 27px;color:#ff751d!important;stroke-width:2.1}
.topbar .topbar-contact-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;line-height:1.2}
.topbar .topbar-contact-copy strong{color:#fff;font:500 13px/1.2 'DM Sans',Arial,sans-serif}
.topbar .topbar-contact-copy small{color:#c7bfe0;font:400 11px/1.2 'DM Sans',Arial,sans-serif}
.topbar .topbar-contact-link:hover .topbar-contact-copy strong{color:#ffb17d}
@media(min-width:901px) and (max-width:1250px){
.topbar .topbar-contact-link{padding-inline:12px;gap:8px}
.topbar .topbar-contact-link svg{width:23px;height:23px;flex-basis:23px}
.topbar .topbar-contact-copy strong{font-size:11px}
.topbar .topbar-contact-copy small{font-size:10px}
.topbar .topbar-right{gap:9px}
}
@media(max-width:900px){
.topbar .topbar-contact{flex-wrap:wrap;gap:7px 0}
.topbar .topbar-contact-link{padding:0 12px}
.topbar .topbar-contact-link:first-child{padding-left:0}
.topbar .topbar-email{display:inline-flex}
.topbar .topbar-contact-copy strong{font-size:11px}
.topbar .topbar-contact-copy small{font-size:10px}
.topbar .topbar-contact-link svg{width:20px;height:20px;flex-basis:20px}
}
@media(max-width:620px){
.topbar .topbar-contact{flex:1 1 100%;justify-content:space-between;gap:8px}
.topbar .topbar-contact-link{padding:0 8px}
.topbar .topbar-location{display:none}
.topbar .topbar-contact-copy strong{font-size:11px}
.topbar .topbar-contact-copy small{font-size:10px}
}
@media(max-width:400px){
.topbar .topbar-contact-link{gap:5px;padding-inline:5px}
.topbar .topbar-contact-link svg{width:17px;height:17px;flex-basis:17px}
.topbar .topbar-contact-copy strong{font-size:10px}
}

/* Contact glyphs +1px at the existing responsive sizes. */
.topbar .topbar-contact-link svg{width:28px!important;height:28px!important;flex:0 0 28px!important}
@media(min-width:901px) and (max-width:1250px){.topbar .topbar-contact-link svg{width:24px!important;height:24px!important;flex-basis:24px!important}}
@media(max-width:900px){.topbar .topbar-contact-link svg{width:21px!important;height:21px!important;flex-basis:21px!important}}
@media(max-width:390px){.topbar .topbar-contact-link svg{width:19px!important;height:19px!important;flex-basis:19px!important}}

/* Animated follow label beside the existing 3D social icons. */
.topbar .topbar-follow-label{display:inline-block;flex:0 0 auto;margin-right:10px;color:#fff;font:500 13px/1.2 'DM Sans',Arial,sans-serif;white-space:nowrap;animation:ikrea-follow-sway 2.8s ease-in-out infinite alternate;will-change:transform}
@keyframes ikrea-follow-sway{from{transform:translateX(-3px)}to{transform:translateX(3px)}}
@media(max-width:620px){.topbar .topbar-follow-label{margin-right:6px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.topbar .topbar-follow-label{animation:none;will-change:auto}}