/* Crop the transparent padding of the existing square artwork in the header only. */
.site-header .header-inner{height:96px;gap:18px}
.site-header .brand{position:relative;display:block;flex:0 0 200px;width:200px;height:95px;overflow:hidden}
.site-header .brand img{position:absolute;left:-7px;top:-57px;width:210px;height:210px;max-width:none;max-height:none;object-fit:fill;transform:none}
.site-header nav{gap:clamp(9px,1.2vw,16px)}
.site-header nav a{font-size:14px;line-height:1.25}
.site-header .header-cta{font-size:14px;padding:12px 16px}
@media(max-width:1120px){
  .site-header .header-inner{height:86px;gap:12px}
  .site-header .brand{flex-basis:180px;width:180px;height:85px}
  .site-header .brand img{left:-6px;top:-51px;width:189px;height:189px}
  .site-header .menu-toggle{display:flex;flex-direction:column;gap:5px;padding:12px;margin-left:auto;background:none;border:0}
  .site-header .menu-toggle span{width:25px;height:2px;background:var(--navy)}
  .site-header nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;box-shadow:0 16px 25px #0825341c;padding:12px 18px 22px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 86px);overflow-y:auto}
  .site-header nav.open{display:flex}
  .site-header nav a{font-size:16px;line-height:1.35;padding:12px 10px;border-bottom:1px solid var(--line)}
  .site-header .header-cta{display:none}
}
@media(max-width:600px){
  .site-header .brand{flex-basis:160px;width:160px;height:76px}
  .site-header .brand img{left:-6px;top:-46px;width:168px;height:168px}
}