/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

	/* Document
     ========================================================================== */

	/**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */

	html {
		line-height: 1.15; /* 1 */
		-webkit-text-size-adjust: 100%; /* 2 */
	}

	/* Sections
     ========================================================================== */

	/**
   * Remove the margin in all browsers.
   */

	body {
		margin: 0;
	}

	/**
   * Render the 'main' element consistently in IE.
   */

	main {
		display: block;
	}

	/**
   * Correct the font size and margin on 'h1' elements within 'section' and
   * 'article' contexts in Chrome, Firefox, and Safari.
   */

	h1 {
		font-size: 2em;
		margin: 0.67em 0;
	}

	/* Grouping content
     ========================================================================== */

	/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

	hr {
		box-sizing: content-box; /* 1 */
		height: 0; /* 1 */
		overflow: visible; /* 2 */
	}

	/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd 'em' font sizing in all browsers.
   */

	pre {
		font-family: monospace, monospace; /* 1 */
		font-size: 1em; /* 2 */
	}

	/* Text-level semantics
     ========================================================================== */

	/**
   * Remove the gray background on active links in IE 10.
   */

	a {
		background-color: transparent;
	}

	/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

	abbr[title] {
		border-bottom: none; /* 1 */
		text-decoration: underline; /* 2 */
		text-decoration: underline dotted; /* 2 */
	}

	/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

	b,
	strong {
		font-weight: bolder;
	}

	/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd 'em' font sizing in all browsers.
   */

	code,
	kbd,
	samp {
		font-family: monospace; /* 1 */
		font-size: 1em; /* 2 */
	}

	/**
   * Add the correct font size in all browsers.
   */

	small {
		font-size: 80%;
	}

	/**
   * Prevent 'sub' and 'sup' elements from affecting the line height in
   * all browsers.
   */

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sub {
		bottom: -0.25em;
	}

	sup {
		top: -0.5em;
	}

	/* Embedded content
     ========================================================================== */

	/**
   * Remove the border on images inside links in IE 10.
   */

	img {
		border-style: none;
	}

	/* Forms
     ========================================================================== */

	/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

	button,
	input,
	optgroup,
	select,
	textarea {
		font-family: inherit; /* 1 */
		font-size: 100%; /* 1 */
		line-height: 1.15; /* 1 */
		margin: 0; /* 2 */
	}

	/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

	button,
	input {
		/* 1 */
		overflow: visible;
	}

	/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

	button,
	select {
		/* 1 */
		text-transform: none;
	}

	/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

	button,
	[type="button"],
	[type="reset"],
	[type="submit"] {
		-webkit-appearance: button;
	}

	/**
   * Remove the inner border and padding in Firefox.
   */

	button::-moz-focus-inner,
	[type="button"]::-moz-focus-inner,
	[type="reset"]::-moz-focus-inner,
	[type="submit"]::-moz-focus-inner {
		border-style: none;
		padding: 0;
	}

	/**
   * Restore the focus styles unset by the previous rule.
   */

	button:-moz-focusring,
	[type="button"]:-moz-focusring,
	[type="reset"]:-moz-focusring,
	[type="submit"]:-moz-focusring {
		outline: 1px dotted ButtonText;
	}

	/**
   * Correct the padding in Firefox.
   */

	fieldset {
		padding: 0.35em 0.75em 0.625em;
	}

	/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from 'fieldset' elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    'fieldset' elements in all browsers.
   */

	legend {
		box-sizing: border-box; /* 1 */
		color: inherit; /* 2 */
		display: table; /* 1 */
		max-width: 100%; /* 1 */
		padding: 0; /* 3 */
		white-space: normal; /* 1 */
	}

	/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

	progress {
		vertical-align: baseline;
	}

	/**
   * Remove the default vertical scrollbar in IE 10+.
   */

	textarea {
		overflow: auto;
	}

	/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

	[type="checkbox"],
	[type="radio"] {
		box-sizing: border-box; /* 1 */
		padding: 0; /* 2 */
	}

	/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

	[type="number"]::-webkit-inner-spin-button,
	[type="number"]::-webkit-outer-spin-button {
		height: auto;
	}

	/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

	[type="search"] {
		-webkit-appearance: textfield; /* 1 */
		outline-offset: -2px; /* 2 */
	}

	/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

	[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to 'inherit' in Safari.
   */

	::-webkit-file-upload-button {
		-webkit-appearance: button; /* 1 */
		font: inherit; /* 2 */
	}

	/* Interactive
     ========================================================================== */

	/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

	details {
		display: block;
	}

	/*
   * Add the correct display in all browsers.
   */

	summary {
		display: list-item;
	}

	/* Misc
     ========================================================================== */

	/**
   * Add the correct display in IE 10+.
   */

	template {
		display: none;
	}

	/**
   * Add the correct display in IE 10.
   */

	[hidden] {
		display: none;
	}

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

	/* Remove default margin */
	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	ul,
	ol,
	li,
	figure,
	figcaption,
	blockquote,
	dl,
	dd {
		margin: 0;
	}

	/* A elements that don't have a class get default styles */
	a:not([class]) {
		text-decoration-skip-ink: auto;
	}

	/* Make images easier to work with */
	img {
		max-width: 100%;
		display: block;
	}

	/* Inherit fonts for inputs and buttons */
	input,
	button,
	textarea,
	select {
		font: inherit;
	}

	/* Remove all animations and transitions for people that prefer not to see them */
	@media (prefers-reduced-motion: reduce) {
		* {
			animation-duration: 0.01ms !important; /* stylelint-disable-line declaration-no-important */
			animation-iteration-count: 1 !important; /* stylelint-disable-line declaration-no-important */
			transition-duration: 0.01ms !important; /* stylelint-disable-line declaration-no-important */
			scroll-behavior: auto !important; /* stylelint-disable-line declaration-no-important */
		}
	}

	
	@font-face {
		font-family: "Supreme LL Web";
		src:
			url("/assets/fonts/SupremeLLWeb-Book.woff") format("woff"),
			url("/assets/fonts/SupremeLLWeb-Book.woff2") format("woff2");
		font-weight: 400;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: "Supreme LL Web";
		src:
			url("/assets/fonts/SupremeLLWeb-BookItalic.woff") format("woff"),
			url("/assets/fonts/SupremeLLWeb-BookItalic.woff2") format("woff2");
		font-weight: 400;
		font-style: italic;
		font-display: swap;
	}

	@font-face {
		font-family: "Supreme LL Web";
		src:
			url("/assets/fonts/SupremeLLWeb-BoldFlat.woff") format("woff"),
			url("/assets/fonts/SupremeLLWeb-BoldFlat.woff2") format("woff2");
		font-weight: 600;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: "Supreme LL Web";
		src:
			url("/assets/fonts/SupremeLLWeb-BoldFlatItalic.woff") format("woff"),
			url("/assets/fonts/SupremeLLWeb-BoldFlatItalic.woff2")
				format("woff2");
		font-weight: 600;
		font-style: italic;
		font-display: swap;
	}

  
	:root {
		/* Low-level variables */
		/* Do not use outside of this document */

		/* Predefined units based on an exponential scale of --unit-ratio */
		--unit-normal: 18px;
		--unit-thin: 2px;
		--unit-hairline: 1px;
		--unit-ratio: 1.2;

		/* Units based on an exponential scale of --unit-ratio */
		--unit-large: calc(var(--unit-normal) * var(--unit-ratio));
--unit-large-2: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-3: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-4: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-5: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-6: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-7: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-8: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-9: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-10: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-11: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-12: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));

		--unit-small: calc(var(--unit-normal) / var(--unit-ratio));
