/* LA.IO Aktiv Grotesk, hosted.
   All thirteen cuts at the full character set: Thin 100, Light 300, Regular 400,
   SemiBold 600, Bold 700, XBold 800, Black 900, and italics of Thin, Light,
   Regular, Bold, XBold and Black.

   XBold 800 and Black 900 are display weights. Use them on large-scale
   headlines and supergraphics only. Headlines default to Light 300 or Bold 700.

   On any real site, link it once:
     <link rel="stylesheet" href="https://assets.la.io/fonts/laio-fonts.css">
   then set font-family: 'Aktiv Grotesk', sans-serif.
   Browsers download only the weights a page uses.

   Sandboxed previews that block assets.la.io, such as claude.ai artifacts,
   need laio-fonts-inline.css instead.

   Generated by _build/build_fonts.py. Do not edit by hand.
*/

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_Th.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_ThIt.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_Lt.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_LtIt.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_Rg.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_It.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_SBd.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_Bd.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_BdIt.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_XBd.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_XBdIt.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_Blk.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aktiv Grotesk';
  src: url('https://assets.la.io/fonts/AktivGrotesk_BlkIt.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}