@layer vendor, theme, atoms, molecules, organisms, structures, templates, pages, utility;
/* Global */
/* --nav is by default equal to --xl */
@font-face {
	font-family: CriteriaCF;
	src: url('/assets/fonts/CriteriaCF-bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: DMSans;
	src: url('/assets/fonts/DMSans.woff2') format('woff2');
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}
@layer theme.reset {
		@supports (interpolate-size: allow-keywords) {
	:root {
			interpolate-size: allow-keywords;
	}
		}

	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	/* Set smooth scroll behavior for e.g. anchor navigation */
	html,
	body {
		scroll-behavior: smooth;
	}

	/* Prevent font size inflation */
	html {
		-webkit-text-size-adjust: none;
		   -moz-text-size-adjust: none;
		        text-size-adjust: none;
	}

	/* Set body defaults */
	body {
		--page-theme: var(--s-page-theme);
		--page-theme-secondary: var(--s-page-theme-secondary);
		--page-theme-tertiary: var(--s-page-theme-tertiary);
		--page-theme-quaternary: var(--s-page-theme-quaternary);
		--page-theme-button: var(--s-page-theme-button);
		--page-theme-button-hover: var(--s-page-theme-button-hover);
		--page-theme-button-active: var(--s-page-theme-button-active);
		--pattern-theme: var(--s-pattern-theme);

		color: var(--s-body-color-default);
		background-color: var(--page-theme);
		font-family: var(--s-body-font-family-default);
		font-size: var(--s-body-font-size-default);
		font-weight: var(--s-body-font-weight-default);
		line-height: var(--s-body-line-height-default);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	/* Remove default margin in favour of better control in authored CSS */
	* {
		margin: 0;
		padding: 0;
	}

	/* Default display block for certain elements */
	img,
	svg,
	video,
	picture,
	figure,
	canvas,
	audio,
	iframe,
	embed,
	object {
		display: block;
	}

	/* Make images easier to work with */
	img,
	video,
	picture,
	figure,
	iframe {
		border: none;
		inline-size: auto;
		max-inline-size: 100%;
		block-size: auto;
	}

	/* Inherit fonts for inputs and buttons */
	button,
	input,
	select,
	optgroup,
	textarea,
	::file-selector-button {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		border-radius: 0;
		background-color: transparent;
		opacity: 1;
	}

	/* Ensure the hidden-attribute overwrites other styles */
	[hidden]:where(:not([hidden='until-found'])) {
		display: none !important;
	}

	/* Set default outline styles for interactive elements */
	button,
	input,
	select,
	textarea,
	summary,
	a {
		outline: transparent;
		outline-color: var(--p-outline-color);
		outline-offset: var(--p-outline-offset);
	}

		:is(button,input,select,textarea,summary,a):focus-visible {
			outline-style: var(--p-outline-style);
			outline-width: var(--p-outline-width);
		}

	/* Prevent resizing textareas horizontally by default. */
	textarea {
		resize: vertical;
	}

	/* Set default link styles */
	a {
		-webkit-text-decoration: underline;
		text-decoration: underline;
		color: var(--link-color, var(--s-link-color-default));
		text-underline-offset: 0.125rem;
		transition:
			color var(--s-transition-duration-default) var(--s-transition-timing-function-default),
			text-decoration-color var(--s-transition-duration-default) var(--s-transition-timing-function-default);
	}

		a:is(:hover,:focus-visible) {
			color: var(--link-color-hover, var(--s-link-color-hover-default));
			text-decoration-color: transparent;
			transition-duration: 0ms;
		}

		a:active {
			color: var(--link-color-active, var(--s-link-color-active-default));
		}

	/* Set default address style */
	address {
		font-style: normal;
	}

	/* Reset list styles that have non-default styling */
	[role='list'],
	[role='listbox'],
	[role='tablist'] {
		list-style: none;
	}

	/* Reduce animations and transitions according to user preference */
	@media (prefers-reduced-motion: reduce) {
		*,
		::before,
		::after {
			animation-delay: -1ms !important;
			animation-duration: 1ms !important;
			animation-iteration-count: 1 !important;
			background-attachment: initial !important;
			scroll-behavior: auto !important;
			transition-duration: 1ms !important;
			transition-delay: -1ms !important;
		}
	}
}
@layer theme.block-components {
	.block-components {
		display: grid;
		row-gap: clamp(
			var(--p-spacing-7),
			1.1818rem + 3.6364dvi,
			var(--p-spacing-11)
		);
	}

	.block-components--pistache,
	.block-components--pink {
		background-color: var(--page-theme);
		padding-block: var(--s-main-spacing-block);
	}

		:is(.block-components--pistache,.block-components--pink):last-child {
			margin-block-end: calc(-1 * var(--s-main-spacing-block));
		}

	.block-components--pistache {
		--page-theme: var(--p-color-secondary-200);
		--page-theme-secondary: var(--p-color-secondary-300);
		--page-theme-tertiary: var(--p-color-secondary-400);
		--page-theme-quaternary: var(--p-color-secondary-100);
	}

		.block-components--pistache:not(.is-dimmed) + .newsletter-form-layout--pistache:not(.is-light),.block-components--pistache:not(.is-dimmed) + div > .newsletter-form-layout--pistache:not(.is-light):only-child {
			padding-block-start: 0 !important;
		}

		.block-components--pistache.is-dimmed {
			--page-theme: var(--p-color-secondary-100);
			--page-theme-secondary: var(--p-color-secondary-200);
			--page-theme-tertiary: var(--p-color-secondary-300);
			--page-theme-quaternary: var(--p-color-secondary-400);
		}

			.block-components--pistache.is-dimmed + .newsletter-form-layout--pistache.is-light,.block-components--pistache.is-dimmed + div > .newsletter-form-layout--pistache.is-light:only-child {
				padding-block-start: 0 !important;
			}

	.block-components--pink {
		--page-theme: var(--p-color-primary-200);
		--page-theme-secondary: var(--p-color-primary-300);
		--page-theme-tertiary: var(--p-color-primary-400);
		--page-theme-quaternary: var(--p-color-primary-100);
	}

		.block-components--pink:not(.is-dimmed) + .newsletter-form-layout--pink:not(.is-light),.block-components--pink:not(.is-dimmed) + div > .newsletter-form-layout--pink:not(.is-light):only-child {
			padding-block-start: 0 !important;
		}

		.block-components--pink.is-dimmed {
			--page-theme: var(--p-color-primary-100);
			--page-theme-secondary: var(--p-color-primary-200);
			--page-theme-tertiary: var(--p-color-primary-300);
			--page-theme-quaternary: var(--p-color-primary-400);
		}

			.block-components--pink.is-dimmed + .newsletter-form-layout--pink.is-light,.block-components--pink.is-dimmed + div > .newsletter-form-layout--pink.is-light:only-child {
				padding-block-start: 0 !important;
			}
}
@layer theme.wysiwyg-components {
	.wysiwyg-components {
		display: grid;
		row-gap: clamp(var(--p-spacing-7), 1.5909rem + 1.8182dvi, var(--p-spacing-9));
	}
}
@layer theme.main {
	:root {
		--main-spacing-block: var(--s-main-spacing-block);
	}
		@media (min-width: 75.0625rem) {

	.main {
			padding-block: var(--s-navigation-height) var(--p-spacing-7);
	}
		}
}
@layer theme.page {
	.page {
		--page-theme: var(--s-page-theme);
		--page-theme-secondary: var(--s-page-theme-secondary);
		--page-theme-tertiary: var(--s-page-theme-tertiary);
		--page-theme-quaternary: var(--s-page-theme-quaternary);
		--page-theme-button: var(--s-page-theme-button);
		--page-theme-button-hover: var(--s-page-theme-button-hover);
		--page-theme-button-active: var(--s-page-theme-button-active);

		--pattern-theme: var(--s-pattern-theme);
		--pattern-theme-reversed: var(--s-pattern-theme-reversed);

		--logo-color: var(--page-theme);
		--logo-color-hover: var(--p-color-tertiary-300);

		background-color: var(--page-theme);
	}
			.page:not(.page--pistache,.page--pink) .block-components:not(.block-components--pistache,.block-components--pink) + .newsletter-form-layout--pistache {
				margin-block-start: 0 !important;
			}

		.page:not(:has([data-hero-theme])) {
			--logo-color: var(--s-body-color-default);
		}

		.page:has([data-hero-theme="pink"][data-is-reversed]) {
			--logo-background-color: var(--p-color-primary-300);
			--logo-color: var(--s-body-color-default);
			--logo-color-hover: var(--p-color-primary-500);
		}

		.page:has([data-hero-theme="pistache"][data-is-reversed]) {
			--logo-background-color: var(--p-color-secondary-300);
			--logo-color: var(--s-body-color-default);
			--logo-color-hover: var(--p-color-primary-500);
		}

		.page:has([data-hero-theme="orange"][data-is-reversed]) {
			--logo-background-color: var(--p-color-tertiary-300);
			--logo-color: var(--s-body-color-default);
			--logo-color-hover: var(--p-color-primary-500);
		}

		.page:has([data-hero-theme="peach"][data-is-reversed]) {
			--logo-background-color: var(--p-color-tertiary-100);
			--logo-color: var(--s-body-color-default);
			--logo-color-hover: var(--p-color-primary-500);
		}

		.page:has([data-hero-theme="maroon"][data-is-reversed]) {
			--logo-background-color: var(--p-color-primary-800);
			--logo-color: var(--p-color-primary-300);
			--logo-color-hover: var(--p-color-tertiary-300);
		}

			@media (max-width: 75rem) {

		.page:has([data-hero-theme="maroon"][data-is-reversed]) {
				--header-chrome-color: var(--p-color-primary-300);
		}
			}

		.page:has([data-hero-theme="white"][data-is-reversed]) {
			--logo-background-color: var(--p-color-white);
			--logo-color: var(--s-body-color-default);
			--logo-color-hover: var(--p-color-primary-500);
		}

		.page:has([data-hero-theme="publieksdata"][data-is-reversed]) {
			--logo-background-color: var(--p-color-quaternary-300);
			--logo-color: var(--s-body-color-default);
			--logo-color-hover: var(--p-color-green-60);
		}

	.page-content {
		--pattern-z-index: -1;

		position: relative;
		z-index: 1;
		display: grid;
		row-gap: var(--s-main-spacing-block);
		padding-block: var(--s-main-spacing-block);
	}

	.page--pistache {
		--page-theme: var(--p-color-secondary-200);
		--page-theme-secondary: var(--p-color-secondary-300);
		--page-theme-tertiary: var(--p-color-secondary-400);
		--page-theme-quaternary: var(--p-color-secondary-100);

		--pattern-theme: var(--p-color-secondary-100);
		--pattern-theme-reversed: var(--p-color-primary-200);
	}

		.page--pistache .block-components:not(.block-components--pistache,.block-components--pink) + .newsletter-form-layout--pink {
			margin-block-start: 0 !important;
		}

	.page--pink {
		--page-theme: var(--p-color-primary-200);
		--page-theme-secondary: var(--p-color-primary-300);
		--page-theme-tertiary: var(--p-color-primary-400);
		--page-theme-quaternary: var(--p-color-primary-100);

		--pattern-theme: var(--p-color-primary-100);
		--pattern-theme-reversed: var(--p-color-secondary-200);
	}

		.page--pink .block-components:not(.block-components--pistache,.block-components--pink) + .newsletter-form-layout--pistache {
			margin-block-start: 0 !important;
		}

	.page--peach {
		--page-theme: var(--p-color-peach-background);
		--page-theme-secondary: var(--p-color-peach-blocks);

		--pattern-theme: var(--p-color-peach-graphic);
	}

	.page--publieksdata {
		--page-theme: var(--p-color-quaternary-200);
		--page-theme-secondary: var(--p-color-quaternary-300);
		--page-theme-button: var(--p-color-green-60);
		--page-theme-button-hover: var(--p-color-green-40);
	}

		.page--publieksdata .block-components:not(.block-components--pistache,.block-components--pink) + .newsletter-form-layout--pink {
			margin-block-start: 0 !important;
		}

	.page--subjectsoverview {
		--pattern-inset-block-start-md: 0;
		--overview-card-description-lines: 8;
	}

		.page--subjectsoverview .layout--overview-card + .layout--overview-card,.page--subjectsoverview div:has( > .layout--overview-card:only-child) + div:has( > .layout--overview-card:only-child) > .layout--overview-card {
			margin-block-start: calc(var(--s-main-spacing-block) * -1);
		}

		.page--subjectsoverview .layout--overview-card:has( + .layout--overview-card),.page--subjectsoverview div:has( > .layout--overview-card:only-child):has( + div > .layout--overview-card:only-child) > .layout--overview-card {
			margin-block-end: var(--p-spacing-6);
		}

			@media (min-width: 48.0625rem) {

		.page--subjectsoverview .layout--overview-card:has( + .layout--overview-card),.page--subjectsoverview div:has( > .layout--overview-card:only-child):has( + div > .layout--overview-card:only-child) > .layout--overview-card {
				margin-block-end: var(--p-spacing-4);
		}
			}

	.page--detail__content,
	.page--results__content {
		display: grid;
		min-inline-size: 0; /* Fix for nested flexbox issue that prevents flexbox from overflowing. */
		inline-size: 100%;
		grid-template-columns:
			[full-width-start] var(--layout-full-width)
			[breakout-start] var(--layout-breakout)
			[content-start] var(--layout-content)
			[content-end] var(--layout-breakout)
			[breakout-end] var(--layout-full-width)
			[full-width-end];
	}

		:is(.page--detail__content,.page--results__content)  > * {
			grid-column: breakout;
		}

	.page--detail__content-inner,
	.page--results__content-inner {
		display: grid;
		gap: var(--p-spacing-9);
		grid-template:
			"sidebar"
			"main";
	}

		@media (min-width: 62rem) {

	.page--detail__content-inner,
	.page--results__content-inner {
			grid-template: "main sidebar" / 2fr 1fr;
			margin-inline-end: calc(var(--s-layout-padding-inline) * -1);
	}
		}

	.page--detail__main,
	.page--results__main {
		grid-area: main;
		display: grid;
		row-gap: var(--main-spacing-block);
		align-content: start;
	}

		@media (min-width: 75.0625rem) {

	.page--detail__main,
	.page--results__main {
			padding-inline-start: 6.75rem;
	}
		}

	.page--detail__sidebar,
	.page--results__sidebar {
		grid-area: sidebar;
	}

	/* Fix for nested results page in back-end */
		.page--result:has(.page--results)  > .main {
			padding-block-start: 0;
		}

			:is(.page--result:has(.page--results) > .main)  > .page-content {
				padding-block: 0;
			}
}
@layer theme.typography {
	/* Headings */
	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6,
	.display {
		display: block;
		text-wrap: balance;
		color: var(--headings-color, var(--s-headings-color-default));
		font-weight: var(--s-headings-font-weight-default);
		font-family: var(--s-headings-font-family-default);
		letter-spacing: var(--s-headings-letter-spacing-default);
		overflow-wrap: break-word;
	}

	h1,
	.h1 {
		font-size: var(--s-h1-font-size);
		line-height: var(--s-h1-line-height);
	}

	h2,
	.h2 {
		font-size: var(--s-h2-font-size);
		line-height: var(--s-h2-line-height);
	}

	h3,
	.h3 {
		font-size: var(--s-h3-font-size);
		line-height: var(--s-h3-line-height);
	}

	h4,
	.h4 {
		font-size: var(--s-h4-font-size);
		line-height: var(--s-h4-line-height);
	}

	h5,
	.h5 {
		font-size: var(--s-h5-font-size);
		line-height: var(--s-h5-line-height);
	}

	h6,
	.h6 {
		font-size: var(--s-h6-font-size);
		line-height: var(--s-h6-line-height);
	}

	.display {
		font-size: var(--s-display-font-size);
		line-height: var(--s-display-line-height);
	}

	/* General normalizing */
	sup {
		position: relative;
		font-size: 0.6em;
		inset-block-start: -0.52em;
		line-height: 1;
	}

	small {
		display: block;
		font-size: var(--s-sm-font-size);
	}
}
@layer utility {
	:root {
		--preloader-background-color: var(--p-color-primary-100);
		--preloader-background-color-loaded: transparent;
	}

	.sr-only {
		position: absolute;
		clip-path: rect(1px 1px 1px 1px);
		inline-size: 1px;
		block-size: 1px;
		overflow: hidden;
		padding: 0;
		border: 0;
		white-space: nowrap;
	}

	.is-hyphenated {
		overflow-wrap: break-word;
		hyphens: auto;
	}

	.preloader {
		background-color: var(--preloader-background-color);
		transition: background-color var(--p-duration-normal) ease-out;
	}

		.has-loaded .preloader,.preloader.has-loaded {
			background-color: var(--preloader-background-color-loaded);
			background-image: none;
		}

			:is(.has-loaded .preloader,.preloader.has-loaded) img {
				opacity: 1;
			}

		.preloader img {
			opacity: 0;
			transition: opacity var(--p-duration-normal) ease-out 100ms;
		}
}
/*
Primitive tokens are theme specific variables that are used to define the theme specific values for the design system.
These should never be used directly in the components. These should only be used to map to the semantic tokens.
*/
@layer theme {
	:root {
		/* Spacing */
		--p-spacing-1: 0.25rem;
		--p-spacing-2: 0.5rem;
		--p-spacing-3: 0.75rem;
		--p-spacing-4: 1rem;
		--p-spacing-5: 1.25rem;
		--p-spacing-6: 1.5rem;
		--p-spacing-7: 2rem;
		--p-spacing-8: 2.8125rem;
		--p-spacing-9: 3rem;
		--p-spacing-10: 4rem;
		--p-spacing-11: 5rem;
		--p-spacing-12: 6rem;

		/* Colors -> system */
		--p-color-white: #fff;
		--p-color-white-rgb: 255 255 255;
		--p-color-black: #000;
		--p-color-black-rgb: 0 0 0;
		--p-color-focus: #0000d2;
		--p-color-gray: #ccc;

		/* Colors -> primary */
		--p-color-primary-100: #fff2f7;
		--p-color-primary-200: #ffe3ed;
		--p-color-primary-200-rgb: 255 227 237;
		--p-color-primary-300: #ffd3e3;
		--p-color-primary-400: #ffb7d1;
		--p-color-primary-500: #aa246c;
		--p-color-primary-600: #800045;
		--p-color-primary-700: #5a0031;
		--p-color-primary-800: #38001e;
		--p-color-primary-800-rgb: 56 0 30;

		/* Colors -> secondary */
		--p-color-secondary-100: #f4fff0;
		--p-color-secondary-200: #e5f4e0;
		--p-color-secondary-200-rgb: 229 244 224;
		--p-color-secondary-300: #c6e0be;
		--p-color-secondary-400: #abcf9f;
		--p-color-secondary-500: #8db480;
		--p-color-secondary-600: #6ba85c;

		/* Colors -> tertiary */
		--p-color-tertiary-100: #ffb19a;
		--p-color-tertiary-200: #ff7d56;
		--p-color-tertiary-300: #c52f02;
		--p-color-tertiary-400: #9a2400;

		/* Colors -> quaternary */
		--p-color-quaternary-100: #f0f7ff;
		--p-color-quaternary-200: #d5e5f4;
		--p-color-quaternary-300: #bcd7f0;
		--p-color-quaternary-400: #87ceeb;

		/* Colors -> peach */
		--p-color-peach-background: #ffd8cc;
		--p-color-peach-blocks: #ffb19a;
		--p-color-peach-graphic: #ffebe5;

		/* Colors -> green */
		--p-color-green-20: #d0e8c8;
		--p-color-green-40: #02c564;
		--p-color-green-60: #00b35a;
		--p-color-green-80: #019d4f;

		/* Colors -> neutral */
		--p-color-neutral-100: #f5f5f5;
		--p-color-neutral-200: #f4f4f4;
		--p-color-neutral-300: #e8e8e8;
		--p-color-neutral-400: #c0c0c0;
		--p-color-neutral-500: #747474;
		--p-color-neutral-600: #242424;
		--p-color-neutral-700: #151515;

		/* Colors -> success */
		--p-color-success-100: #e8f5e8;
		--p-color-success-200: #31c980;
		--p-color-success-300: #00b35a;

		/* Colors -> error */
		--p-color-error-100: #ffe8ed;
		--p-color-error-200: #fd316e;
		--p-color-error-300: #c01e47;

		/* Colors -> warning */
		--p-color-warning-100: #fff4e0;
		--p-color-warning-200: #ffd700;
		--p-color-warning-300: #e6c200;

		/* Radius */
		--p-radius-0: 0;
		--p-radius-1: 0.25rem;
		--p-radius-2: 1.75rem;
		--p-radius-3: 3.125rem;

		/* Font weight */
		--p-font-weight-regular: 400;
		--p-font-weight-bold: 700;

		/* Font family */
		--p-font-family-default: "DMSans", sans-serif;
		--p-font-family-headings: "CriteriaCF", sans-serif;

		/* Interactive outlines */
		--p-outline-width: 0.125rem;
		--p-outline-offset: 0.125rem;
		--p-outline-style: solid;
		--p-outline-color: var(--p-color-focus);

		/* Animation duration */
		--p-duration-perceptive-instant: 85ms;
		--p-duration-fast: 150ms;
		--p-duration-normal: 250ms;
		--p-duration-slow: 500ms;
		--p-duration-user-flow: 5000ms;
		--p-duration-attention-span: 12000ms;

		/* Animation easing */
		--p-swift-alt: cubic-bezier(0.55, 0, 0.1, 1);
		--p-swift-move: cubic-bezier(0.4, 0, 0.2, 1);
		--p-swifter-move: cubic-bezier(0.4, 0, 0, 1);
		--p-heavy-move: cubic-bezier(0.7, 0, 0.6, 1);
		--p-swift-out: cubic-bezier(0, 0, 0.2, 1);
		--p-swift-in: cubic-bezier(0.4, 0, 1, 1);
		/* Colors */
		--s-body-color-default: var(--p-color-primary-800);
		--s-headings-color-default: var(--p-color-primary-800);

		--s-link-color-default: var(--p-color-neutral-700);
		--s-link-color-hover-default: var(--p-color-tertiary-300);
		--s-link-color-active-default: var(--p-color-tertiary-400);

		--s-page-theme: var(--p-color-primary-200);
		--s-page-theme-secondary: var(--p-color-primary-300);
		--s-page-theme-tertiary: var(--p-color-primary-400);
		--s-page-theme-quaternary: transparent;
		--s-page-theme-button: var(--p-color-tertiary-300);
		--s-page-theme-button-hover: var(--p-color-tertiary-200);
		--s-page-theme-button-active: var(--p-color-tertiary-400);

		--s-pattern-theme: rgb(var(--p-color-white-rgb) / 50%);
		--s-pattern-theme-reversed: rgb(var(--p-color-white-rgb) / 50%);

		/* Typography
		@link https://utopia.fyi/clamp/calculator?a=320,1440,42—68|34—60|30—48|28—32|20—24|18—20|16—18 */

		--s-headings-font-family-default: var(--p-font-family-headings);
		--s-headings-font-weight-default: var(--p-font-weight-bold);
		--s-headings-letter-spacing-default: 0.02em;
		--s-body-font-family-default: var(--p-font-family-default);
		--s-body-font-weight-default: var(--p-font-weight-regular);
		--s-body-font-size-default: 1rem;
		--s-body-line-height-default: 1.5;

		--s-display-font-size: clamp(2.625rem, 2.1607rem + 2.3214dvi, 4.25rem);
		--s-display-line-height: 1.1;

		--s-h1-font-size: clamp(2.125rem, 1.6607rem + 2.3214dvi, 3.75rem);
		--s-h1-line-height: 1.1;

		--s-h2-font-size: clamp(1.875rem, 1.5536rem + 1.6071dvi, 3rem);
		--s-h2-line-height: 1.1;

		--s-h3-font-size: clamp(1.75rem, 1.6786rem + 0.3571dvi, 2rem);
		--s-h3-line-height: 1.15;

		--s-h4-font-size: clamp(1.25rem, 1.1786rem + 0.3571dvi, 1.5rem);
		--s-h4-line-height: 1.2;

		--s-h5-font-size: clamp(1.125rem, 1.0893rem + 0.1786dvi, 1.25rem);
		--s-h5-line-height: 1.2;

		--s-h6-font-size: clamp(1rem, 0.9643rem + 0.1786dvi, 1.125rem);
		--s-h6-line-height: 1.2;

		--s-lead-font-size: clamp(1.0625rem, 1.0446rem + 0.0893dvi, 1.125rem);
		--s-paragraph-font-size: var(--s-body-font-size-default);
		--s-sm-font-size: 0.875rem;

		/* Outline */
		--s-outline-default: var(--p-outline-width) var(--p-outline-style)
			var(--p-outline-color);

		/* Border radius */
		--s-border-radius-default: var(--p-radius-1);

		/* Animation */
		--s-transition-duration-default: var(--p-duration-fast);
		--s-transition-timing-function-default: linear;

		/* Layout */
		--s-layout-padding-inline: clamp(
			var(--p-spacing-4),
			-0.4286rem + 7.1429dvi,
			var(--p-spacing-12)
		);
		--s-layout-content-width: 57rem;
		--s-layout-breakout-width: 78rem;

		/* Grid */
		--s-grid-columns: 12;
		--s-grid-gap: clamp(
			var(--p-spacing-6),
			2.604dvi + 0.75rem,
			var(--p-spacing-9)
		);

		/* Main */
		--s-main-spacing-block: clamp(
			var(--p-spacing-7),
			1.1818rem + 3.6364dvi,
			var(--p-spacing-11)
		);

		/* Navigation */
		--s-navigation-height: 3.25rem;
	}
}
@layer theme {

		@media (min-width: 75.0625rem) {
	:root {
			--s-navigation-height: 5rem;
	}
		}
	:root {

		/* Component Spacing */
		--s-component-spacing-sm: 1.875rem;
		--s-component-spacing-md: var(--p-spacing-7);
		--s-component-spacing-lg: 2.8125rem;
		--s-component-spacing-xl: 3.75rem;
		/* Pattern Component */
		--c-pattern-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3658 768'%3E%3Cpath fill='black' fill-rule='evenodd' d='M.429 182.857H0V0h.429c151.523 0 274.285 122.763 274.285 274.286v219.428c0 50.534 40.895 91.429 91.429 91.429s91.428-40.895 91.428-91.429V274.286C457.571 122.763 580.334 0 731.857 0s274.283 122.763 274.283 274.286v219.428c0 50.534 40.9 91.429 91.43 91.429 50.54 0 91.43-40.895 91.43-91.429V274.286C1189 122.763 1311.76 0 1463.29 0c151.52 0 274.28 122.763 274.28 274.286v219.428c0 50.534 40.9 91.429 91.43 91.429 50.53 0 91.43-40.895 91.43-91.429V274.286C1920.43 122.763 2043.19 0 2194.71 0 2346.24 0 2469 122.763 2469 274.286v219.428c0 50.534 40.89 91.429 91.43 91.429 50.53 0 91.43-40.895 91.43-91.429V274.286C2651.86 122.763 2774.62 0 2926.14 0c151.53 0 274.29 122.763 274.29 274.286v219.428c0 50.534 40.89 91.429 91.43 91.429 50.53 0 91.43-40.895 91.43-91.429V274.286C3383.29 122.763 3506.05 0 3657.57 0h.43v182.857h-.43c-50.53 0-91.43 40.895-91.43 91.429v219.428c0 151.523-122.76 274.286-274.28 274.286-151.53 0-274.29-122.763-274.29-274.286V274.286c0-50.534-40.89-91.429-91.43-91.429-50.53 0-91.43 40.895-91.43 91.429v219.428c0 151.523-122.76 274.286-274.28 274.286-151.52 0-274.29-122.763-274.29-274.286V274.286c0-50.534-40.89-91.429-91.43-91.429-50.53 0-91.42 40.895-91.42 91.429v219.428C2103.29 645.237 1980.52 768 1829 768c-151.52 0-274.29-122.763-274.29-274.286V274.286c0-50.534-40.89-91.429-91.42-91.429-50.54 0-91.43 40.895-91.43 91.429v219.428c0 151.523-122.77 274.286-274.29 274.286-151.522 0-274.284-122.763-274.284-274.286V274.286c0-50.534-40.895-91.429-91.429-91.429s-91.428 40.895-91.428 91.429v219.428C640.429 645.237 517.666 768 366.143 768S91.857 645.237 91.857 493.714V274.286c0-50.534-40.895-91.429-91.428-91.429Z' clip-rule='evenodd'/%3E%3C/svg%3E");

		--c-pattern-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3659 730'%3E%3Cpath fill='black' fill-rule='evenodd' d='M0 439.5 915.384 0v439.182L1829.87 0v439.182L2744.36 0v439.182L3658.84 0l-.84 642.5-182.05 87.5V290.818L2561.46 730V290.818L1646.97 730V290.818L732.487 730V290.818L0 642.5v-203Z' clip-rule='evenodd'/%3E%3C/svg%3E");

		--c-pattern-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3840 768'%3E%3Cpath fill='black' fill-rule='evenodd' d='M382.428 121.268C444.272 53.416 527.139 0 640 0c112.862 0 195.728 53.416 257.572 121.268 57.457 63.038 101.909 144.35 139.948 213.936.9 1.649 1.8 3.292 2.7 4.927 41.36 75.637 76.17 138.241 117.35 183.423 38.16 41.862 75.29 61.589 122.43 61.589s84.27-19.727 122.43-61.589c41.18-45.182 75.99-107.786 117.35-183.423.9-1.635 1.8-3.277 2.7-4.925 38.04-69.587 82.49-150.899 139.95-213.938C1724.27 53.416 1807.14 0 1920 0c112.86 0 195.73 53.416 257.57 121.268 57.46 63.039 101.91 144.351 139.95 213.938l2.7 4.925c41.36 75.637 76.17 138.241 117.35 183.423 38.16 41.862 75.29 61.589 122.43 61.589s84.27-19.727 122.43-61.589c41.18-45.182 75.99-107.786 117.35-183.423l2.7-4.927c38.04-69.586 82.49-150.897 139.95-213.936C3004.27 53.416 3087.14 0 3200 0c112.86 0 195.73 53.416 257.57 121.268 57.46 63.039 101.91 144.35 139.95 213.936l2.7 4.927c41.36 75.637 76.17 138.241 117.35 183.423 38.16 41.862 75.29 61.589 122.43 61.589V768c-112.86 0-195.73-53.416-257.57-121.268-57.46-63.039-101.91-144.35-139.95-213.937l-2.7-4.926c-41.36-75.637-76.17-138.241-117.35-183.423-38.16-41.862-75.29-61.589-122.43-61.589s-84.27 19.727-122.43 61.589c-41.18 45.182-75.99 107.786-117.35 183.423l-2.7 4.926c-38.04 69.587-82.49 150.898-139.95 213.937C2755.73 714.584 2672.86 768 2560 768c-112.86 0-195.73-53.416-257.57-121.268-57.46-63.039-101.91-144.351-139.95-213.938l-2.7-4.925c-41.36-75.637-76.17-138.241-117.35-183.423-38.16-41.862-75.29-61.589-122.43-61.589s-84.27 19.727-122.43 61.589c-41.18 45.182-75.99 107.786-117.35 183.423l-2.7 4.925c-38.04 69.587-82.49 150.899-139.95 213.938C1475.73 714.584 1392.86 768 1280 768c-112.86 0-195.73-53.416-257.57-121.268-57.459-63.039-101.911-144.35-139.953-213.937a7229.87 7229.87 0 0 0-2.694-4.926c-41.363-75.637-76.173-138.241-117.355-183.423-38.156-41.862-75.29-61.589-122.428-61.589-47.138 0-84.272 19.727-122.428 61.589-41.181 45.182-75.992 107.786-117.355 183.423l-2.694 4.926c-38.042 69.587-82.494 150.898-139.951 213.937C195.728 714.584 112.862 768 0 768V585.143c47.139 0 84.272-19.727 122.428-61.589 41.182-45.182 75.992-107.786 117.355-183.423l2.694-4.927c38.042-69.586 82.494-150.898 139.951-213.936Z' clip-rule='evenodd'/%3E%3C/svg%3E");

		--c-pattern-4: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3018 732'%3E%3Cpath fill='black' fill-rule='evenodd' d='M492.065 0h513.645v549h217.78L1497.78 0h514.11l-2.75 549h220.07L2503.49 0h513.65v732h-182.85V183h-217.78l-274.29 549h-516.85l2.74-549h-217.32l-274.28 549H822.857V183h-217.78L330.792 732H0V549h217.78L492.065 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");

		--c-pattern-5: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3658 733'%3E%3Cpath fill='black' fill-rule='evenodd' d='m3657 142.777.14 589.488L3200 375.233v357.032l-457.14-357.032v357.032l-457.15-357.033v357.033l-457.14-357.033v357.033l-457.14-357.033v357.033L914.286 375.232v357.033L457.143 375.232v357.033L0 375.232l.143-231.955 274.143 214.045V.289l457.143 357.033V.289l457.141 357.033V.289l457.14 357.033V.289l457.15 357.033V.289L2560 357.322V.289l457.14 357.033V.289l457.15 357.033V.277l182.71 142.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");

		--c-pattern-6: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2744 764'%3E%3Cpath fill='black' fill-rule='evenodd' d='M0 182.492V0c121.857 0 220.628 98.653 220.628 220.268v323.465c0 20.912 16.983 37.776 37.761 37.776a37.735 37.735 0 0 0 25.877-10.264l472.2-505.608 1.137-1.135A220.8 220.8 0 0 1 913.598 0c121.712 0 220.382 98.411 220.632 219.821l2.74 323.525v.386c0 20.912 16.98 37.776 37.76 37.776a37.74 37.74 0 0 0 25.88-10.265l472.2-505.608 1.13-1.134A220.813 220.813 0 0 1 1829.94 0c121.86 0 220.63 98.652 220.63 220.267v323.465c0 20.912 16.98 37.776 37.76 37.776 9.62 0 18.85-3.662 25.87-10.265l472.2-505.608 1.14-1.134A220.813 220.813 0 0 1 2743.54 0v182.491c-9.63 0-18.86 3.662-25.88 10.265l-472.2 505.607-1.14 1.135A220.788 220.788 0 0 1 2088.33 764c-121.86 0-220.63-98.652-220.63-220.267V220.268c0-20.912-16.98-37.776-37.76-37.776a37.74 37.74 0 0 0-25.88 10.265l-472.2 505.607-1.14 1.135C1289.38 740.762 1233.31 764 1174.73 764c-121.71 0-220.386-98.411-220.627-219.821l-2.743-323.525v-.386c0-20.912-16.984-37.776-37.762-37.776a37.732 37.732 0 0 0-25.877 10.265l-472.2 505.607-1.137 1.135A220.798 220.798 0 0 1 258.389 764c-121.857 0-220.627-98.653-220.627-220.267V220.268c0-20.912-16.984-37.776-37.762-37.776Z' clip-rule='evenodd'/%3E%3C/svg%3E");

		--c-pattern-7: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 482'%3E%3Cpath fill='%23C7DBEE' d='M358.5 120.5a180.75 180.75 0 1 0 0 361.5H720V0H599.5v120.5h-70.515a181.658 181.658 0 0 1 0 120.5H599.5v120.5h-241a60.25 60.25 0 0 1 0-120.5 60.25 60.25 0 0 0 0-120.5Z'/%3E%3Cpath fill='%23fff' fill-opacity='.4' d='M177.75 301.25A180.494 180.494 0 0 1 188.015 241H117.5V120.5h241a60.25 60.25 0 0 1 0 120.5 60.25 60.25 0 0 0 0 120.5 180.753 180.753 0 0 0 180.75-180.75A180.75 180.75 0 0 0 358.5 0H-3v482h120.5V361.5h70.515a180.494 180.494 0 0 1-10.265-60.25Z'/%3E%3C/svg%3E");
	}
}
@layer theme {
}