--unit-small-2: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-3: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-4: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-5: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-6: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-7: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-8: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-9: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-10: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-11: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-12: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));

    /* Font and type basics */
    --font-stack-ultima: 'Supreme LL Web', 'Futura', sans-serif;

		/* Named colors */
		--color-white: white;

		--color-magenta-100: #f8f4f5;
		--color-magenta-200: #ffeff5;
		--color-magenta-300: #ffd6e5; /* Ultima accent 2024 */
		--color-magenta-400: #f8afca;
		--color-magenta-500: #ff69a2;
		--color-magenta-600: #ff0061; /* Ultima brand 2024 */
		--color-magenta-700: #d61b62;
		--color-magenta-800: #810333;
		--color-magenta-900: #48071f;
		--color-magenta-950: #27010f;

		--color-cyan-50: #fbfdfd;
		--color-cyan-100: #f7fbfc;
		--color-cyan-200: #eff8fa;
		--color-cyan-300: #daf4fa;
		--color-cyan-400: #b0e8f6;
		--color-cyan-500: #78d8f0;
		--color-cyan-600: #19bce5;
		--color-cyan-700: #138dab;
		--color-cyan-800: #026781;
		--color-cyan-900: #063b48;
		--color-cyan-950: #001f27;

		--color-gray-50: #f8f8f8;
		--color-gray-100: #f2f2f2;
		--color-gray-200: #e3e3e3;
		--color-gray-300: #d9d8d8;
		--color-gray-400: #c6c6c6;
		--color-gray-500: #9a9a9a;
		--color-gray-600: #767676;
		--color-gray-700: #585858;
		--color-gray-800: #3e3e3e;
		--color-gray-900: #212121;
		--color-gray-950: #121212;
	}

	:root {
		/* High-level variables */
		/* These are meant to be used in the normal stylesheet */

		/* Typography */
		--line-height-large: 1.4;
		--line-height-normal: 1.333;
		--line-height-small: 1.25;
		--line-height-small-2: 1.2;
		--line-height-small-3: 1.1;

		--font-size-large-5: var(--unit-large-7);
		--font-size-large-4: var(--unit-large-5);
		--font-size-large-3: var(--unit-large-3);
		--font-size-large-2: var(--unit-large-2);
		--font-size-large: var(--unit-large);
		--font-size-normal: var(--unit-normal);
		--font-size-small: var(--unit-small);
		--font-size-small-2: var(--unit-small-2);
		--font-size-small-3: var(--unit-small-3);

		--font-stack-primary: var(--font-stack-ultima);

		/* Colors */
		--color-text: var(--color-gray-800);
		--color-text-muted: var(--color-cyan-600);
		--color-text-highlighted: var(--color-magenta-600);
		--color-text-light: var(--color-gray-300);
		--color-text-dark: var(--color-gray-900);
		--color-text-inverted: var(--color-white);
		--color-border: var(--color-gray-500);
		--color-border-muted: var(--color-gray-300);
		--color-footer-background: var(--color-cyan-200);
		--color-background: var(--color-white);
		--color-background-contrast: var(--color-gray-200);
		--color-background-contrast-light: var(--color-gray-100);
		--color-background-inverted: var(--color-gray-900);
		--color-background-under-image: var(--color-gray-700);
		--color-background-under-image-hover: var(--color-gray-600);
		--color-link: var(--color-magenta-600);
		--color-link-hover: var(--color-magenta-500);
		--color-link-active: var(--color-magenta-700);
		--color-link-border: var(--color-magenta-400);
		--color-link-border-hover: var(--color-magenta-600);
		--color-link-border-active: var(--color-gray-700);
		--color-link-inverted: var(--color-white);
		--color-link-inverted-hover: var(--color-magenta-100);
		--color-link-inverted-active: var(--color-white);
		--color-link-inverted-border: var(--color-magenta-500);
		--color-link-inverted-background: var(--color-magenta-600);
		--color-link-inverted-background-inverted: var(--color-magenta-600);
		--color-block-link-text: var(--color-text);
		--color-block-link-background: var(--color-white);
		--color-link-navigation-decoration: var(--color-cyan-500);
		--color-notice-background: var(--color-cyan-200);
		--color-notice-background-inverted: rbga(255, 255, 255, 0.1);
		--color-image-background: var(--color-gray-900);
		--color-brand: var(--color-magenta-600);

		/* Spacing */
		--spacing-horizontal-large-5: var(--unit-large-12);
		--spacing-horizontal-large-4: var(--unit-large-10);
		--spacing-horizontal-large-3: var(--unit-large-6);
		--spacing-horizontal-large-2: var(--unit-large-4);
		--spacing-horizontal-large: var(--unit-large);
		--spacing-horizontal: var(--unit-small);
		--spacing-horizontal-small: var(--unit-small-3);
		--spacing-horizontal-small-2: var(--unit-small-6);
		--spacing-horizontal-small-3: var(--unit-small-8);
		--spacing-horizontal-small-4: var(--unit-small-10);
		--spacing-horizontal-small-5: var(--unit-small-12);

		--spacing-vertical-large-5: var(--unit-large-12);
		--spacing-vertical-large-4: var(--unit-large-10);
		--spacing-vertical-large-3: var(--unit-large-6);
		--spacing-vertical-large-2: var(--unit-large-4);
		--spacing-vertical-large: var(--unit-large);
		--spacing-vertical: var(--unit-small);
		--spacing-vertical-small: var(--unit-small-3);
		--spacing-vertical-small-2: var(--unit-small-6);
		--spacing-vertical-small-3: var(--unit-small-8);
		--spacing-vertical-small-4: var(--unit-small-10);
		--spacing-vertical-small-5: var(--unit-small-12);

		--spacing-page-margin-horizontal: var(--spacing-horizontal-small);
		--spacing-gutter-horizontal: var(--spacing-horizontal-small);

		/* Borders */
		--border-width-normal: var(--unit-hairline);
		--border-width-large: var(--unit-thin);

		--border-radius-small-2: var(--unit-small-12);
		--border-radius-small: var(--unit-small-6);
		--border-radius: var(--unit-small-3);
		--border-radius-large: var(--unit-large);
		--border-radius-large-2: var(--unit-large-4);

		/* Special */

		--site-header-height: 2.1rem;
	}

	@media (min-width: 640px) {
		:root {
			--unit-normal: 20px;
			--spacing-page-margin-horizontal: var(--spacing-horizontal-large);
			--spacing-gutter-horizontal: var(--spacing-horizontal-large);
		}
	}

	@media (min-width: 1024px) {
		:root {
			--unit-normal: 22px;
			--spacing-page-margin-horizontal: var(--spacing-horizontal-large-2);
			--spacing-gutter-horizontal: var(--spacing-horizontal-large-2);
		}
	}

	@media (min-width: 1536px) {
		:root {
			--unit-normal: 25px;
		}
	}

  
	html {
		font-size: var(--font-size-normal);
		font-feature-settings: "ss01", "ss02", "ss04", "ss10", "ss14", "ss19";
		font-variant-numeric: oldstyle-nums;
	}

	body {
		font-family: var(--font-stack-primary);
		line-height: var(--line-height-normal);
		color: var(--color-text);
		background: var(--color-background);
		text-rendering: optimizeLegibility;
		text-rendering: geometricPrecision;
	}

	address {
		font-style: normal;
	}

  
		
	.aspectRatio {
		position: relative;
	}

	.aspectRatio__content {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.blockDetails {
		border: var(--border-width-normal) solid;
		transition:
			border-color 70ms ease,
			margin 70ms ease-in-out;
	}

	.blockDetails[open] {
		border-color: var(--color-border-muted);
		/* margin: 0 calc(var(--spacing-horizontal-small-2) * -2); */
		/* transition: margin 100ms ease-out; */
		backdrop-filter: blur(50px);
	}

	.blockDetails[open]:active {
		/* border-color: var(--color-background); */
	}

	.blockDetails:not([open]):active {
		border-color: var(--color-border-muted);
		/* margin: 0 calc(var(--spacing-horizontal-small-2) * -2); */
	}

	.blockDetails__content {
		padding: var(--spacing-vertical-small-2) var(--spacing-horizontal-small)
			var(--spacing-vertical-large) var(--spacing-horizontal-small);
	}

	.blockDetails__summary {
		padding: var(--spacing-vertical-small) var(--spacing-horizontal-large-4)
			var(--spacing-vertical-small) var(--spacing-horizontal-small);
		position: sticky;
		top: 0;
		display: block;
		cursor: pointer;
		color: var(--color-block-link-text);
		background: var(--color-block-link-background);
		outline: none;
		user-select: none;
	}

	.blockDetails__heading::after {
		content: "+";
		position: absolute;
		top: var(--spacing-vertical-small);
		right: var(--spacing-horizontal-small);
		line-height: var(--line-height-small-2);
	}

	.blockDetails[open] .blockDetails__heading::after {
		content: "–";
	}

	.blockDetails__summary:active {
		/* color: var(--color-link-active); */
	}

	.blockDetails__summary::-webkit-details-marker {
		display: none;
	}

	.blockDetails__summary::marker {
		color: transparent;
	}

	.blockLink {
		display: block;
	}

	.blockLink--small-value-true {
		font-size: var(--font-size-small);
		line-height: var(--line-height-large);
	}

	.blockLink--invert-value-true {
		background: var(--color-link-inverted-background);
		color: var(--color-link-inverted);
	}

	.blockLink--invert-value-true:hover {
		color: var(--color-link-inverted-hover);
	}

	.blockLink--invert-value-true:active {
		color: var(--color-link-inverted-active);
	}

	.blockLink--background-value-true {
		background-blend-mode: overlay;
		background-color: var(--color-background-under-image);
	}

	.blockLink__button {
		position: relative;
		border: var(--border-width-normal) solid;
		padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
		padding-right: var(--spacing-horizontal-large-3);
		user-select: none;
		font-size: var(--font-size-normal);
		color: var(--color-block-link-text);
		background: var(--color-block-link-background);
		font-weight: bold;
	}

	.blockLink__button:active {
		border-color: var(--color-border);
	}

	.blockLink__button:hover {
		--color-background-under-image: var(
			--color-background-under-image-hover
		);
	}

	.blockLink__button::after {
		content: "→";
		position: absolute;
		top: 0;
		right: 0;
		padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
	}

	.blockLink__button--external::after {
		content: "↗︎";
	}

	.blockLink--tall-value-true .blockLink__button {
		padding-bottom: var(--spacing-vertical-large-5);
	}

	.blockLink--invert-value-true .blockLink__button {
		color: var(--color-text-inverted);
	}

	.blockLink--background-value-false.blockLink--invert-value-true .blockLink__button {
		background-color: var(--color-background-inverted);
	}

	.blockLink--background-value-true .blockLink__button {
		height: 100%;
		background-color: var(--color-background-under-image);
		background-blend-mode: overlay;
		background-size: cover;
		background-position: center;
	}

	.blockLink__preview {
		border-bottom: 0;
	}

	.breadcrumbs__list {
		display: flex;
		padding: 0;
		list-style: none;
		overflow-x: scroll;
	}

	.breadcrumbs__item {
		display: block;
		flex-grow: 0;
		flex-shrink: 0;
	}

	.breadcrumbs__item:not(:last-child)::after {
		content: "/ ";
		margin: 0 var(--spacing-horizontal-small-5);
	}

	.cardLink {
		display: block;
		min-height: 6em;
		background: var(--color-background-inverted);
		position: relative;
		aspect-ratio: 3 / 2;
		text-decoration: none;
		overflow-y: hidden;
		line-height: var(--line-height-small-2);
	}

	.cardLink:active .cardLink__picture {
		opacity: 0.8;
	}

	.cardLink__content {
		position: relative;
		z-index: 1;
		color: var(--color-background);
		padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
		pointer-events: none;
	}

	.cardLink--arrow-value-true .cardLink__content {
		padding-right: var(--spacing-horizontal-large-2);
	}

	.cardLink--arrow-value-true .cardLink__content::after {
		content: "→";
		position: absolute;
		top: 0;
		right: 0;
		padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
	}

	.cardLink__picture {
		position: absolute !important;
		z-index: 0;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
	}

	.checkboxPill__input {
		display: none;
	}

	.checkboxPill__label {
		display: inline-block;
		color: var(--color-link);
		font-size: var(--font-size-small);
		line-height: var(--line-height-large);
		border: var(--border-width-large) currentcolor solid;
		padding: var(--spacing-vertical-small-3) var(--spacing-horizontal-small);
		border-radius: var(--border-radius-large);
		cursor: pointer;
		user-select: none;
		display: inline-block;

		/* Should it have a margin? Should this be solved by a layout component?  */
		margin: 0.2em 0;
	}

	.checkboxPill__label:hover {
		color: var(--color-link-hover);
	}

	.checkboxPill__label:active {
		color: var(--color-link-active);
	}

	.checkboxPill__input:checked + .checkboxPill__label {
		background: var(--color-link-inverted-background);
		border-color: var(--color-link-inverted-border);
		color: var(--color-link-inverted);
	}

	.checkboxPill__input:checked + .checkboxPill__label:hover {
		color: var(--color-link-inverted-hover);
	}

	.checkboxPill__input:checked + .checkboxPill__label:active {
		color: var(--color-link-inverted-active);
	}

	
			
			.checkboxPill--favorite-value-true .checkboxPill__label::before {
				content: "○";
			}

			.checkboxPill--favorite-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
				content: "●";
			}

			.checkboxPill--favorite-value-true .checkboxPill__label {
				padding: 0 0.3em;
				border: none;
				background: transparent;
			}
		

			
					@media (min-width: 0) {
						
			.checkboxPill--favorite-breakpoint-0-value-true .checkboxPill__label::before {
				content: "○";
			}

			.checkboxPill--favorite-breakpoint-0-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
				content: "●";
			}

			.checkboxPill--favorite-breakpoint-0-value-true .checkboxPill__label {
				padding: 0 0.3em;
				border: none;
				background: transparent;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.checkboxPill--favorite-breakpoint-1-value-true .checkboxPill__label::before {
				content: "○";
			}

			.checkboxPill--favorite-breakpoint-1-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
				content: "●";
			}

			.checkboxPill--favorite-breakpoint-1-value-true .checkboxPill__label {
				padding: 0 0.3em;
				border: none;
				background: transparent;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.checkboxPill--favorite-breakpoint-2-value-true .checkboxPill__label::before {
				content: "○";
			}

			.checkboxPill--favorite-breakpoint-2-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
				content: "●";
			}

			.checkboxPill--favorite-breakpoint-2-value-true .checkboxPill__label {
				padding: 0 0.3em;
				border: none;
				background: transparent;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.checkboxPill--favorite-breakpoint-3-value-true .checkboxPill__label::before {
				content: "○";
			}

			.checkboxPill--favorite-breakpoint-3-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
				content: "●";
			}

			.checkboxPill--favorite-breakpoint-3-value-true .checkboxPill__label {
				padding: 0 0.3em;
				border: none;
				background: transparent;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.checkboxPill--favorite-breakpoint-4-value-true .checkboxPill__label::before {
				content: "○";
			}

			.checkboxPill--favorite-breakpoint-4-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
				content: "●";
			}

			.checkboxPill--favorite-breakpoint-4-value-true .checkboxPill__label {
				padding: 0 0.3em;
				border: none;
				background: transparent;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.checkboxPill--favorite-breakpoint-5-value-true .checkboxPill__label::before {
				content: "○";
			}

			.checkboxPill--favorite-breakpoint-5-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
				content: "●";
			}

			.checkboxPill--favorite-breakpoint-5-value-true .checkboxPill__label {
				padding: 0 0.3em;
				border: none;
				background: transparent;
			}
		
					}
				
		

	
			
			.checkboxPill--invert-value-true .checkboxPill__label {
				color: var(--color-link-inverted);
			}
		

			
					@media (min-width: 0) {
						
			.checkboxPill--invert-breakpoint-0-value-true .checkboxPill__label {
				color: var(--color-link-inverted);
			}
		
					}
				
					@media (min-width: 640px) {
						
			.checkboxPill--invert-breakpoint-1-value-true .checkboxPill__label {
				color: var(--color-link-inverted);
			}
		
					}
				
					@media (min-width: 768px) {
						
			.checkboxPill--invert-breakpoint-2-value-true .checkboxPill__label {
				color: var(--color-link-inverted);
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.checkboxPill--invert-breakpoint-3-value-true .checkboxPill__label {
				color: var(--color-link-inverted);
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.checkboxPill--invert-breakpoint-4-value-true .checkboxPill__label {
				color: var(--color-link-inverted);
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.checkboxPill--invert-breakpoint-5-value-true .checkboxPill__label {
				color: var(--color-link-inverted);
			}
		
					}
				
		

	.column {
		position: relative;
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	
			
			.column--background-value-true {
				background: var(--color-background);
			}
		

			
					@media (min-width: 0) {
						
			.column--background-breakpoint-0-value-true {
				background: var(--color-background);
			}
		
					}
				
					@media (min-width: 640px) {
						
			.column--background-breakpoint-1-value-true {
				background: var(--color-background);
			}
		
					}
				
					@media (min-width: 768px) {
						
			.column--background-breakpoint-2-value-true {
				background: var(--color-background);
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.column--background-breakpoint-3-value-true {
				background: var(--color-background);
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.column--background-breakpoint-4-value-true {
				background: var(--color-background);
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.column--background-breakpoint-5-value-true {
				background: var(--color-background);
			}
		
					}
				
		

	
			
			.column--sticky-value-true {
				align-self: flex-start;
				position: sticky;
				top: 0;
			}
		

			
					@media (min-width: 0) {
						
			.column--sticky-breakpoint-0-value-true {
				align-self: flex-start;
				position: sticky;
				top: 0;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.column--sticky-breakpoint-1-value-true {
				align-self: flex-start;
				position: sticky;
				top: 0;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.column--sticky-breakpoint-2-value-true {
				align-self: flex-start;
				position: sticky;
				top: 0;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.column--sticky-breakpoint-3-value-true {
				align-self: flex-start;
				position: sticky;
				top: 0;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.column--sticky-breakpoint-4-value-true {
				align-self: flex-start;
				position: sticky;
				top: 0;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.column--sticky-breakpoint-5-value-true {
				align-self: flex-start;
				position: sticky;
				top: 0;
			}
		
					}
				
		

  
			
			.column--highZ-value-true {
				z-index: 100;
			}
		

			
					@media (min-width: 0) {
						
			.column--highZ-breakpoint-0-value-true {
				z-index: 100;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.column--highZ-breakpoint-1-value-true {
				z-index: 100;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.column--highZ-breakpoint-2-value-true {
				z-index: 100;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.column--highZ-breakpoint-3-value-true {
				z-index: 100;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.column--highZ-breakpoint-4-value-true {
				z-index: 100;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.column--highZ-breakpoint-5-value-true {
				z-index: 100;
			}
		
					}
				
		

  
			
			.column--halfscreen-value-true {
				aspect-ratio: 1;
				min-height: 75vh;
			}
		

			
					@media (min-width: 0) {
						
			.column--halfscreen-breakpoint-0-value-true {
				aspect-ratio: 1;
				min-height: 75vh;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.column--halfscreen-breakpoint-1-value-true {
				aspect-ratio: 1;
				min-height: 75vh;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.column--halfscreen-breakpoint-2-value-true {
				aspect-ratio: 1;
				min-height: 75vh;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.column--halfscreen-breakpoint-3-value-true {
				aspect-ratio: 1;
				min-height: 75vh;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.column--halfscreen-breakpoint-4-value-true {
				aspect-ratio: 1;
				min-height: 75vh;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.column--halfscreen-breakpoint-5-value-true {
				aspect-ratio: 1;
				min-height: 75vh;
			}
		
					}
				
		

  
			
			.column--fullscreen-value-true {
				min-height: 100vh;
				max-height: 100vh;
			}
		

			
					@media (min-width: 0) {
						
			.column--fullscreen-breakpoint-0-value-true {
				min-height: 100vh;
				max-height: 100vh;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.column--fullscreen-breakpoint-1-value-true {
				min-height: 100vh;
				max-height: 100vh;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.column--fullscreen-breakpoint-2-value-true {
				min-height: 100vh;
				max-height: 100vh;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.column--fullscreen-breakpoint-3-value-true {
				min-height: 100vh;
				max-height: 100vh;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.column--fullscreen-breakpoint-4-value-true {
				min-height: 100vh;
				max-height: 100vh;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.column--fullscreen-breakpoint-5-value-true {
				min-height: 100vh;
				max-height: 100vh;
			}
		
					}
				
		

  
			
			.column--align-value-start {
				justify-content: flex-start;
			}

			.column--align-value-center {
				justify-content: center;
			}

			.column--align-value-end {
				justify-content: flex-end;
			}
		

			
					@media (min-width: 0) {
						
			.column--align-breakpoint-0-value-start {
				justify-content: flex-start;
			}

			.column--align-breakpoint-0-value-center {
				justify-content: center;
			}

			.column--align-breakpoint-0-value-end {
				justify-content: flex-end;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.column--align-breakpoint-1-value-start {
				justify-content: flex-start;
			}

			.column--align-breakpoint-1-value-center {
				justify-content: center;
			}

			.column--align-breakpoint-1-value-end {
				justify-content: flex-end;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.column--align-breakpoint-2-value-start {
				justify-content: flex-start;
			}

			.column--align-breakpoint-2-value-center {
				justify-content: center;
			}

			.column--align-breakpoint-2-value-end {
				justify-content: flex-end;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.column--align-breakpoint-3-value-start {
				justify-content: flex-start;
			}

			.column--align-breakpoint-3-value-center {
				justify-content: center;
			}

			.column--align-breakpoint-3-value-end {
				justify-content: flex-end;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.column--align-breakpoint-4-value-start {
				justify-content: flex-start;
			}

			.column--align-breakpoint-4-value-center {
				justify-content: center;
			}

			.column--align-breakpoint-4-value-end {
				justify-content: flex-end;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.column--align-breakpoint-5-value-start {
				justify-content: flex-start;
			}

			.column--align-breakpoint-5-value-center {
				justify-content: center;
			}

			.column--align-breakpoint-5-value-end {
				justify-content: flex-end;
			}
		
					}
				
		

  
			
			.column--scrollable-value-true .column__scroller {
				display: flex;
				flex-direction: column;
				overflow-y: auto;
			}
		

			
					@media (min-width: 0) {
						
			.column--scrollable-breakpoint-0-value-true .column__scroller {
				display: flex;
				flex-direction: column;
				overflow-y: auto;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.column--scrollable-breakpoint-1-value-true .column__scroller {
				display: flex;
				flex-direction: column;
				overflow-y: auto;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.column--scrollable-breakpoint-2-value-true .column__scroller {
				display: flex;
				flex-direction: column;
				overflow-y: auto;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.column--scrollable-breakpoint-3-value-true .column__scroller {
				display: flex;
				flex-direction: column;
				overflow-y: auto;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.column--scrollable-breakpoint-4-value-true .column__scroller {
				display: flex;
				flex-direction: column;
				overflow-y: auto;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.column--scrollable-breakpoint-5-value-true .column__scroller {
				display: flex;
				flex-direction: column;
				overflow-y: auto;
			}
		
					}
				
		

  .column__backdrop {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.column__backdrop-video {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		background: var(--color-background-inverted);
	}

	@media (prefers-reduced-motion) {
		.column__backdrop-video {
			display: none;
		}
	}

	@media not (prefers-reduced-motion) {
		.column__backdrop-video .column__backdrop-image {
			display: none;
		}
	}

	.column__backdrop-video-player {
		width: 100%;
		z-index: 2;
		object-fit: cover;
		opacity: 1;
	}

	.column__backdrop-image {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
	}

	.column__content {
		position: relative;
		flex-grow: 0;
		flex-shrink: 0;
		z-index: 3;
	}

	
			
			.column--align-value-stretch .column__scroller,
    .column--align-value-stretch .column__content {
				flex-grow: 1;
			}
		

			
					@media (min-width: 0) {
						
			.column--align-breakpoint-0-value-stretch .column__scroller,
    .column--align-breakpoint-0-value-stretch .column__content {
				flex-grow: 1;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.column--align-breakpoint-1-value-stretch .column__scroller,
    .column--align-breakpoint-1-value-stretch .column__content {
				flex-grow: 1;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.column--align-breakpoint-2-value-stretch .column__scroller,
    .column--align-breakpoint-2-value-stretch .column__content {
				flex-grow: 1;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.column--align-breakpoint-3-value-stretch .column__scroller,
    .column--align-breakpoint-3-value-stretch .column__content {
				flex-grow: 1;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.column--align-breakpoint-4-value-stretch .column__scroller,
    .column--align-breakpoint-4-value-stretch .column__content {
				flex-grow: 1;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.column--align-breakpoint-5-value-stretch .column__scroller,
    .column--align-breakpoint-5-value-stretch .column__content {
				flex-grow: 1;
			}
		
					}
				
		

	@media (min-width: 768px) {
		.pad-top {
			padding-top: var(--site-header-height);
		}
	}

	.columns {
		--columns-page-margin: var(--spacing-page-margin-horizontal);
		--columns-gutter: var(--spacing-gutter-horizontal);
		--columns-half-gutter: calc(var(--columns-gutter) / 2);
		--columns-half-negative-gutter: calc(var(--columns-half-gutter) * -1);
		--columns-vertical-gap: 0;

		display: flex;
		flex-wrap: wrap;
	}

	.columns .columns {
		margin-left: var(--columns-half-negative-gutter);
		margin-right: var(--columns-half-negative-gutter);
	}

	
			
			.columns--reverse-value-true {
				flex-direction: row-reverse;
			}
		

			
					@media (min-width: 0) {
						
			.columns--reverse-breakpoint-0-value-true {
				flex-direction: row-reverse;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.columns--reverse-breakpoint-1-value-true {
				flex-direction: row-reverse;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.columns--reverse-breakpoint-2-value-true {
				flex-direction: row-reverse;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.columns--reverse-breakpoint-3-value-true {
				flex-direction: row-reverse;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.columns--reverse-breakpoint-4-value-true {
				flex-direction: row-reverse;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.columns--reverse-breakpoint-5-value-true {
				flex-direction: row-reverse;
			}
		
					}
				
		

	
			
			.columns--verticalGap-value--5 {
				--columns-vertical-gap: var(--spacing-vertical-small-5);
			}
			.columns--verticalGap-value--4 {
				--columns-vertical-gap: var(--spacing-vertical-small-4);
			}
			.columns--verticalGap-value--3 {
				--columns-vertical-gap: var(--spacing-vertical-small-3);
			}
			.columns--verticalGap-value--2 {
				--columns-vertical-gap: var(--spacing-vertical-small-2);
			}
			.columns--verticalGap-value--1 {
				--columns-vertical-gap: var(--spacing-vertical-small);
			}
			.columns--verticalGap-value-0 {
				--columns-vertical-gap: var(--spacing-vertical);
			}
			.columns--verticalGap-value-1 {
				--columns-vertical-gap: var(--spacing-vertical-large);
			}
			.columns--verticalGap-value-2 {
				--columns-vertical-gap: var(--spacing-vertical-large-2);
			}
			.columns--verticalGap-value-3 {
				--columns-vertical-gap: var(--spacing-vertical-large-3);
			}
			.columns--verticalGap-value-4 {
				--columns-vertical-gap: var(--spacing-vertical-large-4);
			}
			.columns--verticalGap-value-5 {
				--columns-vertical-gap: var(--spacing-vertical-large-5);
			}
		

			
					@media (min-width: 0) {
						
			.columns--verticalGap-breakpoint-0-value--5 {
				--columns-vertical-gap: var(--spacing-vertical-small-5);
			}
			.columns--verticalGap-breakpoint-0-value--4 {
				--columns-vertical-gap: var(--spacing-vertical-small-4);
			}
			.columns--verticalGap-breakpoint-0-value--3 {
				--columns-vertical-gap: var(--spacing-vertical-small-3);
			}
			.columns--verticalGap-breakpoint-0-value--2 {
				--columns-vertical-gap: var(--spacing-vertical-small-2);
			}
			.columns--verticalGap-breakpoint-0-value--1 {
				--columns-vertical-gap: var(--spacing-vertical-small);
			}
			.columns--verticalGap-breakpoint-0-value-0 {
				--columns-vertical-gap: var(--spacing-vertical);
			}
			.columns--verticalGap-breakpoint-0-value-1 {
				--columns-vertical-gap: var(--spacing-vertical-large);
			}
			.columns--verticalGap-breakpoint-0-value-2 {
				--columns-vertical-gap: var(--spacing-vertical-large-2);
			}
			.columns--verticalGap-breakpoint-0-value-3 {
				--columns-vertical-gap: var(--spacing-vertical-large-3);
			}
			.columns--verticalGap-breakpoint-0-value-4 {
				--columns-vertical-gap: var(--spacing-vertical-large-4);
			}
			.columns--verticalGap-breakpoint-0-value-5 {
				--columns-vertical-gap: var(--spacing-vertical-large-5);
			}
		
					}
				
					@media (min-width: 640px) {
						
			.columns--verticalGap-breakpoint-1-value--5 {
				--columns-vertical-gap: var(--spacing-vertical-small-5);
			}
			.columns--verticalGap-breakpoint-1-value--4 {
				--columns-vertical-gap: var(--spacing-vertical-small-4);
			}
			.columns--verticalGap-breakpoint-1-value--3 {
				--columns-vertical-gap: var(--spacing-vertical-small-3);
			}
			.columns--verticalGap-breakpoint-1-value--2 {
				--columns-vertical-gap: var(--spacing-vertical-small-2);
			}
			.columns--verticalGap-breakpoint-1-value--1 {
				--columns-vertical-gap: var(--spacing-vertical-small);
			}
			.columns--verticalGap-breakpoint-1-value-0 {
				--columns-vertical-gap: var(--spacing-vertical);
			}
			.columns--verticalGap-breakpoint-1-value-1 {
				--columns-vertical-gap: var(--spacing-vertical-large);
			}
			.columns--verticalGap-breakpoint-1-value-2 {
				--columns-vertical-gap: var(--spacing-vertical-large-2);
			}
			.columns--verticalGap-breakpoint-1-value-3 {
				--columns-vertical-gap: var(--spacing-vertical-large-3);
			}
			.columns--verticalGap-breakpoint-1-value-4 {
				--columns-vertical-gap: var(--spacing-vertical-large-4);
			}
			.columns--verticalGap-breakpoint-1-value-5 {
				--columns-vertical-gap: var(--spacing-vertical-large-5);
			}
		
					}
				
					@media (min-width: 768px) {
						
			.columns--verticalGap-breakpoint-2-value--5 {
				--columns-vertical-gap: var(--spacing-vertical-small-5);
			}
			.columns--verticalGap-breakpoint-2-value--4 {
				--columns-vertical-gap: var(--spacing-vertical-small-4);
			}
			.columns--verticalGap-breakpoint-2-value--3 {
				--columns-vertical-gap: var(--spacing-vertical-small-3);
			}
			.columns--verticalGap-breakpoint-2-value--2 {
				--columns-vertical-gap: var(--spacing-vertical-small-2);
			}
			.columns--verticalGap-breakpoint-2-value--1 {
				--columns-vertical-gap: var(--spacing-vertical-small);
			}
			.columns--verticalGap-breakpoint-2-value-0 {
				--columns-vertical-gap: var(--spacing-vertical);
			}
			.columns--verticalGap-breakpoint-2-value-1 {
				--columns-vertical-gap: var(--spacing-vertical-large);
			}
			.columns--verticalGap-breakpoint-2-value-2 {
				--columns-vertical-gap: var(--spacing-vertical-large-2);
			}
			.columns--verticalGap-breakpoint-2-value-3 {
				--columns-vertical-gap: var(--spacing-vertical-large-3);
			}
			.columns--verticalGap-breakpoint-2-value-4 {
				--columns-vertical-gap: var(--spacing-vertical-large-4);
			}
			.columns--verticalGap-breakpoint-2-value-5 {
				--columns-vertical-gap: var(--spacing-vertical-large-5);
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.columns--verticalGap-breakpoint-3-value--5 {
				--columns-vertical-gap: var(--spacing-vertical-small-5);
			}
			.columns--verticalGap-breakpoint-3-value--4 {
				--columns-vertical-gap: var(--spacing-vertical-small-4);
			}
			.columns--verticalGap-breakpoint-3-value--3 {
				--columns-vertical-gap: var(--spacing-vertical-small-3);
			}
			.columns--verticalGap-breakpoint-3-value--2 {
				--columns-vertical-gap: var(--spacing-vertical-small-2);
			}
			.columns--verticalGap-breakpoint-3-value--1 {
				--columns-vertical-gap: var(--spacing-vertical-small);
			}
			.columns--verticalGap-breakpoint-3-value-0 {
				--columns-vertical-gap: var(--spacing-vertical);
			}
			.columns--verticalGap-breakpoint-3-value-1 {
				--columns-vertical-gap: var(--spacing-vertical-large);
			}
			.columns--verticalGap-breakpoint-3-value-2 {
				--columns-vertical-gap: var(--spacing-vertical-large-2);
			}
			.columns--verticalGap-breakpoint-3-value-3 {
				--columns-vertical-gap: var(--spacing-vertical-large-3);
			}
			.columns--verticalGap-breakpoint-3-value-4 {
				--columns-vertical-gap: var(--spacing-vertical-large-4);
			}
			.columns--verticalGap-breakpoint-3-value-5 {
				--columns-vertical-gap: var(--spacing-vertical-large-5);
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.columns--verticalGap-breakpoint-4-value--5 {
				--columns-vertical-gap: var(--spacing-vertical-small-5);
			}
			.columns--verticalGap-breakpoint-4-value--4 {
				--columns-vertical-gap: var(--spacing-vertical-small-4);
			}
			.columns--verticalGap-breakpoint-4-value--3 {
				--columns-vertical-gap: var(--spacing-vertical-small-3);
			}
			.columns--verticalGap-breakpoint-4-value--2 {
				--columns-vertical-gap: var(--spacing-vertical-small-2);
			}
			.columns--verticalGap-breakpoint-4-value--1 {
				--columns-vertical-gap: var(--spacing-vertical-small);
			}
			.columns--verticalGap-breakpoint-4-value-0 {
				--columns-vertical-gap: var(--spacing-vertical);
			}
			.columns--verticalGap-breakpoint-4-value-1 {
				--columns-vertical-gap: var(--spacing-vertical-large);
			}
			.columns--verticalGap-breakpoint-4-value-2 {
				--columns-vertical-gap: var(--spacing-vertical-large-2);
			}
			.columns--verticalGap-breakpoint-4-value-3 {
				--columns-vertical-gap: var(--spacing-vertical-large-3);
			}
			.columns--verticalGap-breakpoint-4-value-4 {
				--columns-vertical-gap: var(--spacing-vertical-large-4);
			}
			.columns--verticalGap-breakpoint-4-value-5 {
				--columns-vertical-gap: var(--spacing-vertical-large-5);
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.columns--verticalGap-breakpoint-5-value--5 {
				--columns-vertical-gap: var(--spacing-vertical-small-5);
			}
			.columns--verticalGap-breakpoint-5-value--4 {
				--columns-vertical-gap: var(--spacing-vertical-small-4);
			}
			.columns--verticalGap-breakpoint-5-value--3 {
				--columns-vertical-gap: var(--spacing-vertical-small-3);
			}
			.columns--verticalGap-breakpoint-5-value--2 {
				--columns-vertical-gap: var(--spacing-vertical-small-2);
			}
			.columns--verticalGap-breakpoint-5-value--1 {
				--columns-vertical-gap: var(--spacing-vertical-small);
			}
			.columns--verticalGap-breakpoint-5-value-0 {
				--columns-vertical-gap: var(--spacing-vertical);
			}
			.columns--verticalGap-breakpoint-5-value-1 {
				--columns-vertical-gap: var(--spacing-vertical-large);
			}
			.columns--verticalGap-breakpoint-5-value-2 {
				--columns-vertical-gap: var(--spacing-vertical-large-2);
			}
			.columns--verticalGap-breakpoint-5-value-3 {
				--columns-vertical-gap: var(--spacing-vertical-large-3);
			}
			.columns--verticalGap-breakpoint-5-value-4 {
				--columns-vertical-gap: var(--spacing-vertical-large-4);
			}
			.columns--verticalGap-breakpoint-5-value-5 {
				--columns-vertical-gap: var(--spacing-vertical-large-5);
			}
		
					}
				
		

  /* Debug */
  .columns--debug-value-true .column {
		outline: 1px solid rgba(255, 0, 0, 0.25);
	}

	.columns--debug-value-true .column__backdrop {
		background: rgba(0, 0, 0, 0.1);
	}

	.columns--debug-value-true .invert .column__backdrop {
		background: rgba(255, 255, 255, 0.1);
	}

	.columns--debug-value-true .column__content {
		box-shadow: inset 0 0 0 1px rgba(0, 0, 255, 0.25);
	}

	
			
			
					/* Set fixed column size based on count */
					.columns--count-value-12 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-value-12 > .column:nth-child(12n + 1),
      .columns--count-value-12 > .column:nth-child(12n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-value-12 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-value-12 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-value-12 > .column:nth-child(12n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-value-12 > .column:nth-child(12n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-value-12 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-value-12 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-value-12.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-value-12.columns--debug-value-true > .column:nth-child(12n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-value-12.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-12.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-value-8 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-value-8 > .column:nth-child(8n + 1),
      .columns--count-value-8 > .column:nth-child(8n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-value-8 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-value-8 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-value-8 > .column:nth-child(8n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-value-8 > .column:nth-child(8n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-value-8 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-value-8 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-value-8.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-value-8.columns--debug-value-true > .column:nth-child(8n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-value-8.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-8.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-value-6 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-value-6 > .column:nth-child(6n + 1),
      .columns--count-value-6 > .column:nth-child(6n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-value-6 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-value-6 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-value-6 > .column:nth-child(6n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-value-6 > .column:nth-child(6n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-value-6 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-value-6 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-value-6.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-value-6.columns--debug-value-true > .column:nth-child(6n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-value-6.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-6.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-value-4 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-value-4 > .column:nth-child(4n + 1),
      .columns--count-value-4 > .column:nth-child(4n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-value-4 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-value-4 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-value-4 > .column:nth-child(4n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-value-4 > .column:nth-child(4n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-value-4 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-value-4 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-value-4.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-value-4.columns--debug-value-true > .column:nth-child(4n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-value-4.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-4.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-value-3 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-value-3 > .column:nth-child(3n + 1),
      .columns--count-value-3 > .column:nth-child(3n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-value-3 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-value-3 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-value-3 > .column:nth-child(3n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-value-3 > .column:nth-child(3n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-value-3 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-value-3 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-value-3.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-value-3.columns--debug-value-true > .column:nth-child(3n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-value-3.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-3.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-value-2 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-value-2 > .column:nth-child(2n + 1),
      .columns--count-value-2 > .column:nth-child(2n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-value-2 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-value-2 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-value-2 > .column:nth-child(2n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-value-2 > .column:nth-child(2n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-value-2 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-value-2 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-value-2.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-value-2.columns--debug-value-true > .column:nth-child(2n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-value-2.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-2.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-value-1 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-value-1 > .column:nth-child(1n + 1),
      .columns--count-value-1 > .column:nth-child(1n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-value-1 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-value-1 > .column:nth-child(1n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-value-1 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-value-1 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-value-1.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-value-1.columns > .column:not(
        :nth-child(1)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-value-1.columns--debug-value-true > .column:nth-child(1n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-value-1.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-1.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
		

			
					@media (min-width: 0) {
						
			
					/* Set fixed column size based on count */
					.columns--count-breakpoint-0-value-12 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-0-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-0-value-12 > .column:nth-child(12n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-0-value-12 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-0-value-12 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-0-value-12 > .column:nth-child(12n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-0-value-12 > .column:nth-child(12n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-0-value-12 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-0-value-12 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-0-value-12.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-0-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-0-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-0-value-12.columns--debug-value-true > .column:nth-child(12n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-0-value-12.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-12.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-0-value-8 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-0-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-0-value-8 > .column:nth-child(8n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-0-value-8 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-0-value-8 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-0-value-8 > .column:nth-child(8n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-0-value-8 > .column:nth-child(8n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-0-value-8 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-0-value-8 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-0-value-8.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-0-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-0-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-0-value-8.columns--debug-value-true > .column:nth-child(8n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-0-value-8.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-8.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-0-value-6 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-0-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-0-value-6 > .column:nth-child(6n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-0-value-6 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-0-value-6 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-0-value-6 > .column:nth-child(6n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-0-value-6 > .column:nth-child(6n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-0-value-6 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-0-value-6 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-0-value-6.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-0-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-0-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-0-value-6.columns--debug-value-true > .column:nth-child(6n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-0-value-6.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-6.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-0-value-4 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-0-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-0-value-4 > .column:nth-child(4n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-0-value-4 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-0-value-4 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-0-value-4 > .column:nth-child(4n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-0-value-4 > .column:nth-child(4n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-0-value-4 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-0-value-4 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-0-value-4.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-0-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-0-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-0-value-4.columns--debug-value-true > .column:nth-child(4n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-0-value-4.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-4.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-0-value-3 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-0-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-0-value-3 > .column:nth-child(3n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-0-value-3 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-0-value-3 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-0-value-3 > .column:nth-child(3n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-0-value-3 > .column:nth-child(3n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-0-value-3 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-0-value-3 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-0-value-3.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-0-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-0-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-0-value-3.columns--debug-value-true > .column:nth-child(3n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-0-value-3.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-3.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-0-value-2 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-0-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-0-value-2 > .column:nth-child(2n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-0-value-2 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-0-value-2 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-0-value-2 > .column:nth-child(2n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-0-value-2 > .column:nth-child(2n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-0-value-2 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-0-value-2 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-0-value-2.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-0-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-0-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-0-value-2.columns--debug-value-true > .column:nth-child(2n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-0-value-2.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-2.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-0-value-1 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-0-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-0-value-1 > .column:nth-child(1n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-0-value-1 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-0-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-0-value-1 > .column:nth-child(1n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-0-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-0-value-1 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-0-value-1 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-0-value-1.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-0-value-1.columns > .column:not(
        :nth-child(1)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-0-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-0-value-1.columns--debug-value-true > .column:nth-child(1n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-0-value-1.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-1.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
		
					}
				
					@media (min-width: 640px) {
						
			
					/* Set fixed column size based on count */
					.columns--count-breakpoint-1-value-12 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-1-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-1-value-12 > .column:nth-child(12n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-1-value-12 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-1-value-12 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-1-value-12 > .column:nth-child(12n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-1-value-12 > .column:nth-child(12n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-1-value-12 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-1-value-12 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-1-value-12.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-1-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-1-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-1-value-12.columns--debug-value-true > .column:nth-child(12n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-1-value-12.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-12.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-1-value-8 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-1-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-1-value-8 > .column:nth-child(8n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-1-value-8 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-1-value-8 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-1-value-8 > .column:nth-child(8n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-1-value-8 > .column:nth-child(8n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-1-value-8 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-1-value-8 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-1-value-8.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-1-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-1-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-1-value-8.columns--debug-value-true > .column:nth-child(8n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-1-value-8.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-8.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-1-value-6 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-1-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-1-value-6 > .column:nth-child(6n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-1-value-6 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-1-value-6 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-1-value-6 > .column:nth-child(6n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-1-value-6 > .column:nth-child(6n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-1-value-6 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-1-value-6 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-1-value-6.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-1-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-1-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-1-value-6.columns--debug-value-true > .column:nth-child(6n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-1-value-6.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-6.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-1-value-4 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-1-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-1-value-4 > .column:nth-child(4n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-1-value-4 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-1-value-4 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-1-value-4 > .column:nth-child(4n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-1-value-4 > .column:nth-child(4n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-1-value-4 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-1-value-4 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-1-value-4.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-1-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-1-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-1-value-4.columns--debug-value-true > .column:nth-child(4n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-1-value-4.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-4.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-1-value-3 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-1-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-1-value-3 > .column:nth-child(3n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-1-value-3 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-1-value-3 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-1-value-3 > .column:nth-child(3n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-1-value-3 > .column:nth-child(3n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-1-value-3 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-1-value-3 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-1-value-3.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-1-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-1-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-1-value-3.columns--debug-value-true > .column:nth-child(3n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-1-value-3.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-3.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-1-value-2 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-1-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-1-value-2 > .column:nth-child(2n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-1-value-2 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-1-value-2 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-1-value-2 > .column:nth-child(2n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-1-value-2 > .column:nth-child(2n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-1-value-2 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-1-value-2 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-1-value-2.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-1-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-1-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-1-value-2.columns--debug-value-true > .column:nth-child(2n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-1-value-2.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-2.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-1-value-1 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-1-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-1-value-1 > .column:nth-child(1n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-1-value-1 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-1-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-1-value-1 > .column:nth-child(1n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-1-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-1-value-1 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-1-value-1 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-1-value-1.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-1-value-1.columns > .column:not(
        :nth-child(1)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-1-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-1-value-1.columns--debug-value-true > .column:nth-child(1n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-1-value-1.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-1.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
		
					}
				
					@media (min-width: 768px) {
						
			
					/* Set fixed column size based on count */
					.columns--count-breakpoint-2-value-12 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-2-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-2-value-12 > .column:nth-child(12n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-2-value-12 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-2-value-12 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-2-value-12 > .column:nth-child(12n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-2-value-12 > .column:nth-child(12n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-2-value-12 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-2-value-12 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-2-value-12.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-2-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-2-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-2-value-12.columns--debug-value-true > .column:nth-child(12n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-2-value-12.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-12.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-2-value-8 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-2-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-2-value-8 > .column:nth-child(8n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-2-value-8 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-2-value-8 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-2-value-8 > .column:nth-child(8n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-2-value-8 > .column:nth-child(8n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-2-value-8 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-2-value-8 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-2-value-8.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-2-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-2-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-2-value-8.columns--debug-value-true > .column:nth-child(8n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-2-value-8.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-8.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-2-value-6 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-2-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-2-value-6 > .column:nth-child(6n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-2-value-6 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-2-value-6 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-2-value-6 > .column:nth-child(6n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-2-value-6 > .column:nth-child(6n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-2-value-6 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-2-value-6 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-2-value-6.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-2-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-2-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-2-value-6.columns--debug-value-true > .column:nth-child(6n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-2-value-6.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-6.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-2-value-4 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-2-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-2-value-4 > .column:nth-child(4n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-2-value-4 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-2-value-4 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-2-value-4 > .column:nth-child(4n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-2-value-4 > .column:nth-child(4n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-2-value-4 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-2-value-4 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-2-value-4.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-2-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-2-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-2-value-4.columns--debug-value-true > .column:nth-child(4n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-2-value-4.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-4.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-2-value-3 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-2-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-2-value-3 > .column:nth-child(3n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-2-value-3 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-2-value-3 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-2-value-3 > .column:nth-child(3n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-2-value-3 > .column:nth-child(3n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-2-value-3 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-2-value-3 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-2-value-3.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-2-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-2-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-2-value-3.columns--debug-value-true > .column:nth-child(3n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-2-value-3.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-3.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-2-value-2 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-2-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-2-value-2 > .column:nth-child(2n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-2-value-2 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-2-value-2 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-2-value-2 > .column:nth-child(2n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-2-value-2 > .column:nth-child(2n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-2-value-2 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-2-value-2 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-2-value-2.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-2-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-2-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-2-value-2.columns--debug-value-true > .column:nth-child(2n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-2-value-2.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-2.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-2-value-1 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-2-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-2-value-1 > .column:nth-child(1n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-2-value-1 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-2-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-2-value-1 > .column:nth-child(1n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-2-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-2-value-1 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-2-value-1 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-2-value-1.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-2-value-1.columns > .column:not(
        :nth-child(1)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-2-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-2-value-1.columns--debug-value-true > .column:nth-child(1n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-2-value-1.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-1.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
		
					}
				
					@media (min-width: 1024px) {
						
			
					/* Set fixed column size based on count */
					.columns--count-breakpoint-3-value-12 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-3-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-3-value-12 > .column:nth-child(12n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-3-value-12 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-3-value-12 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-3-value-12 > .column:nth-child(12n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-3-value-12 > .column:nth-child(12n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-3-value-12 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-3-value-12 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-3-value-12.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-3-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-3-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-3-value-12.columns--debug-value-true > .column:nth-child(12n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-3-value-12.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-12.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-3-value-8 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-3-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-3-value-8 > .column:nth-child(8n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-3-value-8 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-3-value-8 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-3-value-8 > .column:nth-child(8n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-3-value-8 > .column:nth-child(8n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-3-value-8 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-3-value-8 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-3-value-8.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-3-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-3-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-3-value-8.columns--debug-value-true > .column:nth-child(8n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-3-value-8.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-8.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-3-value-6 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-3-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-3-value-6 > .column:nth-child(6n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-3-value-6 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-3-value-6 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-3-value-6 > .column:nth-child(6n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-3-value-6 > .column:nth-child(6n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-3-value-6 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-3-value-6 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-3-value-6.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-3-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-3-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-3-value-6.columns--debug-value-true > .column:nth-child(6n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-3-value-6.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-6.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-3-value-4 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-3-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-3-value-4 > .column:nth-child(4n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-3-value-4 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-3-value-4 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-3-value-4 > .column:nth-child(4n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-3-value-4 > .column:nth-child(4n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-3-value-4 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-3-value-4 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-3-value-4.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-3-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-3-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-3-value-4.columns--debug-value-true > .column:nth-child(4n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-3-value-4.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-4.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-3-value-3 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-3-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-3-value-3 > .column:nth-child(3n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-3-value-3 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-3-value-3 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-3-value-3 > .column:nth-child(3n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-3-value-3 > .column:nth-child(3n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-3-value-3 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-3-value-3 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-3-value-3.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-3-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-3-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-3-value-3.columns--debug-value-true > .column:nth-child(3n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-3-value-3.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-3.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-3-value-2 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-3-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-3-value-2 > .column:nth-child(2n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-3-value-2 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-3-value-2 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-3-value-2 > .column:nth-child(2n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-3-value-2 > .column:nth-child(2n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-3-value-2 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-3-value-2 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-3-value-2.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-3-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-3-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-3-value-2.columns--debug-value-true > .column:nth-child(2n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-3-value-2.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-2.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-3-value-1 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-3-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-3-value-1 > .column:nth-child(1n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-3-value-1 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-3-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-3-value-1 > .column:nth-child(1n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-3-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-3-value-1 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-3-value-1 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-3-value-1.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-3-value-1.columns > .column:not(
        :nth-child(1)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-3-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-3-value-1.columns--debug-value-true > .column:nth-child(1n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-3-value-1.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-1.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
		
					}
				
					@media (min-width: 1280px) {
						
			
					/* Set fixed column size based on count */
					.columns--count-breakpoint-4-value-12 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-4-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-4-value-12 > .column:nth-child(12n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-4-value-12 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-4-value-12 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-4-value-12 > .column:nth-child(12n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-4-value-12 > .column:nth-child(12n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-4-value-12 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-4-value-12 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-4-value-12.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-4-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-4-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-4-value-12.columns--debug-value-true > .column:nth-child(12n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-4-value-12.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-12.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-4-value-8 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-4-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-4-value-8 > .column:nth-child(8n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-4-value-8 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-4-value-8 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-4-value-8 > .column:nth-child(8n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-4-value-8 > .column:nth-child(8n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-4-value-8 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-4-value-8 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-4-value-8.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-4-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-4-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-4-value-8.columns--debug-value-true > .column:nth-child(8n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-4-value-8.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-8.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-4-value-6 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-4-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-4-value-6 > .column:nth-child(6n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-4-value-6 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-4-value-6 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-4-value-6 > .column:nth-child(6n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-4-value-6 > .column:nth-child(6n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-4-value-6 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-4-value-6 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-4-value-6.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-4-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-4-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-4-value-6.columns--debug-value-true > .column:nth-child(6n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-4-value-6.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-6.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-4-value-4 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-4-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-4-value-4 > .column:nth-child(4n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-4-value-4 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-4-value-4 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-4-value-4 > .column:nth-child(4n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-4-value-4 > .column:nth-child(4n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-4-value-4 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-4-value-4 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-4-value-4.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-4-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-4-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-4-value-4.columns--debug-value-true > .column:nth-child(4n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-4-value-4.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-4.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-4-value-3 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-4-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-4-value-3 > .column:nth-child(3n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-4-value-3 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-4-value-3 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-4-value-3 > .column:nth-child(3n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-4-value-3 > .column:nth-child(3n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-4-value-3 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-4-value-3 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-4-value-3.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-4-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-4-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-4-value-3.columns--debug-value-true > .column:nth-child(3n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-4-value-3.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-3.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-4-value-2 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-4-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-4-value-2 > .column:nth-child(2n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-4-value-2 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-4-value-2 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-4-value-2 > .column:nth-child(2n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-4-value-2 > .column:nth-child(2n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-4-value-2 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-4-value-2 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-4-value-2.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-4-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-4-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-4-value-2.columns--debug-value-true > .column:nth-child(2n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-4-value-2.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-2.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-4-value-1 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-4-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-4-value-1 > .column:nth-child(1n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-4-value-1 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-4-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-4-value-1 > .column:nth-child(1n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-4-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-4-value-1 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-4-value-1 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-4-value-1.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-4-value-1.columns > .column:not(
        :nth-child(1)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-4-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-4-value-1.columns--debug-value-true > .column:nth-child(1n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-4-value-1.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-1.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
		
					}
				
					@media (min-width: 1536px) {
						
			
					/* Set fixed column size based on count */
					.columns--count-breakpoint-5-value-12 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-5-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-5-value-12 > .column:nth-child(12n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-5-value-12 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-5-value-12 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-5-value-12 > .column:nth-child(12n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-5-value-12 > .column:nth-child(12n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-5-value-12 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 12
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-5-value-12 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-5-value-12.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-5-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-5-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-5-value-12.columns--debug-value-true > .column:nth-child(12n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-5-value-12.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-12.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-5-value-8 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-5-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-5-value-8 > .column:nth-child(8n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-5-value-8 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-5-value-8 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-5-value-8 > .column:nth-child(8n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-5-value-8 > .column:nth-child(8n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-5-value-8 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 8
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-5-value-8 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-5-value-8.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-5-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-5-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-5-value-8.columns--debug-value-true > .column:nth-child(8n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-5-value-8.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-8.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-5-value-6 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-5-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-5-value-6 > .column:nth-child(6n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-5-value-6 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-5-value-6 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-5-value-6 > .column:nth-child(6n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-5-value-6 > .column:nth-child(6n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-5-value-6 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 6
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-5-value-6 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-5-value-6.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-5-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-5-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-5-value-6.columns--debug-value-true > .column:nth-child(6n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-5-value-6.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-6.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-5-value-4 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-5-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-5-value-4 > .column:nth-child(4n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-5-value-4 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-5-value-4 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-5-value-4 > .column:nth-child(4n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-5-value-4 > .column:nth-child(4n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-5-value-4 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 4
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-5-value-4 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-5-value-4.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-5-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-5-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-5-value-4.columns--debug-value-true > .column:nth-child(4n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-5-value-4.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-4.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-5-value-3 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-5-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-5-value-3 > .column:nth-child(3n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-5-value-3 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-5-value-3 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-5-value-3 > .column:nth-child(3n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-5-value-3 > .column:nth-child(3n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-5-value-3 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 3
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-5-value-3 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-5-value-3.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-5-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-5-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-5-value-3.columns--debug-value-true > .column:nth-child(3n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-5-value-3.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-3.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-5-value-2 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-5-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-5-value-2 > .column:nth-child(2n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-5-value-2 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-5-value-2 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-5-value-2 > .column:nth-child(2n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-5-value-2 > .column:nth-child(2n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-5-value-2 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 2
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-5-value-2 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-5-value-2.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-5-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-5-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-5-value-2.columns--debug-value-true > .column:nth-child(2n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-5-value-2.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-2.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
					/* Set fixed column size based on count */
					.columns--count-breakpoint-5-value-1 > .column:nth-child(n) {
						--columns-total-spacing: calc(
							var(--columns-page-margin)
						);
						--columns-total-content-width: calc(
							100% - var(--columns-total-spacing)
						);
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);

						box-sizing: content-box;
						min-width: var(--columns-single-width);
						max-width: calc(var(--columns-single-width) + 0);
					}

					.columns--count-breakpoint-5-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-5-value-1 > .column:nth-child(1n) {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1 +
								var(--columns-page-margin) / 2
						);
					}

					/* Space without page margins for nested columns  */
					.columns .columns--count-breakpoint-5-value-1 > .column {
						--columns-total-spacing: 0px;
					}

					/* Add gutters */
					.columns--count-breakpoint-5-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Add page margin on first of each line */
					.columns--count-breakpoint-5-value-1 > .column:nth-child(1n + 1) > .column__scroller {
						padding-left: var(--columns-page-margin);
					}

					/* Add page margin on last of each line */
					.columns--count-breakpoint-5-value-1 > .column:nth-child(1n) > .column__scroller {
						padding-right: var(--columns-page-margin);
					}

					.columns .columns--count-breakpoint-5-value-1 > .column {
						--columns-single-width: calc(
							var(--columns-total-content-width) / 1
						);
					}

					/* Remove page margins for nested columns */
					.columns .columns--count-breakpoint-5-value-1 > .column > .column__scroller {
						padding-left: var(--columns-half-gutter);
						padding-right: var(--columns-half-gutter);
					}

					/* Reset vertical space on all column items  */
					.columns--count-breakpoint-5-value-1.columns > .column:not([all]) {
						margin-top: 0;
					}

					/* Add vertical space on all items except on first line */
					.columns--count-breakpoint-5-value-1.columns > .column:not(
        :nth-child(1)
      ) {
						margin-top: var(--columns-vertical-gap);
					}

					/* Debugging */
					.columns--count-breakpoint-5-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns--count-breakpoint-5-value-1.columns--debug-value-true > .column:nth-child(1n) {
						background: rgba(0, 255, 255, 0.1);
					}

					.columns .columns--count-breakpoint-5-value-1.columns--debug-value-true > .column {
						background: rgba(255, 255, 0, 0.1);
					}

					.columns .columns--count-1.columns--debug-value-true > .column {
						background: rgba(0, 255, 255, 0.1);
					}
				
		
					}
				
		

	.credits {
		display: grid;
		grid-gap: var(--spacing-vertical);
	}

	.credits__toList {
		list-style: none;
		padding: 0;
	}

	.credits__toList-item {
		padding: var(--spacing-vertical-small-3) 0;
	}

	.credits__link--withLogo {
		opacity: 0.5;
	}

	.credits__link--withLogo:hover {
		opacity: 0.6;
	}

	.credits__logo {
		display: inline-block;
		filter: grayscale(100%);
		max-width: 10em;
		max-height: 2em;
	}

	.divider--visual {
		border-right: var(--border-width-normal) solid var(--color-border-muted);
		border-bottom: var(--border-width-normal) solid
			var(--color-border-muted);
	}

	.favoriteAction {
		display: inline;
	}

	.favoriteDisplay {
		display: none;
	}

	.favoriteDisplay__favorited {
		display: inline;
		color: var(--color-text-highlighted);
	}

	.favoriteDisplay__favorited::before {
		content: "★ ";
	}

	.figure__caption {
		margin-top: var(--spacing-vertical-small-2);
		font-size: var(--font-size-small-3);
	}

	.filterable--noMatch {
		display: none;
	}

	.generativeBackground {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;

		/* Rent dekorativt lag – klikk skal gå til innholdet oppå */
		pointer-events: none;

		/* Fallback før canvas tegner: Ultima-rosa
		   (= BRAND i src/assets/generative/settings.js) */
		background: hsl(337, 100%, 50%);
	}

	.generativeBackground__canvas {
		display: block;
		width: 100%;
		height: 100%;
	}

	/* Lesbarhets-gradient KUN mot bunnen (der teksten står) – øvre del er
	   helt gjennomsiktig, så feltets uttrykk ellers er urørt. To pseudo-lag
	   som kryssfades: ::before = mørk (for hvit tekst), ::after = lys (for
	   sort tekst). invert-klassen styrer hvilket som vises – fast ("dark")
	   eller togglet per lyd ("adaptive"). Juster styrke/start her. */
	.generativeBackground__overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}

	.generativeBackground__overlay::before,
	.generativeBackground__overlay::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition: opacity 0.25s ease;
	}

	.generativeBackground__overlay::before {
		background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 55%,
			rgba(0, 0, 0, 0.5) 100%
		);
		opacity: 0;
	}

	.generativeBackground__overlay::after {
		background: linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 55%,
			rgba(255, 255, 255, 0.6) 100%
		);
		opacity: 1;
	}

	.generativeBackground__overlay.invert::before {
		opacity: 1;
	}

	.generativeBackground__overlay.invert::after {
		opacity: 0;
	}

	/* Adaptiv tekstfarge: rask fade når invert-klassen toggles per lyd */
	.generativeBackground__adaptive,
	.generativeBackground__adaptive * {
		transition:
			color 0.25s ease,
			fill 0.25s ease;
	}

	/* Lenker/knapper har egen transition (opacity) som ellers vinner på
	   kildeorden – gi dem farge-faden eksplisitt, med hover-opacity intakt */
	.generativeBackground__adaptive .link {
		transition:
			color 0.25s ease,
			opacity 60ms ease;
	}

	/* Reduced motion + fallback-bilde: vis bildet i stedet for canvasen.
	   Uten fallback tegner modulen ett statisk generativt stillbilde. */
	.generativeBackground__fallback {
		display: none;
	}

	@media (prefers-reduced-motion: reduce) {
		.generativeBackground__fallback {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}

		.generativeBackground--hasFallback .generativeBackground__canvas {
			display: none;
		}
	}

	.generativeThumbnail {
		position: relative;
	}

	/* Uten foto-fallback definerer containeren selv flaten
	   (samme format som kortbildene: 640×427) */
	.generativeThumbnail--bare {
		aspect-ratio: 640 / 427;
	}

	.generativeThumbnail__canvas {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.generativeThumbnail[data-generative-thumb-ready] .generativeThumbnail__canvas {
		opacity: 1;
	}

	.grid {
		display: grid;
	}

	.grid--columns-sm-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.grid--columns-sm-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.grid--columns-sm-4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.grid--columns-sm-5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.grid--gap-4 {
		gap: var(--spacing-vertical-small-4);
	}
	.grid--gap-3 {
		gap: var(--spacing-vertical-small-3);
	}
	.grid--gap-2 {
		gap: var(--spacing-vertical-small-2);
	}
	.grid--gap-1 {
		gap: var(--spacing-vertical-small);
	}
	.grid--gap0 {
		gap: var(--spacing-vertical);
	}
	.grid--gap1 {
		gap: var(--spacing-vertical-large);
	}
	.grid--gap2 {
		gap: var(--spacing-vertical-large-2);
	}
	.grid--gap3 {
		gap: var(--spacing-vertical-large-3);
	}
	.grid--gap4 {
		gap: var(--spacing-vertical-large-4);
	}

	@media (min-width: 50em) {
		.grid--columns-md-2 {
			grid-template-columns: repeat(2, 1fr);
		}
		.grid--columns-md-3 {
			grid-template-columns: repeat(3, 1fr);
		}
		.grid--columns-md-4 {
			grid-template-columns: repeat(4, 1fr);
		}
		.grid--columns-md-5 {
			grid-template-columns: repeat(5, 1fr);
		}
	}

	.heading--visualLevel-1 {
		font-size: var(--font-size-large-4);
		line-height: var(--line-height-small-3);
		font-weight: 400;
		max-width: 34ch;
		margin-left: -0.075em;
		hyphens: auto;
	}

	.heading--visualLevel-2 {
		font-size: var(--font-size-large-2);
		line-height: var(--line-height-small-2);
		font-weight: 400;
	}

	.heading--visualLevel-3 {
		font-size: var(--font-size);
		font-weight: bold;
	}

	.heading--visualLevel-4 {
		font-size: var(--font-size);
		font-weight: normal;
	}

	.heading--visualLevel-5,
	.heading--visualLevel-6 {
		font-size: var(--font-size-small);
	}

	.heading--visualLevel-6 {
		font-weight: normal;
	}

	.heading--muted {
		color: var(--color-text-muted);
	}

	.heading--highlighted {
		color: var(--color-text-highlighted);
	}

	.hero {
		position: relative;
		background: var(--color-hero-background);
	}

	.hero__navigation {
		position: absolute;
		top: 0;
		right: 0;
		height: 100vh;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
		pointer-events: none;
	}

	/* Fix browser chrome overlap in iOS */
	/* Reference: https://www.bram.us/2020/05/06/100vh-in-safari-on-ios/  */
	@supports (-webkit-touch-callout: none) {
		.hero__navigation {
			height: -webkit-fill-available;
		}
	}

	.hero__navigation-item {
		--size: 0.6rem;
		width: var(--size);
		height: var(--size);
		pointer-events: auto;
		color: transparent;
		background: white;
		border-radius: 50%;
		margin-right: var(--spacing-horizontal-small);
		margin-bottom: var(--spacing-vertical);
		opacity: 0.5;
		z-index: 10;
	}

	.hero__navigation-item:hover {
		opacity: 1;
	}

	.hero__navigation-item:active {
		opacity: 0.9;
	}

	.hero__navigation-item--active {
		opacity: 1;
	}

	.hero__items {
		display: flex;
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.hero__item {
		scroll-snap-align: start;
		position: relative;
		min-height: 100vh;
		min-width: 100%;
		max-width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	/* Fix browser chrome overlap in iOS */
	/* Reference: https://www.bram.us/2020/05/06/100vh-in-safari-on-ios/  */
	@supports (-webkit-touch-callout: none) {
		.hero__item {
			min-height: -webkit-fill-available;
		}
	}

	.hero__content {
		margin-top: var(--spacing-vertical-large-5);
		margin-right: var(--spacing-horizontal-large-3);
	}

	.hero__text {
		font-size: var(--font-size-large-3);
		max-width: 26ch;
	}

	.hero__item .picture {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.hero__item .picture__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.hero__content {
		position: relative;
	}

	.horizontalScroller {
		overflow-x: auto;
		overflow-y: hidden;
	}

	.horizontalScroller__content {
		min-width: max-content;
	}

	.horizontalScroller__item {
		max-width: 70vw;
	}

	.horizontalScroller__item:empty {
		display: none;
	}

	.horizontalScroller__item--fit2 {
		max-width: calc((100vw - 30vw) / 2);
	}

	.horizontalScroller__item--fit3 {
		max-width: calc((100vw - 30vw) / 3);
	}

	.inlineBlockList {
		display: flex;
		flex-wrap: wrap;
	}

	.inlineBlockList__item {
		flex-grow: 0;
	}

	
			
			/* Vertical or horizontal gap? */
			.inlineBlockList--gap-value--5 {
				gap: var(--spacing-vertical-small-5);
			}
			.inlineBlockList--gap-value--4 {
				gap: var(--spacing-vertical-small-4);
			}
			.inlineBlockList--gap-value--3 {
				gap: var(--spacing-vertical-small-3);
			}
			.inlineBlockList--gap-value--2 {
				gap: var(--spacing-vertical-small-2);
			}
			.inlineBlockList--gap-value--1 {
				gap: var(--spacing-vertical-small);
			}
			.inlineBlockList--gap-value-0 {
				gap: var(--spacing-vertical);
			}
			.inlineBlockList--gap-value-1 {
				gap: var(--spacing-vertical-large);
			}
			.inlineBlockList--gap-value-2 {
				gap: var(--spacing-vertical-large-2);
			}
			.inlineBlockList--gap-value-3 {
				gap: var(--spacing-vertical-large-3);
			}
			.inlineBlockList--gap-value-4 {
				gap: var(--spacing-vertical-large-4);
			}
			.inlineBlockList--gap-value-5 {
				gap: var(--spacing-vertical-large-5);
			}
		

			
					@media (min-width: 0) {
						
			/* Vertical or horizontal gap? */
			.inlineBlockList--gap-breakpoint-0-value--5 {
				gap: var(--spacing-vertical-small-5);
			}
			.inlineBlockList--gap-breakpoint-0-value--4 {
				gap: var(--spacing-vertical-small-4);
			}
			.inlineBlockList--gap-breakpoint-0-value--3 {
				gap: var(--spacing-vertical-small-3);
			}
			.inlineBlockList--gap-breakpoint-0-value--2 {
				gap: var(--spacing-vertical-small-2);
			}
			.inlineBlockList--gap-breakpoint-0-value--1 {
				gap: var(--spacing-vertical-small);
			}
			.inlineBlockList--gap-breakpoint-0-value-0 {
				gap: var(--spacing-vertical);
			}
			.inlineBlockList--gap-breakpoint-0-value-1 {
				gap: var(--spacing-vertical-large);
			}
			.inlineBlockList--gap-breakpoint-0-value-2 {
				gap: var(--spacing-vertical-large-2);
			}
			.inlineBlockList--gap-breakpoint-0-value-3 {
				gap: var(--spacing-vertical-large-3);
			}
			.inlineBlockList--gap-breakpoint-0-value-4 {
				gap: var(--spacing-vertical-large-4);
			}
			.inlineBlockList--gap-breakpoint-0-value-5 {
				gap: var(--spacing-vertical-large-5);
			}
		
					}
				
					@media (min-width: 640px) {
						
			/* Vertical or horizontal gap? */
			.inlineBlockList--gap-breakpoint-1-value--5 {
				gap: var(--spacing-vertical-small-5);
			}
			.inlineBlockList--gap-breakpoint-1-value--4 {
				gap: var(--spacing-vertical-small-4);
			}
			.inlineBlockList--gap-breakpoint-1-value--3 {
				gap: var(--spacing-vertical-small-3);
			}
			.inlineBlockList--gap-breakpoint-1-value--2 {
				gap: var(--spacing-vertical-small-2);
			}
			.inlineBlockList--gap-breakpoint-1-value--1 {
				gap: var(--spacing-vertical-small);
			}
			.inlineBlockList--gap-breakpoint-1-value-0 {
				gap: var(--spacing-vertical);
			}
			.inlineBlockList--gap-breakpoint-1-value-1 {
				gap: var(--spacing-vertical-large);
			}
			.inlineBlockList--gap-breakpoint-1-value-2 {
				gap: var(--spacing-vertical-large-2);
			}
			.inlineBlockList--gap-breakpoint-1-value-3 {
				gap: var(--spacing-vertical-large-3);
			}
			.inlineBlockList--gap-breakpoint-1-value-4 {
				gap: var(--spacing-vertical-large-4);
			}
			.inlineBlockList--gap-breakpoint-1-value-5 {
				gap: var(--spacing-vertical-large-5);
			}
		
					}
				
					@media (min-width: 768px) {
						
			/* Vertical or horizontal gap? */
			.inlineBlockList--gap-breakpoint-2-value--5 {
				gap: var(--spacing-vertical-small-5);
			}
			.inlineBlockList--gap-breakpoint-2-value--4 {
				gap: var(--spacing-vertical-small-4);
			}
			.inlineBlockList--gap-breakpoint-2-value--3 {
				gap: var(--spacing-vertical-small-3);
			}
			.inlineBlockList--gap-breakpoint-2-value--2 {
				gap: var(--spacing-vertical-small-2);
			}
			.inlineBlockList--gap-breakpoint-2-value--1 {
				gap: var(--spacing-vertical-small);
			}
			.inlineBlockList--gap-breakpoint-2-value-0 {
				gap: var(--spacing-vertical);
			}
			.inlineBlockList--gap-breakpoint-2-value-1 {
				gap: var(--spacing-vertical-large);
			}
			.inlineBlockList--gap-breakpoint-2-value-2 {
				gap: var(--spacing-vertical-large-2);
			}
			.inlineBlockList--gap-breakpoint-2-value-3 {
				gap: var(--spacing-vertical-large-3);
			}
			.inlineBlockList--gap-breakpoint-2-value-4 {
				gap: var(--spacing-vertical-large-4);
			}
			.inlineBlockList--gap-breakpoint-2-value-5 {
				gap: var(--spacing-vertical-large-5);
			}
		
					}
				
					@media (min-width: 1024px) {
						
			/* Vertical or horizontal gap? */
			.inlineBlockList--gap-breakpoint-3-value--5 {
				gap: var(--spacing-vertical-small-5);
			}
			.inlineBlockList--gap-breakpoint-3-value--4 {
				gap: var(--spacing-vertical-small-4);
			}
			.inlineBlockList--gap-breakpoint-3-value--3 {
				gap: var(--spacing-vertical-small-3);
			}
			.inlineBlockList--gap-breakpoint-3-value--2 {
				gap: var(--spacing-vertical-small-2);
			}
			.inlineBlockList--gap-breakpoint-3-value--1 {
				gap: var(--spacing-vertical-small);
			}
			.inlineBlockList--gap-breakpoint-3-value-0 {
				gap: var(--spacing-vertical);
			}
			.inlineBlockList--gap-breakpoint-3-value-1 {
				gap: var(--spacing-vertical-large);
			}
			.inlineBlockList--gap-breakpoint-3-value-2 {
				gap: var(--spacing-vertical-large-2);
			}
			.inlineBlockList--gap-breakpoint-3-value-3 {
				gap: var(--spacing-vertical-large-3);
			}
			.inlineBlockList--gap-breakpoint-3-value-4 {
				gap: var(--spacing-vertical-large-4);
			}
			.inlineBlockList--gap-breakpoint-3-value-5 {
				gap: var(--spacing-vertical-large-5);
			}
		
					}
				
					@media (min-width: 1280px) {
						
			/* Vertical or horizontal gap? */
			.inlineBlockList--gap-breakpoint-4-value--5 {
				gap: var(--spacing-vertical-small-5);
			}
			.inlineBlockList--gap-breakpoint-4-value--4 {
				gap: var(--spacing-vertical-small-4);
			}
			.inlineBlockList--gap-breakpoint-4-value--3 {
				gap: var(--spacing-vertical-small-3);
			}
			.inlineBlockList--gap-breakpoint-4-value--2 {
				gap: var(--spacing-vertical-small-2);
			}
			.inlineBlockList--gap-breakpoint-4-value--1 {
				gap: var(--spacing-vertical-small);
			}
			.inlineBlockList--gap-breakpoint-4-value-0 {
				gap: var(--spacing-vertical);
			}
			.inlineBlockList--gap-breakpoint-4-value-1 {
				gap: var(--spacing-vertical-large);
			}
			.inlineBlockList--gap-breakpoint-4-value-2 {
				gap: var(--spacing-vertical-large-2);
			}
			.inlineBlockList--gap-breakpoint-4-value-3 {
				gap: var(--spacing-vertical-large-3);
			}
			.inlineBlockList--gap-breakpoint-4-value-4 {
				gap: var(--spacing-vertical-large-4);
			}
			.inlineBlockList--gap-breakpoint-4-value-5 {
				gap: var(--spacing-vertical-large-5);
			}
		
					}
				
					@media (min-width: 1536px) {
						
			/* Vertical or horizontal gap? */
			.inlineBlockList--gap-breakpoint-5-value--5 {
				gap: var(--spacing-vertical-small-5);
			}
			.inlineBlockList--gap-breakpoint-5-value--4 {
				gap: var(--spacing-vertical-small-4);
			}
			.inlineBlockList--gap-breakpoint-5-value--3 {
				gap: var(--spacing-vertical-small-3);
			}
			.inlineBlockList--gap-breakpoint-5-value--2 {
				gap: var(--spacing-vertical-small-2);
			}
			.inlineBlockList--gap-breakpoint-5-value--1 {
				gap: var(--spacing-vertical-small);
			}
			.inlineBlockList--gap-breakpoint-5-value-0 {
				gap: var(--spacing-vertical);
			}
			.inlineBlockList--gap-breakpoint-5-value-1 {
				gap: var(--spacing-vertical-large);
			}
			.inlineBlockList--gap-breakpoint-5-value-2 {
				gap: var(--spacing-vertical-large-2);
			}
			.inlineBlockList--gap-breakpoint-5-value-3 {
				gap: var(--spacing-vertical-large-3);
			}
			.inlineBlockList--gap-breakpoint-5-value-4 {
				gap: var(--spacing-vertical-large-4);
			}
			.inlineBlockList--gap-breakpoint-5-value-5 {
				gap: var(--spacing-vertical-large-5);
			}
		
					}
				
		

	.inlineButton,
	.inlineButtonLink {
		color: var(--color-link);
		font-size: var(--font-size-small);
		line-height: var(--line-height-large);
		border: var(--border-width-large) currentcolor solid;
		padding: var(--spacing-vertical-small-3) var(--spacing-horizontal);
		border-radius: var(--border-radius-large);
		user-select: none;
		display: inline-block;
	}

	.inlineButton {
		background: transparent;
		cursor: pointer;
	}

	.inlineButton:hover,
	.inlineButtonLink:hover {
		color: var(--color-link-hover);
		background: rgba(255, 255, 255, 0.05);
	}

	.inlineButton:active,
	.inlineButtonLink:active {
		color: var(--color-link-active);
	}

	.inlineButton--disabled,
	.inlineButtonLink--disabled {
		opacity: 0.5;
		pointer-events: none;
	}

	.inlineButton--expand::after {
		content: "+";
	}

	.inlineButton--contract::after {
		content: "–";
	}

	/* .inlineButtonLink::after {
    content:  " →";
  } */

	.inlineButton--external::after,
	.inlineButtonLink--external::after {
		content: " ↗";
	}

	.inlineButton--share::after,
	.inlineButtonLink--share::after {
		content: " ⁂"; /* ⁂ */
	}

	.invert {
		color: var(--color-text-inverted);
		--color-block-link-text: var(--color-text-inverted);
		--color-block-link-background: transparent;
		--color-notice-background: var(--color-notice-background-inverted);
	}

	.invert--background {
		background-color: var(--color-background-inverted);
	}

	.link {
		color: inherit;
		text-decoration: none;
		transition: opacity 60ms ease;
	}

	.link:active {
		opacity: 0.7;
	}

	.invert .link {
		color: var(--color-link-inverted);
	}

	.link--buttonize {
		border: var(--border-width-large) currentcolor solid;
		border-radius: var(--border-radius-large);
		padding: var(--spacing-vertical-small-3) var(--spacing-horizontal-small);
		white-space: nowrap;
	}

	.link--buttonize:hover {
		color: var(--color-link-hover);
	}

	.link--buttonize:active {
		color: var(--color-link-active);
		border-color: var(--color-link-active);
		transition: border-color 70ms ease;
	}

	.link--decoration {
		text-decoration: underline;
		text-decoration-color: var(--color-text-muted);
	}

	.link--decoration:hover {
		text-decoration-color: inherit;
	}

	.link--decoration:active {
		color: var(--color-text-muted);
		transition: color 70ms ease;
	}

	.link--highlighted {
		color: var(--color-text);
	}

	.link--internalIndicator::after {
		/* content: "►"; */
		content: " →";
		font-size: 0.9em;
		vertical-align: top;
	}

	.link--externalIndicator::after {
		content: " ↗";
	}

	.localePicker--item {
		border: 2px solid currentColor;
		border-radius: 1lh;
		padding-inline: 0.35em;
		display: inline-block;
	}

	.logo {
		height: 0.8em;
		margin-bottom: -0.01em;
		fill: currentcolor;
	}

	.mediaPreview {
		position: relative;
		--size: 8em;
		--aspect: 10 / 16;
		min-width: calc(var(--size));
		min-height: calc(var(--size) * var(--aspect));
		background: rgba(0, 0, 0, 0.1);
	}

	.invert .mediaPreview {
		background: rgba(255, 255, 255, 0.1);
	}

	.mediaPreview__label {
		content: "▶";
		position: absolute;
		bottom: var(--spacing-vertical-small-3);
		right: var(--spacing-horizontal-small-3);
		user-select: none;
		background: var(--color-background-inverted);
		color: var(--color-text-inverted);
		padding: var(--spacing-vertical-small-3) var(--spacing-horizontal-small);
		border-radius: var(--border-radius-small);
		white-space: nowrap;
		opacity: 0;
		transition: opacity 0.125s linear;
		font-size: var(--font-size-small-2);
	}

	.mediaPreview:hover .mediaPreview__label {
		opacity: 1;
	}

	.invert .mediaPreview__label {
		background: var(--color-background-inverted);
	}

	.mediaPreview--zoom .mediaPreview__label::before {
		content: "+";
	}

	.mediaPreview--play .mediaPreview__label::before {
		content: "▶";
	}

	.membership-discount {
		background-color: var(--color-brand);
		color: var(--color-white);
		font-size: var(--font-size-small-3);
		border-radius: var(--border-radius-large);
		display: inline-block;
		padding: var(--spacing-vertical-small-5)
			var(--spacing-horizontal-small-2);
		font-weight: 500;
		white-space: nowrap;
		font-variant-numeric: proportional-nums;
	}

	.membership-discount:hover {
		background-color: var(--color-link-hover);
	}

	.navigation__menu {
		background: linear-gradient(
			var(--color-brand),
			var(--color-brand),
			var(--color-brand),
			var(--color-brand),
			var(--color-brand),
			var(--color-brand),
			rgba(0, 0, 0, 0)
		);
		color: var(--color-text-inverted);
		position: fixed;
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: 9;
		opacity: 1;
		transform: translateY(0%);
		transition:
			opacity 300ms ease,
			transform 100ms ease-out;
		pointer-events: all;
		overflow-y: scroll;
		padding-left: var(--spacing-page-margin-horizontal);
		padding-right: var(--spacing-page-margin-horizontal);
	}

	.navigation__menu--hidden {
		opacity: 0;
		transform: translateY(-100%);
		transition:
			opacity 300ms ease,
			transform 100ms ease-in;
	}

	.navigation__festival-dates {
		margin-top: var(--spacing-vertical-large);
	}

	.navigation__list {
		list-style: none;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		margin-left: calc(var(--spacing-horizontal-small) * -1);
		margin-right: calc(var(--spacing-horizontal-small) * -1);
	}

	.navigation__list {
		margin-top: var(--spacing-vertical-large-2);
	}

	.navigation__list--large {
		/* margin-top: var(--spacing-v); */
		margin-left: calc(var(--spacing-horizontal-large) * -1);
		margin-right: calc(var(--spacing-horizontal-large) * -1);
	}

	.navigation__list-item {
		margin-left: var(--spacing-horizontal-small);
		margin-right: var(--spacing-horizontal-small);
	}

	.navigation__list-item a:hover {
		text-decoration: underline;
		text-decoration-color: var(--color-link-navigation-decoration);
	}

	.navigation__list-item--large {
		font-size: var(--font-size-large-4);
		margin-left: calc(var(--spacing-horizontal-large) - 0.1rem);
		margin-right: var(--spacing-horizontal-large);
		line-height: var(--line-height-small-3);
		margin-top: var(--spacing-vertical-small-2);
		margin-bottom: var(--spacing-vertical-small-2);
	}

	.navigation__show-button,
	.navigation__hide-button {
		text-align: right;
	}

	.navigation__click-outside {
		display: none;
	}

	@media (min-width: 640px) {
		.navigation__menu {
			background: linear-gradient(
				var(--color-brand),
				var(--color-brand),
				var(--color-brand),
				var(--color-brand),
				rgba(0, 0, 0, 0),
				rgba(0, 0, 0, 0)
			);
		}

		.navigation__click-outside {
			display: block;
			background: transparent;
			color: transparent;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 40%;
			cursor: pointer;
		}
	}

	@media (min-width: 768px) {
		.hide-on-desktop {
			display: none;
		}
	}

	.notice {
		font-size: var(--font-size-small);
		line-height: var(--line-height-large);
		display: flex;
		background: var(--color-notice-background);
	}

	.notice--pad {
		padding: var(--spacing-vertical) var(--spacing-horizontal);
	}

	.notice__content {
		flex-grow: 1;
	}

	.notice::before {
		flex-grow: 0;
		flex-shrink: 0;
		content: "i";
		margin-right: var(--spacing-horizontal-small-2);
		width: 1.3em;
		height: 1.3em;
		line-height: 1.2em;
		text-align: center;
		border: var(--border-width-normal) solid;
		border-radius: 50%;
	}

	.notice--warning::before {
		content: "!";
	}

	.notice--error::before {
		content: "🛑";
	}

	.notice__content {
		flex-grow: 1;
	}

	
			
			.pad--background-value-true {
				background-size: cover;
				background-position: center;
			}
		

			
					@media (min-width: 0) {
						
			.pad--background-breakpoint-0-value-true {
				background-size: cover;
				background-position: center;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.pad--background-breakpoint-1-value-true {
				background-size: cover;
				background-position: center;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.pad--background-breakpoint-2-value-true {
				background-size: cover;
				background-position: center;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.pad--background-breakpoint-3-value-true {
				background-size: cover;
				background-position: center;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.pad--background-breakpoint-4-value-true {
				background-size: cover;
				background-position: center;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.pad--background-breakpoint-5-value-true {
				background-size: cover;
				background-position: center;
			}
		
					}
				
		

	
			
			.pad--gap-value-null {
				padding: 0;
			}
			.pad--gap-value--5 {
				padding: var(--spacing-vertical-small-5)
					var(--spacing-horizontal-small-5);
			}
			.pad--gap-value--4 {
				padding: var(--spacing-vertical-small-4)
					var(--spacing-horizontal-small-4);
			}
			.pad--gap-value--3 {
				padding: var(--spacing-vertical-small-3)
					var(--spacing-horizontal-small-3);
			}
			.pad--gap-value--2 {
				padding: var(--spacing-vertical-small-2)
					var(--spacing-horizontal-small-2);
			}
			.pad--gap-value--1 {
				padding: var(--spacing-vertical-small)
					var(--spacing-horizontal-small);
			}
			.pad--gap-value-0 {
				padding: var(--spacing-vertical) var(--spacing-horizontal);
			}
			.pad--gap-value-1 {
				padding: var(--spacing-vertical-large)
					var(--spacing-horizontal-large);
			}
			.pad--gap-value-2 {
				padding: var(--spacing-vertical-large-2)
					var(--spacing-horizontal-large-2);
			}
			.pad--gap-value-3 {
				padding: var(--spacing-vertical-large-3)
					var(--spacing-horizontal-large-3);
			}
			.pad--gap-value-4 {
				padding: var(--spacing-vertical-large-4)
					var(--spacing-horizontal-large-4);
			}
			.pad--gap-value-5 {
				padding: var(--spacing-vertical-large-5)
					var(--spacing-horizontal-large-5);
			}
		

			
					@media (min-width: 0) {
						
			.pad--gap-breakpoint-0-value-null {
				padding: 0;
			}
			.pad--gap-breakpoint-0-value--5 {
				padding: var(--spacing-vertical-small-5)
					var(--spacing-horizontal-small-5);
			}
			.pad--gap-breakpoint-0-value--4 {
				padding: var(--spacing-vertical-small-4)
					var(--spacing-horizontal-small-4);
			}
			.pad--gap-breakpoint-0-value--3 {
				padding: var(--spacing-vertical-small-3)
					var(--spacing-horizontal-small-3);
			}
			.pad--gap-breakpoint-0-value--2 {
				padding: var(--spacing-vertical-small-2)
					var(--spacing-horizontal-small-2);
			}
			.pad--gap-breakpoint-0-value--1 {
				padding: var(--spacing-vertical-small)
					var(--spacing-horizontal-small);
			}
			.pad--gap-breakpoint-0-value-0 {
				padding: var(--spacing-vertical) var(--spacing-horizontal);
			}
			.pad--gap-breakpoint-0-value-1 {
				padding: var(--spacing-vertical-large)
					var(--spacing-horizontal-large);
			}
			.pad--gap-breakpoint-0-value-2 {
				padding: var(--spacing-vertical-large-2)
					var(--spacing-horizontal-large-2);
			}
			.pad--gap-breakpoint-0-value-3 {
				padding: var(--spacing-vertical-large-3)
					var(--spacing-horizontal-large-3);
			}
			.pad--gap-breakpoint-0-value-4 {
				padding: var(--spacing-vertical-large-4)
					var(--spacing-horizontal-large-4);
			}
			.pad--gap-breakpoint-0-value-5 {
				padding: var(--spacing-vertical-large-5)
					var(--spacing-horizontal-large-5);
			}
		
					}
				
					@media (min-width: 640px) {
						
			.pad--gap-breakpoint-1-value-null {
				padding: 0;
			}
			.pad--gap-breakpoint-1-value--5 {
				padding: var(--spacing-vertical-small-5)
					var(--spacing-horizontal-small-5);
			}
			.pad--gap-breakpoint-1-value--4 {
				padding: var(--spacing-vertical-small-4)
					var(--spacing-horizontal-small-4);
			}
			.pad--gap-breakpoint-1-value--3 {
				padding: var(--spacing-vertical-small-3)
					var(--spacing-horizontal-small-3);
			}
			.pad--gap-breakpoint-1-value--2 {
				padding: var(--spacing-vertical-small-2)
					var(--spacing-horizontal-small-2);
			}
			.pad--gap-breakpoint-1-value--1 {
				padding: var(--spacing-vertical-small)
					var(--spacing-horizontal-small);
			}
			.pad--gap-breakpoint-1-value-0 {
				padding: var(--spacing-vertical) var(--spacing-horizontal);
			}
			.pad--gap-breakpoint-1-value-1 {
				padding: var(--spacing-vertical-large)
					var(--spacing-horizontal-large);
			}
			.pad--gap-breakpoint-1-value-2 {
				padding: var(--spacing-vertical-large-2)
					var(--spacing-horizontal-large-2);
			}
			.pad--gap-breakpoint-1-value-3 {
				padding: var(--spacing-vertical-large-3)
					var(--spacing-horizontal-large-3);
			}
			.pad--gap-breakpoint-1-value-4 {
				padding: var(--spacing-vertical-large-4)
					var(--spacing-horizontal-large-4);
			}
			.pad--gap-breakpoint-1-value-5 {
				padding: var(--spacing-vertical-large-5)
					var(--spacing-horizontal-large-5);
			}
		
					}
				
					@media (min-width: 768px) {
						
			.pad--gap-breakpoint-2-value-null {
				padding: 0;
			}
			.pad--gap-breakpoint-2-value--5 {
				padding: var(--spacing-vertical-small-5)
					var(--spacing-horizontal-small-5);
			}
			.pad--gap-breakpoint-2-value--4 {
				padding: var(--spacing-vertical-small-4)
					var(--spacing-horizontal-small-4);
			}
			.pad--gap-breakpoint-2-value--3 {
				padding: var(--spacing-vertical-small-3)
					var(--spacing-horizontal-small-3);
			}
			.pad--gap-breakpoint-2-value--2 {
				padding: var(--spacing-vertical-small-2)
					var(--spacing-horizontal-small-2);
			}
			.pad--gap-breakpoint-2-value--1 {
				padding: var(--spacing-vertical-small)
					var(--spacing-horizontal-small);
			}
			.pad--gap-breakpoint-2-value-0 {
				padding: var(--spacing-vertical) var(--spacing-horizontal);
			}
			.pad--gap-breakpoint-2-value-1 {
				padding: var(--spacing-vertical-large)
					var(--spacing-horizontal-large);
			}
			.pad--gap-breakpoint-2-value-2 {
				padding: var(--spacing-vertical-large-2)
					var(--spacing-horizontal-large-2);
			}
			.pad--gap-breakpoint-2-value-3 {
				padding: var(--spacing-vertical-large-3)
					var(--spacing-horizontal-large-3);
			}
			.pad--gap-breakpoint-2-value-4 {
				padding: var(--spacing-vertical-large-4)
					var(--spacing-horizontal-large-4);
			}
			.pad--gap-breakpoint-2-value-5 {
				padding: var(--spacing-vertical-large-5)
					var(--spacing-horizontal-large-5);
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.pad--gap-breakpoint-3-value-null {
				padding: 0;
			}
			.pad--gap-breakpoint-3-value--5 {
				padding: var(--spacing-vertical-small-5)
					var(--spacing-horizontal-small-5);
			}
			.pad--gap-breakpoint-3-value--4 {
				padding: var(--spacing-vertical-small-4)
					var(--spacing-horizontal-small-4);
			}
			.pad--gap-breakpoint-3-value--3 {
				padding: var(--spacing-vertical-small-3)
					var(--spacing-horizontal-small-3);
			}
			.pad--gap-breakpoint-3-value--2 {
				padding: var(--spacing-vertical-small-2)
					var(--spacing-horizontal-small-2);
			}
			.pad--gap-breakpoint-3-value--1 {
				padding: var(--spacing-vertical-small)
					var(--spacing-horizontal-small);
			}
			.pad--gap-breakpoint-3-value-0 {
				padding: var(--spacing-vertical) var(--spacing-horizontal);
			}
			.pad--gap-breakpoint-3-value-1 {
				padding: var(--spacing-vertical-large)
					var(--spacing-horizontal-large);
			}
			.pad--gap-breakpoint-3-value-2 {
				padding: var(--spacing-vertical-large-2)
					var(--spacing-horizontal-large-2);
			}
			.pad--gap-breakpoint-3-value-3 {
				padding: var(--spacing-vertical-large-3)
					var(--spacing-horizontal-large-3);
			}
			.pad--gap-breakpoint-3-value-4 {
				padding: var(--spacing-vertical-large-4)
					var(--spacing-horizontal-large-4);
			}
			.pad--gap-breakpoint-3-value-5 {
				padding: var(--spacing-vertical-large-5)
					var(--spacing-horizontal-large-5);
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.pad--gap-breakpoint-4-value-null {
				padding: 0;
			}
			.pad--gap-breakpoint-4-value--5 {
				padding: var(--spacing-vertical-small-5)
					var(--spacing-horizontal-small-5);
			}
			.pad--gap-breakpoint-4-value--4 {
				padding: var(--spacing-vertical-small-4)
					var(--spacing-horizontal-small-4);
			}
			.pad--gap-breakpoint-4-value--3 {
				padding: var(--spacing-vertical-small-3)
					var(--spacing-horizontal-small-3);
			}
			.pad--gap-breakpoint-4-value--2 {
				padding: var(--spacing-vertical-small-2)
					var(--spacing-horizontal-small-2);
			}
			.pad--gap-breakpoint-4-value--1 {
				padding: var(--spacing-vertical-small)
					var(--spacing-horizontal-small);
			}
			.pad--gap-breakpoint-4-value-0 {
				padding: var(--spacing-vertical) var(--spacing-horizontal);
			}
			.pad--gap-breakpoint-4-value-1 {
				padding: var(--spacing-vertical-large)
					var(--spacing-horizontal-large);
			}
			.pad--gap-breakpoint-4-value-2 {
				padding: var(--spacing-vertical-large-2)
					var(--spacing-horizontal-large-2);
			}
			.pad--gap-breakpoint-4-value-3 {
				padding: var(--spacing-vertical-large-3)
					var(--spacing-horizontal-large-3);
			}
			.pad--gap-breakpoint-4-value-4 {
				padding: var(--spacing-vertical-large-4)
					var(--spacing-horizontal-large-4);
			}
			.pad--gap-breakpoint-4-value-5 {
				padding: var(--spacing-vertical-large-5)
					var(--spacing-horizontal-large-5);
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.pad--gap-breakpoint-5-value-null {
				padding: 0;
			}
			.pad--gap-breakpoint-5-value--5 {
				padding: var(--spacing-vertical-small-5)
					var(--spacing-horizontal-small-5);
			}
			.pad--gap-breakpoint-5-value--4 {
				padding: var(--spacing-vertical-small-4)
					var(--spacing-horizontal-small-4);
			}
			.pad--gap-breakpoint-5-value--3 {
				padding: var(--spacing-vertical-small-3)
					var(--spacing-horizontal-small-3);
			}
			.pad--gap-breakpoint-5-value--2 {
				padding: var(--spacing-vertical-small-2)
					var(--spacing-horizontal-small-2);
			}
			.pad--gap-breakpoint-5-value--1 {
				padding: var(--spacing-vertical-small)
					var(--spacing-horizontal-small);
			}
			.pad--gap-breakpoint-5-value-0 {
				padding: var(--spacing-vertical) var(--spacing-horizontal);
			}
			.pad--gap-breakpoint-5-value-1 {
				padding: var(--spacing-vertical-large)
					var(--spacing-horizontal-large);
			}
			.pad--gap-breakpoint-5-value-2 {
				padding: var(--spacing-vertical-large-2)
					var(--spacing-horizontal-large-2);
			}
			.pad--gap-breakpoint-5-value-3 {
				padding: var(--spacing-vertical-large-3)
					var(--spacing-horizontal-large-3);
			}
			.pad--gap-breakpoint-5-value-4 {
				padding: var(--spacing-vertical-large-4)
					var(--spacing-horizontal-large-4);
			}
			.pad--gap-breakpoint-5-value-5 {
				padding: var(--spacing-vertical-large-5)
					var(--spacing-horizontal-large-5);
			}
		
					}
				
		

  
			
			
      /* Should this work differently? Vertical grid system? */
      .pad--top-value-halfViewport { padding-top: 50vh }

      .pad--top-value-null { padding-top: 0 }
      .pad--top-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-value-5 { padding-top: var(--spacing-vertical-large-5) }
    

			
					@media (min-width: 0) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-0-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-0-value-null { padding-top: 0 }
      .pad--top-breakpoint-0-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-0-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-0-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-0-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-0-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-0-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-0-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-0-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-0-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-0-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-0-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 640px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-1-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-1-value-null { padding-top: 0 }
      .pad--top-breakpoint-1-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-1-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-1-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-1-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-1-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-1-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-1-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-1-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-1-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-1-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-1-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 768px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-2-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-2-value-null { padding-top: 0 }
      .pad--top-breakpoint-2-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-2-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-2-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-2-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-2-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-2-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-2-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-2-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-2-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-2-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-2-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1024px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-3-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-3-value-null { padding-top: 0 }
      .pad--top-breakpoint-3-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-3-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-3-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-3-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-3-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-3-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-3-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-3-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-3-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-3-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-3-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1280px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-4-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-4-value-null { padding-top: 0 }
      .pad--top-breakpoint-4-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-4-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-4-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-4-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-4-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-4-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-4-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-4-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-4-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-4-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-4-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1536px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-5-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-5-value-null { padding-top: 0 }
      .pad--top-breakpoint-5-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-5-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-5-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-5-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-5-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-5-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-5-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-5-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-5-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-5-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-5-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
					}
				
		
		
			
			
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-value-null { padding-bottom: 0 }
      .pad--bottom-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    

			
					@media (min-width: 0) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-0-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-0-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-0-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-0-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-0-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-0-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-0-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-0-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-0-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-0-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-0-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-0-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-0-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 640px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-1-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-1-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-1-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-1-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-1-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-1-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-1-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-1-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-1-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-1-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-1-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-1-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-1-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 768px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-2-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-2-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-2-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-2-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-2-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-2-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-2-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-2-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-2-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-2-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-2-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-2-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-2-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1024px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-3-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-3-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-3-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-3-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-3-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-3-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-3-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-3-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-3-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-3-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-3-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-3-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-3-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1280px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-4-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-4-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-4-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-4-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-4-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-4-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-4-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-4-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-4-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-4-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-4-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-4-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-4-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1536px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-5-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-5-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-5-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-5-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-5-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-5-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-5-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-5-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-5-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-5-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-5-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-5-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-5-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
					}
				
		
		
			
			
      /* Should this work differently? Vertical grid system? */
      .pad--left-value-halfViewport { padding-left: 50vw }

      .pad--left-value-null { padding-left: 0 }
      .pad--left-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-value-5 { padding-left: var(--spacing-vertical-large-5) }
    

			
					@media (min-width: 0) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-0-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-0-value-null { padding-left: 0 }
      .pad--left-breakpoint-0-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-0-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-0-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-0-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-0-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-0-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-0-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-0-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-0-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-0-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-0-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 640px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-1-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-1-value-null { padding-left: 0 }
      .pad--left-breakpoint-1-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-1-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-1-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-1-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-1-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-1-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-1-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-1-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-1-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-1-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-1-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 768px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-2-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-2-value-null { padding-left: 0 }
      .pad--left-breakpoint-2-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-2-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-2-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-2-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-2-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-2-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-2-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-2-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-2-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-2-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-2-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1024px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-3-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-3-value-null { padding-left: 0 }
      .pad--left-breakpoint-3-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-3-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-3-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-3-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-3-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-3-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-3-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-3-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-3-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-3-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-3-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1280px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-4-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-4-value-null { padding-left: 0 }
      .pad--left-breakpoint-4-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-4-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-4-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-4-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-4-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-4-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-4-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-4-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-4-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-4-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-4-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1536px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-5-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-5-value-null { padding-left: 0 }
      .pad--left-breakpoint-5-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-5-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-5-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-5-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-5-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-5-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-5-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-5-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-5-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-5-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-5-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
					}
				
		
		
			
			
      /* Should this work differently? Vertical grid system? */
      .pad--right-value-halfViewport { padding-right: 50vw }

      .pad--right-value-null { padding-right: 0 }
      .pad--right-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-value-5 { padding-right: var(--spacing-vertical-large-5) }
    

			
					@media (min-width: 0) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-0-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-0-value-null { padding-right: 0 }
      .pad--right-breakpoint-0-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-0-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-0-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-0-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-0-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-0-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-0-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-0-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-0-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-0-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-0-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 640px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-1-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-1-value-null { padding-right: 0 }
      .pad--right-breakpoint-1-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-1-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-1-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-1-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-1-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-1-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-1-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-1-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-1-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-1-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-1-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 768px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-2-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-2-value-null { padding-right: 0 }
      .pad--right-breakpoint-2-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-2-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-2-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-2-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-2-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-2-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-2-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-2-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-2-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-2-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-2-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1024px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-3-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-3-value-null { padding-right: 0 }
      .pad--right-breakpoint-3-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-3-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-3-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-3-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-3-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-3-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-3-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-3-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-3-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-3-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-3-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1280px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-4-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-4-value-null { padding-right: 0 }
      .pad--right-breakpoint-4-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-4-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-4-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-4-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-4-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-4-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-4-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-4-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-4-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-4-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-4-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
					}
				
					@media (min-width: 1536px) {
						
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-5-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-5-value-null { padding-right: 0 }
      .pad--right-breakpoint-5-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-5-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-5-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-5-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-5-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-5-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-5-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-5-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-5-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-5-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-5-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
					}
				
		
		

	.picture {
		display: block;
		position: relative;
		overflow: hidden;
	}

	.picture--cover {
		width: 100%;
		height: 100%;
	}

	.picture--background {
		background: var(--color-background-inverted);
	}

	.picture--overlay::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		transition: 150ms opacity ease-out;
		background: linear-gradient(
			rgba(0, 0, 0, 1),
			rgba(0, 0, 0, 0.25),
			rgba(0, 0, 0, 0.25),
			rgba(0, 0, 0, 0.25)
		);
		mix-blend-mode: multiply;
		opacity: 0.6;
	}

	.picture--overlay--type-bottom::before {
		background: linear-gradient(
			var(--color-background-inverted),
			var(--color-background-inverted),
			rgba(0, 0, 0, 1)
		);
		mix-blend-mode: multiply;
		opacity: 0.4;
	}

	.picture--overlayHover:hover::before {
		transition: 30ms opacity ease-out;
		opacity: 0.2;
	}

	.picture--inline {
		display: inline;
	}

	.picture--logo img {
		max-height: 4em;
		object-fit: contain;
		object-position: top left;
	}

	.picture__image {
		mix-blend-mode: lighten;
		width: 100%;
	}

	.picture__image--circle {
		border-radius: 50%;
	}

	.picture__image--cover {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.picture__image--gray {
		filter: grayscale(1);
		opacity: 0.7;
	}

	.picture__image--rounded {
		border-radius: var(--border-radius-small-2);
	}

	.picture__image--inline {
		display: inline-block;
	}

	.picture__image--aspect {
		max-height: 75vh;
	}

	.picture__image--aspect-square {
		object-fit: cover;
		aspect-ratio: 1;
	}

	.picture__image--aspect-portrait {
		object-fit: cover;
		aspect-ratio: 2 / 3;
		/* 
      Workaround because of strange support for aspect-ratio in Safari
      This is a hack to make sure the image doesn't get too wide, works well enough on mobile to make it OK  
    */
		max-width: calc(min(50vw, 60vh) - var(--columns-page-margin));
	}

	.picture__image--aspect-landscape {
		object-fit: cover;
		aspect-ratio: 3 / 2;
	}

	.portableText--muted {
		color: var(--color-text-muted);
	}

	.portableText__introduction {
		font-size: var(--font-size-large-3);
		line-height: var(--line-height-small-2);
	}

	.portableText__introduction:not(:last-child) {
		margin-bottom: var(--spacing-vertical-large-2);
	}

	.portableText__introduction:not(:first-child),
	.portableText__list:not(:first-child),
	.portableText__paragraph:not(:first-child) {
		margin-top: var(--spacing-vertical);
	}

	.portableText__listItem:not(:first-child) {
		margin-top: var(--spacing-vertical-small);
	}

	.portableText figure:not(:first-child) {
		margin-top: var(--spacing-vertical-large);
		margin-bottom: var(--spacing-vertical-large);
	}

	.siteFooter .portableText__introduction:not(:first-child),
	.siteFooter .portableText__list:not(:first-child),
	.siteFooter .portableText__listItem:not(:first-child),
	.siteFooter .portableText__paragraph:not(:first-child) {
		margin-top: 0;
	}

	.portableText__list {
		padding-left: var(--spacing-vertical-large-2);
	}

	.portableText__list--bullet {
		list-style: none;
	}

	.portableText__listItem--bullet::before {
		content: "•";
		display: inline-block;
		float: left;
		text-indent: calc(var(--spacing-vertical-large-2) * -1);
	}

	.portableText__heading--visualLevel-1:not(:first-child) {
		margin-top: var(--spacing-vertical);
	}

	.portableText__heading--visualLevel-2:not(:first-child) {
		margin-top: var(--spacing-vertical-large-3);
	}

	.portableText__heading--visualLevel-3:not(:first-child) {
		margin-top: var(--spacing-vertical-large-3);
	}

	.portableText__heading--visualLevel-4:not(:first-child) {
		margin-top: var(--spacing-vertical-large-2);
	}

	.portableText__heading--visualLevel-5:not(:first-child),
	.portableText__heading--visualLevel-6:not(:first-child) {
		margin-top: var(--spacing-vertical-large-2);
	}

	.siteFooter .portableText__heading--visualLevel-1:not(:first-child),
	.siteFooter .portableText__heading--visualLevel-2:not(:first-child),
	.siteFooter .portableText__heading--visualLevel-3:not(:first-child),
	.siteFooter .portableText__heading--visualLevel-4:not(:first-child),
	.siteFooter .portableText__heading--visualLevel-5:not(:first-child),
	.siteFooter .portableText__heading--visualLevel-6:not(:first-child) {
		margin-top: var(--spacing-vertical-large);
	}

	.portableText__link {
	}

	.portableText__figure {
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
	}

	.portableText__figureImage {
		max-height: 80vh;
		width: auto;
		height: auto;
	}

	.portableText__figureCaption {
		color: var(--color-text-muted);
		font-size: var(--font-size-small);
		line-height: var(--line-height-large);
	}

	.reviewsSection__review__avatar {
		width: 2rem;
		height: 2rem;
		border-radius: 50%;
		background-color: var(--color-blue-300);
	}
	.reviewsSection__review__header {
		align-items: center;
	}
	.reviewsSection__review {
		padding: var(--spacing-vertical) var(--spacing-horizontal);
		border: 1px solid var(--color-gray-300);
		border-radius: var(--border-radius);
		font-size: var(--font-size-small);
	}

	.siteFooter {
		background: var(--color-footer-background);
		min-height: 100vh;
	}

	.siteFooter__logo-column {
		mix-blend-mode: multiply;
	}

	.siteFooter__sb-logo {
		filter: grayscale(1);
		opacity: 1;
		max-width: 8em;
		margin-top: 1em;
	}

	.siteHeader {
		border-bottom: 1px solid var(--color-border-muted);
		background: var(--color-background);
		color: var(--color-text-inverted);
		padding-bottom: 0.05em;
		min-height: var(--site-header-height);
	}

	
			
			.siteHeader--overlay-value-true {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 10;
				background: var(--color-brand);
				border: none;
			}
		

			
					@media (min-width: 0) {
						
			.siteHeader--overlay-breakpoint-0-value-true {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 10;
				background: var(--color-brand);
				border: none;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.siteHeader--overlay-breakpoint-1-value-true {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 10;
				background: var(--color-brand);
				border: none;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.siteHeader--overlay-breakpoint-2-value-true {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 10;
				background: var(--color-brand);
				border: none;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.siteHeader--overlay-breakpoint-3-value-true {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 10;
				background: var(--color-brand);
				border: none;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.siteHeader--overlay-breakpoint-4-value-true {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 10;
				background: var(--color-brand);
				border: none;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.siteHeader--overlay-breakpoint-5-value-true {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 10;
				background: var(--color-brand);
				border: none;
			}
		
					}
				
		

	
			
			.siteHeader--invertLogo-value-true .siteHeader__logo {
				color: var(--color-text-inverted);
			}

			.siteHeader--invertLogo-value-false .siteHeader__logo {
				color: var(--color-text);
			}
		

			
					@media (min-width: 0) {
						
			.siteHeader--invertLogo-breakpoint-0-value-true .siteHeader__logo {
				color: var(--color-text-inverted);
			}

			.siteHeader--invertLogo-breakpoint-0-value-false .siteHeader__logo {
				color: var(--color-text);
			}
		
					}
				
					@media (min-width: 640px) {
						
			.siteHeader--invertLogo-breakpoint-1-value-true .siteHeader__logo {
				color: var(--color-text-inverted);
			}

			.siteHeader--invertLogo-breakpoint-1-value-false .siteHeader__logo {
				color: var(--color-text);
			}
		
					}
				
					@media (min-width: 768px) {
						
			.siteHeader--invertLogo-breakpoint-2-value-true .siteHeader__logo {
				color: var(--color-text-inverted);
			}

			.siteHeader--invertLogo-breakpoint-2-value-false .siteHeader__logo {
				color: var(--color-text);
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.siteHeader--invertLogo-breakpoint-3-value-true .siteHeader__logo {
				color: var(--color-text-inverted);
			}

			.siteHeader--invertLogo-breakpoint-3-value-false .siteHeader__logo {
				color: var(--color-text);
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.siteHeader--invertLogo-breakpoint-4-value-true .siteHeader__logo {
				color: var(--color-text-inverted);
			}

			.siteHeader--invertLogo-breakpoint-4-value-false .siteHeader__logo {
				color: var(--color-text);
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.siteHeader--invertLogo-breakpoint-5-value-true .siteHeader__logo {
				color: var(--color-text-inverted);
			}

			.siteHeader--invertLogo-breakpoint-5-value-false .siteHeader__logo {
				color: var(--color-text);
			}
		
					}
				
		

  .hide-on-mobile {
		display: none;
	}

	.no-wrap {
		white-space: nowrap;
	}

	.tagline {
		white-space: nowrap;
	}

	[data-menu="open"] .tagline {
		display: block;
		white-space: normal;
	}

	@media (min-width: 768px) {
		.hide-on-mobile {
			display: block;
		}
	}

	.slideshow {
		position: relative;
	}

	
			
			.slideshow--cover-value-true,
			.slideshow--cover-value-true .slideshow__item,
    .slideshow--cover-value-true .figure {
				width: 100%;
				height: 100%;
			}
		

			
					@media (min-width: 0) {
						
			.slideshow--cover-breakpoint-0-value-true,
			.slideshow--cover-breakpoint-0-value-true .slideshow__item,
    .slideshow--cover-breakpoint-0-value-true .figure {
				width: 100%;
				height: 100%;
			}
		
					}
				
					@media (min-width: 640px) {
						
			.slideshow--cover-breakpoint-1-value-true,
			.slideshow--cover-breakpoint-1-value-true .slideshow__item,
    .slideshow--cover-breakpoint-1-value-true .figure {
				width: 100%;
				height: 100%;
			}
		
					}
				
					@media (min-width: 768px) {
						
			.slideshow--cover-breakpoint-2-value-true,
			.slideshow--cover-breakpoint-2-value-true .slideshow__item,
    .slideshow--cover-breakpoint-2-value-true .figure {
				width: 100%;
				height: 100%;
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.slideshow--cover-breakpoint-3-value-true,
			.slideshow--cover-breakpoint-3-value-true .slideshow__item,
    .slideshow--cover-breakpoint-3-value-true .figure {
				width: 100%;
				height: 100%;
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.slideshow--cover-breakpoint-4-value-true,
			.slideshow--cover-breakpoint-4-value-true .slideshow__item,
    .slideshow--cover-breakpoint-4-value-true .figure {
				width: 100%;
				height: 100%;
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.slideshow--cover-breakpoint-5-value-true,
			.slideshow--cover-breakpoint-5-value-true .slideshow__item,
    .slideshow--cover-breakpoint-5-value-true .figure {
				width: 100%;
				height: 100%;
			}
		
					}
				
		

	.slideshow__item {
		transition: opacity 500ms linear;
	}

	.slideshow__item--active .slideshow__item:not(.slideshow__item--current) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		pointer-events: none;
		transition-delay: 500ms;
		z-index: 0;
	}

	.slideshow__item--current {
		position: relative;
		transition-delay: 0;
		z-index: 2;
	}

	.slideshow__item .figure figcaption {
		display: none;
	}

	.slideshowNavigation {
		display: flex;
		gap: var(--spacing-horizontal-small-3);
		margin-bottom: var(--spacing-vertical-small-2);
	}

	@media (min-width: 768px) {
		.slideshowNavigation {
			margin-bottom: var(--spacing-vertical-large-2);
		}
	}

	.slideshowNavigation__link {
		width: 0.75rem;
		height: 0.75rem;
		border: 0.2rem var(--color-link) solid;
		background: var(--color-link);
		border-radius: 50%;
		cursor: pointer;
	}

	.slideshowNavigation__link:hover {
		border-color: var(--color-link-hover);
		background-color: var(--color-link-hover);
	}

	.slideshowNavigation__link:active {
		border-color: var(--color-link-active);
		background-color: var(--color-link-active);
	}

	.slideshowNavigation__link--active,
	.slideshowNavigation__link--active:hover,
  .slideshowNavigation__link--active:active {
		background: none;
	}

	
			
			.slideshowNavigation--invert-value-true .slideshowNavigation__link {
				border-color: var(--color-link-inverted);
				background-color: transparent;
			}

			.slideshowNavigation--invert-value-true .slideshowNavigation__link:hover {
				border-color: var(--color-link-inverted-hover);
				background-color: var(--color-link-inverted-hover);
			}

			.slideshowNavigation--invert-value-true .slideshowNavigation__link:active {
				border-color: var(--color-link-inverted-active);
				background-color: var(--color-link-inverted-active);
			}

			.slideshowNavigation--invert-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-value-true .slideshowNavigation__link--active:active {
				/* background: none; */
				background-color: var(--color-link-inverted);
			}
		

			
					@media (min-width: 0) {
						
			.slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link {
				border-color: var(--color-link-inverted);
				background-color: transparent;
			}

			.slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link:hover {
				border-color: var(--color-link-inverted-hover);
				background-color: var(--color-link-inverted-hover);
			}

			.slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link:active {
				border-color: var(--color-link-inverted-active);
				background-color: var(--color-link-inverted-active);
			}

			.slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link--active:active {
				/* background: none; */
				background-color: var(--color-link-inverted);
			}
		
					}
				
					@media (min-width: 640px) {
						
			.slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link {
				border-color: var(--color-link-inverted);
				background-color: transparent;
			}

			.slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link:hover {
				border-color: var(--color-link-inverted-hover);
				background-color: var(--color-link-inverted-hover);
			}

			.slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link:active {
				border-color: var(--color-link-inverted-active);
				background-color: var(--color-link-inverted-active);
			}

			.slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link--active:active {
				/* background: none; */
				background-color: var(--color-link-inverted);
			}
		
					}
				
					@media (min-width: 768px) {
						
			.slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link {
				border-color: var(--color-link-inverted);
				background-color: transparent;
			}

			.slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link:hover {
				border-color: var(--color-link-inverted-hover);
				background-color: var(--color-link-inverted-hover);
			}

			.slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link:active {
				border-color: var(--color-link-inverted-active);
				background-color: var(--color-link-inverted-active);
			}

			.slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link--active:active {
				/* background: none; */
				background-color: var(--color-link-inverted);
			}
		
					}
				
					@media (min-width: 1024px) {
						
			.slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link {
				border-color: var(--color-link-inverted);
				background-color: transparent;
			}

			.slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link:hover {
				border-color: var(--color-link-inverted-hover);
				background-color: var(--color-link-inverted-hover);
			}

			.slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link:active {
				border-color: var(--color-link-inverted-active);
				background-color: var(--color-link-inverted-active);
			}

			.slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link--active:active {
				/* background: none; */
				background-color: var(--color-link-inverted);
			}
		
					}
				
					@media (min-width: 1280px) {
						
			.slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link {
				border-color: var(--color-link-inverted);
				background-color: transparent;
			}

			.slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link:hover {
				border-color: var(--color-link-inverted-hover);
				background-color: var(--color-link-inverted-hover);
			}

			.slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link:active {
				border-color: var(--color-link-inverted-active);
				background-color: var(--color-link-inverted-active);
			}

			.slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link--active:active {
				/* background: none; */
				background-color: var(--color-link-inverted);
			}
		
					}
				
					@media (min-width: 1536px) {
						
			.slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link {
				border-color: var(--color-link-inverted);
				background-color: transparent;
			}

			.slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link:hover {
				border-color: var(--color-link-inverted-hover);
				background-color: var(--color-link-inverted-hover);
			}

			.slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link:active {
				border-color: var(--color-link-inverted-active);
				background-color: var(--color-link-inverted-active);
			}

			.slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link--active:active {
				/* background: none; */
				background-color: var(--color-link-inverted);
			}
		
					}
				
		

	.stack {
		display: flex;
	}

	.stack--justifyStart {
		justify-content: flex-start;
	}

	.stack--justifyEnd {
		justify-content: flex-end;
	}

	.stack--justifyCenter {
		justify-content: center;
	}

	.stack--justifySpaceAround {
		justify-content: space-around;
	}

	.stack--justifySpaceBetween {
		justify-content: space-between;
	}

	.stack--alignStart {
		align-items: flex-start;
	}

	.stack--alignEnd {
		align-items: flex-end;
	}

	.stack--alignCenter {
		justify-items: center;
	}

	.stack--vertical {
		flex-direction: column;
	}

	.stack--horizontal {
		flex-direction: row;
	}

	.stack--vertical.stack--compact {
		max-height: max-content;
	}

	.stack--horizontal.stack--compact {
		max-width: max-content;
	}

	.stack--vertical > .stack__item {
		max-width: 100%;
	}

	.stack__item:empty {
		display: none;
	}

	/* Should this be generated? */
	.stack--vertical.stack--gap-5 {
		--spacing: var(--spacing-vertical-small-5);
	}
	.stack--vertical.stack--gap-4 {
		--spacing: var(--spacing-vertical-small-4);
	}
	.stack--vertical.stack--gap-3 {
		--spacing: var(--spacing-vertical-small-3);
	}
	.stack--vertical.stack--gap-2 {
		--spacing: var(--spacing-vertical-small-2);
	}
	.stack--vertical.stack--gap-1 {
		--spacing: var(--spacing-vertical-small);
	}
	.stack--vertical.stack--gap0 {
		--spacing: var(--spacing-vertical);
	}
	.stack--vertical.stack--gap1 {
		--spacing: var(--spacing-vertical-large);
	}
	.stack--vertical.stack--gap2 {
		--spacing: var(--spacing-vertical-large-2);
	}
	.stack--vertical.stack--gap3 {
		--spacing: var(--spacing-vertical-large-3);
	}
	.stack--vertical.stack--gap4 {
		--spacing: var(--spacing-vertical-large-4);
	}
	.stack--vertical.stack--gap5 {
		--spacing: var(--spacing-vertical-large-5);
	}

	.stack--vertical[class*=" stack--gap"] > .stack__item:not(:last-child),
	.stack--vertical[class^="stack--gap"] > .stack__item:not(:last-child) {
		padding-bottom: var(--spacing);
	}

	.stack--vertical.stack--dividers > .stack__item:not(:last-child) {
		border-bottom: var(--border-width-normal) solid
			var(--color-border-muted);
		margin-bottom: var(--spacing);
	}

	.stack--horizontal.stack--gap-5 {
		--spacing: var(--spacing-horizontal-small-5);
	}
	.stack--horizontal.stack--gap-4 {
		--spacing: var(--spacing-horizontal-small-4);
	}
	.stack--horizontal.stack--gap-3 {
		--spacing: var(--spacing-horizontal-small-3);
	}
	.stack--horizontal.stack--gap-2 {
		--spacing: var(--spacing-horizontal-small-2);
	}
	.stack--horizontal.stack--gap-1 {
		--spacing: var(--spacing-horizontal-small);
	}
	.stack--horizontal.stack--gap0 {
		--spacing: var(--spacing-horizontal);
	}
	.stack--horizontal.stack--gap1 {
		--spacing: var(--spacing-horizontal-large);
	}
	.stack--horizontal.stack--gap2 {
		--spacing: var(--spacing-horizontal-large-2);
	}
	.stack--horizontal.stack--gap3 {
		--spacing: var(--spacing-horizontal-large-3);
	}
	.stack--horizontal.stack--gap4 {
		--spacing: var(--spacing-horizontal-large-4);
	}
	.stack--horizontal.stack--gap5 {
		--spacing: var(--spacing-horizontal-large-5);
	}

	.stack--horizontal[class*=" stack--gap"] > .stack__item:not(:last-child),
	.stack--horizontal[class^="stack--gap"] > .stack__item:not(:last-child) {
		padding-right: var(--spacing);
	}

	.stack--horizontal.stack--dividers > .stack__item:not(:last-child) {
		border-right: var(--border-width-normal) solid var(--color-border-muted);
		margin-right: var(--spacing);
	}

	.tabs__navigation {
		display: flex;
		margin-bottom: var(--spacing-vertical-large);
		border: var(--border-width-large) var(--color-link) solid;
		user-select: none;
		/* position: sticky;
    top: calc(var(--site-header-height) + var(--spacing-vertical-small));
    z-index: 10;
    background: oklch(from var(--color-background) l c h / 0.8);
    backdrop-filter: blur(10px); */
	}

	.tabs__link {
		display: block;
		color: var(--color-link);
		font-size: var(--font-size-small);
		line-height: var(--line-height-large);
		padding: var(--spacing-vertical-small-2) var(--spacing-horizontal-small);
		flex-grow: 1;
		text-align: center;
	}

	.tabs__link--active {
		background: var(--color-link-inverted-background);
		border-color: var(--color-link-inverted-border);
		color: var(--color-link-inverted);
	}

	.tabs__link--active:hover,
	.tabs__link--active:active {
		cursor: default;
		color: var(--color-link-inverted);
	}

	.tabs__content--inactive {
		display: none;
	}

	.text--strong {
		/* Handled by reset? */
		/*font-weight: bold;*/
	}

	.text--emphasis {
		/* Handled by reset? */
		/*font-style: italic;*/
	}

	.text--antialiased {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.text--left {
		text-align: left;
	}

	.text--center {
		text-align: center;
	}

	.text--right {
		text-align: right;
	}

	.text--large {
		font-size: var(--font-size-large);
		line-height: var(--line-height-normal);
	}

	.text--small {
		font-size: var(--font-size-small);
		line-height: var(--line-height-large);
	}

	.text--smaller {
		font-size: var(--font-size-small-2);
		line-height: var(--line-height-large);
	}

	.text--lower-case {
		text-transform: lowercase;
	}

	.text--muted {
		color: var(--color-text-muted);
	}

	.text--highlighted {
		color: var(--color-text-highlighted);
	}

	.text--striked {
		/* color: var(--color-text-highlighted); */
		text-decoration: line-through;
	}

	.text--tabular-numbers {
		font-variant-numeric: lining-nums;
		/* font-variant-numeric: tabular-nums; */
		/* There's a bug in the font files */
	}

	.text--lining-numbers {
		font-variant-numeric: lining-nums;
	}

	.toggleMore {
		display: grid;
		gap: var(--spacing-vertical);
	}

	.toggleMore--active .toggleMore__content {
		display: none;
	}

	.toggleMore--expanded .toggleMore__content {
		display: block;
	}

	.toggleMore--active .toggleMore__contractButton {
		display: none;
	}

	.toggleMore--expanded .toggleMore__contractButton {
		display: block;
	}

	.toggleMore--expanded .toggleMore__expandButton {
		display: none;
	}

	
  
		
	.frontPage__hero {
		position: relative;
	}

	/* Hero-kolonnen er 100 vh (fullscreen), men notiser o.l. over hero-en
	   skyver den nedover. I stedet for å regne på høyder: la innholdet
	   (knappene) feste seg til viewport-bunnen så lenge hero-en er i bildet.
	   Robust mot vilkårlig notis-høyde, antall knapper og mobil-URL-felt. */
	.frontPage__hero .column__scroller {
		position: sticky;
		bottom: 0;
	}

	/* Og la kolonnen vokse forbi 100 vh hvis innholdet trenger plass
	   (mange knapper / lavt viewport) – flyt i stedet for klipping. */
	.frontPage__hero .column {
		max-height: none;
	}

	/* ---- To-spalters hero-typografi, som referansen ----
	   Spalte 1: ordmerket. Spalte 2: slogan, samme topplinje. Innrettingen
	   speiler headerens kolonner: ordmerket flukter med header-logoen
	   (page-margin), og slogan flukter med dato-elementet i headeren
	   (kolonne 2 = 50 % + halv gutter). */
	.frontPage__heroType {
		position: absolute;

		/* Avstand mellom headeren og logo/slogan – juster her */
		top: calc(var(--site-header-height) + var(--spacing-vertical-large));
	}

	/* Mørk tekst på den store hero-typografien skal OPPLEVES som sort
	   (referansen bruker ren #000) – default --color-text (gray-800,
	   #3e3e3e) blir for lys i store størrelser. Gjelder kun når invert
	   er av (lys bakgrunn). */
	.frontPage__heroType:not(.invert),
	.frontPage__heroContent:not(.invert) {
		color: #000;
	}

	/* Knappene har egen fargeregel (.inlineButtonLink → var(--color-link))
	   som vinner over arven – sett sort direkte. Dekker også hover/active,
	   som i referansen (kun bakgrunn/blur endres på hover). */
	.frontPage__heroContent:not(.invert) .frontPage__bigHeroLink {
		color: #000;
	}

	/* Vises en notis over hero-en (layoutens notisblokk øverst i body),
	   starter hero-en allerede under den fikserte headeren – da trengs
	   ikke header-kompensasjonen i toppavstanden */
	body:has(> .pad .notice) .frontPage__heroType {
		top: var(--spacing-vertical-large);
	}

	.frontPage__heroType {
		left: 0;
		right: 0;
		z-index: 4;
		display: grid;
		grid-template-columns: 1fr;
		font-size: var(--font-size-large-3);
		line-height: 1.1;
		letter-spacing: -0.021em;
		padding-left: var(--spacing-page-margin-horizontal);
		padding-right: var(--spacing-page-margin-horizontal);
		pointer-events: none;
	}

	/* Optisk kompensasjon på mobil: SVG-en mangler skriftens venstre
	   sidebearing, så ordmerket nudges mot slogan-teksten rett under
	   (referansens --logo-left) – juster her */
	.frontPage__heroType .logo {
		margin-left: 0.06em;
	}

	.frontPage__slogan {
		margin: 0;
		font-feature-settings: "ss01", "ss14", "onum";
		text-wrap: balance;
	}

	@media (min-width: 768px) {
		.frontPage__heroType {
			grid-template-columns: 1fr 1fr;
			font-size: var(--font-size-large-4);
			padding-left: 0;
			padding-right: 0;
		}

		/* = headerens kolonne 1: page-margin, som header-logoen */
		.frontPage__heroType > div:first-child {
			padding-left: var(--spacing-page-margin-horizontal);
		}

		/* Desktop: flukt med header-logoen (samme SVG), ingen nudge */
		.frontPage__heroType .logo {
			margin-left: 0;
		}

		/* = headerens kolonne 2: halv gutter, som datoen */
		.frontPage__heroType > div:last-child {
			padding-left: calc(var(--spacing-gutter-horizontal) / 2);
			padding-right: var(--spacing-page-margin-horizontal);
		}
	}

	/* Hero-tekst fra Sanity balanserer linjene, som i referansen */
	.frontPage__heroContent p {
		text-wrap: balance;
	}

	.frontPage__bigHeroLink {
		font-size: var(--font-size-large-3);
		letter-spacing: -0.021em;
		padding: 0.3em 0.65em;
		border-radius: 2em;
		background: rgba(255, 255, 255, 0.12);
		border-color: transparent;
		line-height: 1;
	}

	@media (min-width: 768px) {
		.frontPage__bigHeroLink {
			font-size: var(--font-size-large-4);
			margin-left: calc(var(--spacing-page-margin-horizontal) * -0.5);
			margin-right: calc(var(--spacing-page-margin-horizontal) * -0.5);
		}
	}

	.frontPage__bigHeroLink:hover {
		background: rgba(255, 255, 255, 0.05);
		border-color: transparent;

		/* border: 3px dashed; */
	}

	.frontPage__bigHeroLink:active {
		background: transparent;
	}

	@supports (backdrop-filter: blur(1px)) {
		.frontPage__bigHeroLink {
			backdrop-filter: blur(0.35em);
		}
		.frontPage__bigHeroLink:hover {
			backdrop-filter: blur(0.7em);
		}
		.frontPage__bigHeroLink:active {
			backdrop-filter: blur(0.2em);
		}
	}

	/* Adaptiv tekstfarge over generativ backdrop: filter-pillene har ellers
	   fast invertert (hvit) farge – la dem arve fra den adaptive wrapperen,
	   så de følger hvit/sort-bytte per lyd (invert-klassen toggles av
	   generativeBackground, med fade fra adaptive-klassen der). */
	.programPage__backdropText .checkboxPill__label {
		color: inherit;
	}

	/* Mørk tekst over feltet skal OPPLEVES som sort, som på forsiden
	   (referansen bruker ren #000; default --color-text på #3e3e3e blir
	   for lys i store størrelser). Kun når invert er av (lys bakgrunn). */
	.programPage__backdropText:not(.invert) {
		color: #000;
	}

	
  
	.text-block-heading {
		font-size: var(--font-size-large-3);
		line-height: var(--line-height-small-2);
		font-weight: 400;
		color: var(--color-text-dark);
	}

	.text-block-subhead {
		font-size: var(--font-size-large);
		line-height: var(--line-height-small-2);
		font-weight: 600;
	}

	.text-block-normal {
		font-size: var(--font-size-normal);
		line-height: var(--line-height-normal);
	}

	.text-block-small {
		font-size: var(--font-size-small);
		line-height: var(--line-height-large);
	}

	.text-inline-code {
		font-size: 0.8em;
		background: var(--color-text-light);
	}

	.visually-hidden {
		display: none;
	}

	.border-top {
		border-top: 1px solid;
		padding-top: 0.2em;
		line-height: var(--line-height-small-2);
	}

	/*.wrapper--main {
    margin-top: 10%;
  }*/

  
	input,
	textarea {
		font-size: inherit;
		line-height: var(--line-height-small-2);
		font-weight: inherit;
		color: inherit;
		border: none;
		border-bottom: var(--border-width-large) solid;
		border-radius: 0;
		width: 100%;
		max-width: 100%;
		padding: var(--spacing-vertical-small-4) 0;
		margin: var(--spacing-vertical-small-4) 0;
		background: transparent;
	}

	input:focus {
		border-bottom-color: var(--color-link);
		outline: none;
	}

	.hidden-until-form-focus {
		display: none;
	}
	form:focus-within .hidden-until-form-focus {
		display: initial;
	}