@font-face {
  font-family: 'Big Shoulders';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/schriften/big-shoulders-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Big Shoulders Rueckfall segoe';
  src: local('Segoe UI');
  size-adjust: 75.9%;
  ascent-override: 129.85%;
  descent-override: 28.26%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Big Shoulders Rueckfall helvetica';
  src: local('Helvetica Neue');
  size-adjust: 74.78%;
  ascent-override: 131.79%;
  descent-override: 28.68%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Big Shoulders Rueckfall roboto';
  src: local('Roboto');
  size-adjust: 75.65%;
  ascent-override: 130.27%;
  descent-override: 28.36%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Big Shoulders Rueckfall liberation';
  src: local('Liberation Sans');
  size-adjust: 75.48%;
  ascent-override: 130.56%;
  descent-override: 28.42%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/schriften/schibsted-grotesk-latin-500-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/schriften/schibsted-grotesk-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Schibsted Grotesk Rueckfall segoe';
  src: local('Segoe UI');
  size-adjust: 105.07%;
  ascent-override: 92.95%;
  descent-override: 24.54%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Schibsted Grotesk Rueckfall helvetica';
  src: local('Helvetica Neue');
  size-adjust: 103.52%;
  ascent-override: 94.34%;
  descent-override: 24.91%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Schibsted Grotesk Rueckfall roboto';
  src: local('Roboto');
  size-adjust: 104.72%;
  ascent-override: 93.25%;
  descent-override: 24.62%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Schibsted Grotesk Rueckfall liberation';
  src: local('Liberation Sans');
  size-adjust: 104.49%;
  ascent-override: 93.46%;
  descent-override: 24.67%;
  line-gap-override: 0%;
}

:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary-50: #f1f6fc;
  --color-primary-100: #dfecf7;
  --color-primary-200: #c3ddf2;
  --color-primary-300: #97c8eb;
  --color-primary-400: #60aae1;
  --color-primary-500: #3c90d7;
  --color-primary-600: #1e73c2;
  --color-primary-700: #0b5ea8;
  --color-primary-800: #144d88;
  --color-primary-900: #1b426c;
  --color-primary-950: #142943;
  --color-neutral-50: #f8fafd;
  --color-neutral-100: #f3f5f8;
  --color-neutral-200: #e1e6ec;
  --color-neutral-300: #cfd5dd;
  --color-neutral-400: #99a4b4;
  --color-neutral-500: #64748b;
  --color-neutral-600: #475365;
  --color-neutral-700: #364151;
  --color-neutral-800: #202731;
  --color-neutral-900: #12171f;
  --color-neutral-950: #080a0d;
  --color-background: var(--color-white);
  --color-background-white: var(--color-white);
  --color-card: var(--color-primary-50);
  --color-card-hover: var(--color-white);
  --color-card-glass: rgba(225, 230, 236, 0.6);
  --color-foreground: var(--color-black);
  --color-heading-muted: var(--color-primary-600);
  --color-muted-foreground: var(--color-neutral-700);
  --color-eyebrow: var(--color-primary-700);
  --color-eyebrow-background: var(--color-primary-50);
  --color-icon: var(--color-black);
  --color-icon-muted: var(--color-neutral-500);
  --color-border: var(--color-neutral-300);
  --color-button: var(--color-primary-100);
  --color-button-hover: var(--color-primary-200);
  --color-button-border: var(--color-primary-400);
  --color-button-foreground: var(--color-black);
  --color-link: var(--color-primary-600);
  --color-link-hover: var(--color-primary-700);
  --color-contact: var(--color-primary-800);
  --color-contact-hover: var(--color-primary-700);
  --color-contact-foreground: var(--color-white);
  --color-contact-foreground-hover: var(--color-white);
  --color-accent: var(--color-neutral-200);
  --color-header: var(--color-white);
  --color-inverse: var(--color-primary-800);
  --color-inverse-foreground: var(--color-white);
  --color-ring: var(--color-primary-500);
  --color-placeholder: var(--color-neutral-400);
  --color-star-empty: var(--color-neutral-300);
  --color-star: #fbbf24;
  --wordmark-highlight: var(--color-primary-600);
  --radius: 8px;
  --radius-image: var(--radius);
  --radius-sm: calc(var(--radius) * 0.5);
  --radius-button: calc(var(--radius) * 0.25);
  --radius-full: 9999px;
  --border-width: 1px;
  --border-width-strong: 2px;
  --duration: 300ms;
  --duration-slide: 650ms;
  --ease: ease-out;
  --container: 87rem;
  --container-narrow: 55rem;
  --font-heading: 'Big Shoulders', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading-weight: 700;
  --font-body: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body-weight: 500;
  --shadow: none;
  --tracking-label: 1.28px;
  --measure: 65ch;
  --text-h1: clamp(2.4938rem, 1.9896rem + 2.2408vw, 4.0063rem);
  --text-h2: clamp(2rem, 1.7459rem + 1.1297vw, 2.7625rem);
  --text-h3: clamp(1.5rem, 1.3125rem + 0.8334vw, 2.0625rem);
  --text-h4: clamp(1.2688rem, 1.2125rem + 0.25vw, 1.4375rem);
  --text-h5: clamp(1.1375rem, 1.1105rem + 0.1204vw, 1.2188rem);
  --text-h6: 1rem;
  --text-body: 0.875rem;
  --text-eyebrow: 0.75rem;
  --text-xs: 0.75rem;
  --leading-h1: clamp(2.8063rem, 2.3355rem + 2.0926vw, 4.2188rem);
  --leading-h2: clamp(2.1875rem, 1.9042rem + 1.2593vw, 3.0375rem);
  --leading-h3: clamp(1.75rem, 1.5313rem + 0.9723vw, 2.4063rem);
  --leading-h4: clamp(1.525rem, 1.4334rem + 0.4075vw, 1.8rem);
  --leading-h5: clamp(1.2625rem, 1.175rem + 0.3889vw, 1.525rem);
  --leading-h6: clamp(1.1875rem, 1.0834rem + 0.463vw, 1.5rem);
  --leading-body: 1.3572;
  --leading-eyebrow: 1.4167;
  --leading-xs: 1.3334;
  --tracking-h1: -1px;
  --tracking-h2: -1px;
  --spacing: 0.25rem;
  --section-padding-none: 0rem;
  --section-padding-sm: clamp(1rem, 0.8334rem + 0.7408vw, 1.5rem);
  --section-padding-md: clamp(1.5rem, 0.6667rem + 3.7038vw, 4rem);
  --section-padding-lg: clamp(4rem, 2.3334rem + 7.4075vw, 9rem);
  --section-padding-inline: clamp(1rem, 0.8334rem + 0.7408vw, 1.5rem);
  --gap-none: 0rem;
  --gap-sm: 0.5rem;
  --gap-eyebrow: 0.75rem;
  --gap-md: clamp(0.5rem, 0.3334rem + 0.7408vw, 1rem);
  --gap-lg: clamp(1.5rem, 1.3334rem + 0.7408vw, 2rem);
  --gap-xl: 3.75rem;
  --gap-2xl: 5rem;
  --card-gap: 2.5rem;
  --card-padding-xs: clamp(0.5rem, 0.3334rem + 0.7408vw, 1rem);
  --card-padding-sm: 1.5rem;
  --card-padding-xl: clamp(1.5rem, 1.1667rem + 1.4815vw, 2.5rem);
  --margin-xs: 0.5rem;
  --margin-sm: 1rem;
  --margin-md: clamp(1.5rem, 1.3334rem + 0.7408vw, 2rem);
  --margin-lg: clamp(4rem, 3.25rem + 3.3334vw, 6.25rem);
  --margin-h1: clamp(2rem, 1.6667rem + 1.4815vw, 3rem);
  --margin-h2: clamp(1.5rem, 1.1667rem + 1.4815vw, 2.5rem);
  --margin-h3: clamp(1.5rem, 1.1667rem + 1.4815vw, 2.5rem);
  --margin-h4: clamp(1rem, 0.8334rem + 0.7408vw, 1.5rem);
  --margin-h5: clamp(1rem, 0.8334rem + 0.7408vw, 1.5rem);
  --margin-h6: clamp(0.625rem, 0.5834rem + 0.1852vw, 0.75rem);
  --margin-body: 1.5rem;
  --margin-eyebrow: clamp(2rem, 1.8334rem + 0.7408vw, 2.5rem);
  --button-padding-block: 0.625rem;
  --button-padding-inline: 1.125rem;
}

