@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/schibsted-grotesk-latin-400.woff2') format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/schibsted-grotesk-latin-500.woff2') format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/schibsted-grotesk-latin-600.woff2') format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/schibsted-grotesk-latin-700.woff2') format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/schibsted-grotesk-latin-800.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/geist-mono-latin-400.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/geist-mono-latin-500.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/geist-mono-latin-600.woff2') format('woff2')}

/* generated — edit build.mjs, not this file */
:root{color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
img{max-width:100%;width:auto;height:auto}

/* The exported nav is a flex row where every link is nowrap and the CTA is
   flex-shrink:0, leaving the logo as the only item able to give way — so it
   collapsed instead of the bar overflowing. Pin the logo and reclaim the
   space from padding and gaps instead. */
nav > div > a:first-child{flex-shrink:0}
nav > div > a:first-child img{max-width:none}

@media (max-width:1000px){
  nav > div{padding:0 20px!important}
  nav > div > div{gap:20px!important}
}
@media (max-width:780px){
  nav > div{height:auto!important;flex-wrap:wrap;padding:12px 20px!important;row-gap:10px}
  nav > div > div{gap:16px!important;flex-wrap:wrap}
}
a{transition:color .15s ease,border-color .15s ease,background .15s ease}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #2f7a53;outline-offset:2px}
.skip-link{position:absolute;left:-9999px;top:0;background:#131f19;color:#f6f5f0;padding:12px 18px;z-index:999;border-radius:0 0 8px 0}
.skip-link:focus{left:0}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* responsive: the export is desktop-fixed; collapse grids on narrow viewports */
@media (max-width:900px){
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:1.2fr 1fr"]{grid-template-columns:1fr!important}
  h1{font-size:38px!important}
  h2{font-size:27px!important}
}
@media (max-width:640px){
  [style*="padding:112px 36px"]{padding:64px 20px!important}
  [style*="padding:0 36px"]{padding:0 20px!important}
  [style*="padding:96px 36px"]{padding:56px 20px!important}
}

.h0:hover{color:#131f19!important}
.h1:hover{background:#f2f1ea!important}
.h2:hover{background:#2c5a40!important;color:#f6f5f0!important}
.h3:hover{border-color:#131f19!important}
.h4:hover{border-color:#3f8f63!important}
.h5:hover{background:#5cb488!important;color:#131f19!important}
.h6:hover{color:#5cb488!important}
.h7:hover{background:#2c5a40!important}
.h8:hover{background:#1e2f26!important}