/* ExpatExpo Universal Header: branding and account controls only. */
.site-header.expo-homepage-header {background:linear-gradient(135deg,#17313d 0%,#0e5960 58%,#167d70 100%);color:#fff;border:0;position:relative;z-index:30}
.site-header.expo-homepage-header .header-inner {width:min(1240px,calc(100% - 40px));min-height:0;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:0}
.expo-homepage-header .expo-account-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px;font-size:12px;line-height:1.5}
.expo-homepage-header .expo-account-bar a{color:#fff;text-decoration:none}
.expo-homepage-header .expo-account-bar a:hover,.expo-homepage-header .expo-account-bar a:focus-visible{text-decoration:underline}
.expo-homepage-header .expo-account-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;text-align:right}
.expo-homepage-header .expo-account-right .expo-separator{opacity:.7}
.site-header.expo-homepage-header .site-brand{align-self:flex-start;display:block;padding:26px 0 30px;text-decoration:none;flex-shrink:1}
.site-header.expo-homepage-header .brand-name{display:block;color:#fff;background:none;-webkit-text-fill-color:initial;font:900 clamp(34px,6vw,68px)/.95 Arial,Helvetica,sans-serif;letter-spacing:3px}
.site-header.expo-homepage-header .brand-name::after{display:none}
.expo-homepage-header .brand-name .expo-brand-teal{color:#8fd0c6}
.site-header.expo-homepage-header .brand-tagline{display:block;margin-top:8px;max-width:760px;color:rgba(255,255,255,.9);font:400 15px/1.45 Arial,Helvetica,sans-serif;letter-spacing:0}

@media(max-width:600px){
 .site-header.expo-homepage-header .header-inner{width:calc(100% - 24px)}
 .expo-homepage-header .expo-account-bar{font-size:11px;align-items:flex-start;padding-top:7px;padding-bottom:5px}
 .expo-homepage-header .expo-account-right{gap:5px 7px}
 .site-header.expo-homepage-header .site-brand{padding:20px 0 25px}
 .site-header.expo-homepage-header .brand-name{font-size:clamp(32px,9vw,50px);letter-spacing:2px}
 .site-header.expo-homepage-header .brand-tagline{font-size:12px}
}
/* Only homepage mobile display: compact universal account row, with the ONE
   shared branding node positioned above the hero photograph. */
@media(max-width:760px){
 .site-header.expo-header-over-hero{height:54px;min-height:54px;z-index:40;overflow:visible}
 .site-header.expo-header-over-hero .header-inner{height:54px;min-height:54px;position:relative;width:calc(100% - 24px)}
 .site-header.expo-header-over-hero .expo-account-bar{height:54px;min-height:54px;padding:0;display:flex;align-items:center;justify-content:flex-end}
 .site-header.expo-header-over-hero .expo-account-left{display:none}
 .site-header.expo-header-over-hero .expo-account-right{gap:7px;max-width:calc(100% - 120px);font-size:12px;line-height:1.3;white-space:normal}
 .site-header.expo-header-over-hero .site-brand{position:absolute;z-index:41;top:calc(100% + 24px);left:0;right:0;padding:0;pointer-events:auto;text-shadow:0 2px 10px #001c27a8}
 .site-header.expo-header-over-hero .brand-name{font-size:clamp(32px,9vw,53px);line-height:1.05;letter-spacing:1.5px}
 .site-header.expo-header-over-hero .brand-tagline{font-size:clamp(12px,3.1vw,15px);line-height:1.4;max-width:490px;color:#fff;margin-top:8px}
}