[data-theme=dark] {
  --color-background: var(--color-primary-900);
  --color-card: var(--color-primary-800);
  --color-card-hover: var(--color-primary-700);
  --color-card-glass: var(--color-primary-800);
  --color-foreground: var(--color-white);
  --color-heading-muted: var(--color-primary-300);
  --color-muted-foreground: var(--color-primary-100);
  --color-eyebrow: var(--color-primary-100);
  --color-eyebrow-background: var(--color-primary-800);
  --color-icon: var(--color-white);
  --color-border: var(--color-neutral-700);
  --color-button: var(--color-primary-800);
  --color-button-hover: var(--color-primary-700);
  --color-button-border: var(--color-primary-500);
  --color-button-foreground: var(--color-white);
  --color-link: var(--color-primary-200);
  --color-link-hover: var(--color-white);
  --color-contact: var(--color-white);
  --color-contact-foreground: var(--color-black);
  --color-accent: var(--color-neutral-800);
  --color-header: var(--color-primary-900);
  --color-inverse: var(--color-neutral-200);
  --color-inverse-foreground: var(--color-black);
  --color-placeholder: var(--color-neutral-500);
  --color-star-empty: var(--color-neutral-200);
  --wordmark-highlight: var(--color-primary-300);
}

[data-theme=light] {
  --color-background: var(--color-white);
  --color-card: var(--color-primary-50);
  --color-card-hover: var(--color-white);
  --color-card-glass: rgba(225, 230, 236, 0.6);
  --color-foreground: var(--color-black);
  --color-heading-muted: var(--color-primary-600);
  --color-muted-foreground: var(--color-neutral-700);
  --color-eyebrow: var(--color-primary-700);
  --color-eyebrow-background: var(--color-primary-50);
  --color-icon: var(--color-black);
  --color-border: var(--color-neutral-300);
  --color-button: var(--color-primary-100);
  --color-button-hover: var(--color-primary-200);
  --color-button-border: var(--color-primary-400);
  --color-button-foreground: var(--color-black);
  --color-link: var(--color-primary-600);
  --color-link-hover: var(--color-primary-700);
  --color-contact: var(--color-primary-800);
  --color-contact-foreground: var(--color-white);
  --color-accent: var(--color-neutral-200);
  --color-header: var(--color-white);
  --color-inverse: var(--color-primary-800);
  --color-inverse-foreground: var(--color-white);
  --color-placeholder: var(--color-neutral-400);
  --color-star-empty: var(--color-neutral-300);
  --wordmark-highlight: var(--color-primary-600);
}

:root {
  --font-heading: 'Big Shoulders', 'Big Shoulders Rueckfall segoe', 'Big Shoulders Rueckfall helvetica', 'Big Shoulders Rueckfall roboto', 'Big Shoulders Rueckfall liberation', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading-weight: 700;
  --font-body: 'Schibsted Grotesk', 'Schibsted Grotesk Rueckfall segoe', 'Schibsted Grotesk Rueckfall helvetica', 'Schibsted Grotesk Rueckfall roboto', 'Schibsted Grotesk Rueckfall liberation', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body-weight: 500;
}