/* The SVG embeds the same XGOLF PNG as the main site in 250 of 322.4043 units.
   Size the complete lockup so its XGOLF portion matches the main site's 112px / 95px mark. */
.brand{gap:0}
.brand img.brand-lockup{width:144.437px;height:auto;max-width:none}
.header .brand{transform:translateY(.5px)}
.footer-brand img.brand-lockup{width:200px}
/* Use the layout viewport (100%), as the main site's centered 1600px wrap does.
   100vw includes Chrome's scrollbar and shifts this mark 7.5px to the right. */
.header{padding-inline:calc(max(0px,(100% - 1600px)/2) + clamp(22px,5vw,88px))}
@media(min-width:1101px){
  .header nav>a:not(.button){font-size:15px;font-weight:600;line-height:1.4}
  .header nav .button{font-size:15px;font-weight:700;min-height:48px}
}
@media(max-width:1100px){.header{padding-inline:clamp(22px,5vw,88px)}}
@media(max-width:800px){
  .header{padding-inline:clamp(22px,5vw,88px);height:82px}
  .header nav{top:82px}
}
@media(max-width:767px){
  .header{height:68px}
  .header nav{top:68px}
  .header .brand img.brand-lockup{width:122.514px}
}
@media(max-width:380px){
  .header{gap:6px}
  .header .brand{gap:0}
  .site-languages{gap:3px;font-size:11px}
}
/* Footer links: one wrapped row on wide screens instead of a tall single column. */
@media(min-width:801px){
  .footer-end{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px 26px;max-width:680px}
  .footer-end small{flex-basis:100%;text-align:right;margin-top:6px}
}
@media(max-width:800px){
  .footer-end{flex-direction:row;flex-wrap:wrap;gap:14px 22px}
  .footer-end small{flex-basis:100%;text-align:left}
}