/* Center the wordmark on the screen, regardless of the width of the actions. */
.header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto;gap:0 12px;padding:14px 5% 0;background:#fff;color:#111;border-bottom:1px solid #ededeb}
.header .header-brand{grid-column:2;grid-row:1;display:block;width:180px;line-height:0;letter-spacing:0;font-size:0}
.header-brand img{width:100%;height:auto;display:block}
.header-icon{display:grid;place-items:center;position:relative;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;color:#111;background:transparent;padding:8px;border:0}
.header-icon svg{display:block;width:25px;height:25px;stroke-width:1.35;fill:none}
.header-menu{grid-column:1;grid-row:1;justify-self:start}
.header-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:6px;min-width:0}
.header .selection-trigger{gap:0;justify-content:center;font-size:12px}
.header .selection-trigger svg{display:block;width:26px;height:26px}
.header .selection-trigger #selection-count{position:absolute;right:0;top:0;background:#344538;color:#fff;min-width:17px;width:auto;height:17px;border-radius:12px;font:10px/17px Arial,sans-serif;padding:0 4px;margin:0;writing-mode:horizontal-tb;letter-spacing:0;display:grid;place-items:center}
.header .desktop-navigation{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:34px;padding:16px 0;font-size:12px}
.footer-top .footer-brand{width:150px;display:block;line-height:0;font-size:0;letter-spacing:0}
.footer-brand img{width:100%;height:auto;filter:brightness(0) invert(1);opacity:.94}
.navigation-dialog{margin:0 auto 0 0;inset:0;width:min(360px,88vw);height:100dvh;max-height:100dvh;max-width:88vw;padding:20px 24px;background:#fff;color:#111;overflow-y:auto;overscroll-behavior:contain}
.navigation-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid #ececea;padding-bottom:15px}
.navigation-heading p{font-size:12px;letter-spacing:2.5px}
.navigation-heading button{font-size:32px;font-weight:300;margin-right:-8px}
.navigation-dialog nav{display:flex;flex-direction:column;padding-top:15px}
.navigation-dialog nav a{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:66px;padding:14px 0;border-bottom:1px solid #ececea;font:25px/1.2 Georgia,serif}
.navigation-dialog nav span{font:19px Arial,sans-serif}
.navigation-note{padding:32px 0 24px;font-size:12px;color:#6b7067}
.navigation-note a{display:inline-flex;align-items:center;min-height:48px;margin-top:9px;text-decoration:underline;text-underline-offset:5px;color:#344538}
@media(max-width:900px){
  :root{--phone-header:60px}
  html{scroll-padding-top:72px}
  .header{height:var(--phone-header);padding:6px 16px;grid-template-rows:1fr;gap:0;background:#fff;backdrop-filter:none}
  .header .header-brand{width:clamp(104px,29vw,116px);font-size:0}
  .header .desktop-navigation{display:none}
  .header-menu{margin-left:-6px}
  .header-actions{gap:0;margin-right:-6px}
  .header .selection-trigger{min-width:44px;width:44px}
  .header-icon svg{width:25px;height:25px}
  .footer-top .footer-brand{width:142px;font-size:0}
}
@media(max-width:360px){.header{padding-left:12px;padding-right:12px}.header .header-brand{width:104px;font-size:0}.header-icon{padding:9px}.header-icon svg{width:24px;height:24px}}