@font-face{font-family:'Newsreader';font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/newsreader-latin-var.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:'Newsreader';font-style:italic;font-weight:300 600;font-display:swap;src:url(/fonts/newsreader-latin-var-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/instrument-latin-var.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  /* Wide-screen scale (Sep 2026). The whole site is designed at 1280-1536px and
     capped at max-w-7xl, so on a 1920/2560 monitor at 100% Windows scaling it
     rendered laptop-sized with huge empty margins. Above 1600px the page is zoomed
     as a unit (text, nav, dropdowns, cards, spacing together). Laptops, tablets
     and phones stay at --z:1. --z is also read by _wide_scale_units() (vw/vh
     compensation, zoom multiplies viewport units) and by JS that sizes things
     from innerWidth/innerHeight. Tested at 1280/1536/1920/2560. */
  html{--z:1}
  @media (min-width:1600px){html{--z:1.1}}
  @media (min-width:1760px){html{--z:1.18}}
  @media (min-width:1900px){html{--z:1.25}}
  @media (min-width:2200px){html{--z:1.4}}
  @media (min-width:2500px){html{--z:1.6}}
  @media (min-width:3200px){html{--z:2}}
  html{zoom:var(--z)}
  /* Header spans the window on desktop, as it already does on a 1280 laptop, so the
     logo and the search/language controls sit at the page edges on every screen
     and line up with the full-bleed homepage hero (same gutter as .hero-inner). */
  @media (min-width:1280px){
    .util-rail .util-in, nav .site-navin{max-width:none;padding-left:clamp(20px,calc(4vw / var(--z,1)),64px);padding-right:clamp(20px,calc(4vw / var(--z,1)),64px)}
  }