/* Keep the header independent of the enlarged hero layout. */
header:has(.hd){zoom:1}
header .hd{height:auto;min-height:66px;max-width:1540px;gap:20px;padding-top:8px;padding-bottom:8px}
header .hd .logo{flex:none;white-space:nowrap;gap:12px}
header .hd .logo b{font-size:28px}
header .hd .logo span{font-size:9px;line-height:1.5}
header .hd>nav{gap:clamp(10px,1.3vw,20px);font-size:10.5px;letter-spacing:.06em}
header .hd>nav>a{white-space:nowrap;flex:none}
header .hd .btn-s{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:42px;height:auto;padding:10px 18px;font:500 12px/1.4 var(--sans);letter-spacing:.02em;border:1px solid transparent;border-radius:4px;white-space:nowrap}
.button-label{display:block;min-width:0}
header .hd .btn-s .arrow,.brilliance .hero-actions .btn-l .arrow{display:block;flex:none;margin:0;line-height:1}
header:has(.hd) .language-bar-inner{min-height:40px}
header:has(.hd) .language-options button{font-size:11px;min-height:32px;padding:6px 10px}
.brilliance .hero-actions{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:12px;margin-top:20px}
.brilliance .hero-actions .btn-l{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex:0 1 260px;width:auto;max-width:100%;min-width:0;min-height:44px;height:auto;line-height:1.5;padding:11px 22px;font-size:12px;font-weight:500;letter-spacing:.025em;border-radius:4px;margin-top:0;box-sizing:border-box;text-align:center}
.brilliance .hero-actions .btn-l .button-label{white-space:nowrap}
header .hd .btn-s:focus-visible,.brilliance .hero-actions .btn-l:focus-visible{outline:2px solid #c9a35e;outline-offset:4px}
@media(min-width:761px) and (max-width:1100px){header .hd .logo span{display:none}header .hd{gap:16px}header .hd>nav{gap:12px;font-size:10px}header .hd .btn-s{padding-inline:15px;font-size:11px}}
@media(max-width:760px){
 header .hd{min-height:60px;padding-top:4px;padding-bottom:4px;gap:12px}
 header .hd .logo{gap:8px;white-space:normal}
 header .hd .logo b{font-size:20px;white-space:nowrap}
 header .hd .logo span{font-size:8px;max-width:125px}
 header .hd>nav{display:none}
 .brilliance .hero-actions{gap:10px;margin-top:20px}
 .brilliance .hero-actions .btn-l{flex:1 1 100%;width:100%;min-height:48px;padding:12px 20px;font-size:14px;line-height:1.5;letter-spacing:.02em}
 header:has(.hd) .language-options button{min-height:34px;font-size:11px;padding:6px 9px}
}