@charset "UTF-8";

@layer reset {

	*:where(:not(html, svg *, symbol *)) {
		all: unset;
		display: revert;
	}

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

	a {
		text-decoration: none;
	}

	a,
	button {
		cursor: revert;
	}

	details summary,
	menu,
	ol,
	ul {
		list-style: none;
	}

	audio,
	img,
	iframe,
	video {
		max-block-size: 100%;
		max-inline-size: 100%;
	}

	img,
	video {
		block-size: auto;
		display: block;
		inline-size: auto;
	}

	picture {
		display: contents;
	}

	source {
		display: none;
	}

	table {
		border-collapse: collapse;
	}

	input,
	textarea {
		-webkit-user-select: auto;
		user-select: auto;
	}

	textarea {
		white-space: revert;
	}

	iframe {
		border: unset;
	}

	::placeholder,
	::backdrop {
		all: unset;
	}

	::marker {
		content: initial;
	}

	:where([hidden]),
	::-webkit-details-marker {
		display: none;
	}

	:where([draggable=true]) {
		-webkit-user-drag: element;
	}
}

@layer base {
	:root {
		--color--foreground: black;
		--color--background: white;
		--color--highlight: rgb(128 128 128 / 13.333%);
		--color--black: #1e1e19;
		--color--eucalyptus: #aba52d;
		--color--fog: #f7f7f7;
		--color--gold: #d3b150;
		--color--gray: #888;
		--color--orchid: #f47b9c;
		--color--pacific: #57acd3;
		--color--pearl: #faf7ec;
		--color--poppy: #ff4619;
		--color--sand: #f3eee3;
		--color--sky: #e4f2f2;
		--color--stone: #eee;
		--color--sunflower: #f3c100;
		--color--tangerine: #fa9100;
		--color--walnut: #d9712d;
		--color--beta--pearl: #fdfaf0;
		--color--beta--sand: #f5ecd8;
		--color--beta--stone: #e9e9e9;
		--color--beta--sunflower: #ffd335;
		--color--beta--eucalyptus--dark: #504d18;
		--color--beta--eucalyptus--light: #e2e9d6;
		--color--beta--eucalyptus: #9e9a3c;
		--color--beta--gold--dark: #8a6c01;
		--color--beta--gold--light: #f3eed5;
		--color--beta--gold: #d6b454;
		--color--beta--gray--dark: #878787;
		--color--beta--gray--light: #f5f5f5;
		--color--beta--gray: #d1d1d1;
		--color--beta--orchid--dark: #5d293c;
		--color--beta--orchid--light: #f7e7e7;
		--color--beta--orchid: #ff8eab;
		--color--beta--pacific--dark: #224c5f;
		--color--beta--pacific--light: #e2f1f3;
		--color--beta--pacific: #5fa5c5;
		--color--beta--tangerine--dark: #a45825;
		--color--beta--tangerine--light: #f8e8c7;
		--color--beta--tangerine: #fb9d2a;
		--color--opacity--credit: 100%;
		--color--opacity--overlay: 100%;
		--color--opacity--shadow: 100%;
		--color--opacity--disabled: 50%;
		--color--scroll--thumb: #bbb;
		--color--scroll--track: #eee;
		--typography--size--credit: 14;
		--typography--size--caption: 16;
		--typography--size--body: 17;
		--typography--size--callout: 18;
		--typography--size--heading--small: 28;
		--typography--size--heading--medium: 39;
		--typography--size--heading--large: 45;
		--typography--size--heading--largest: 56;
		--typography--leading--heading: 0.986;
		--typography--leading--logo: 1.046;
		--typography--leading--caption: 1.238;
		--typography--leading--body: 1.569;
		--link--enlargement: 4;
		--link--outline: 2;
		--layout--base: 12;
		--layout--gutter: 16;
		--layout--alley: 24;
		--layout--max: 1608;
		--layout--spacing: calc(var(--layout--base) * 4);
		--layout--corner: calc(var(--layout--base) / 2);
		--layout--divider: 2;
		--layout--shadow: 8;
		--layout--ratio--landscape: 3 / 2;
	}

	@media (prefers-contrast: no-preference),
	(prefers-contrast: less) {
		:root {
			--color--opacity--credit: 40%;
			--color--opacity--overlay: 90%;
			--color--opacity--shadow: 16.666%;
			--color--opacity--disabled: 20%;
		}
	}

	@media (prefers-color-scheme: dark) {
		:root {
			--color--scroll--thumb: #777;
			--color--scroll--track: #444;
		}
	}

	@media (prefers-reduced-motion: no-preference) {
		:root {
			--wrapper--duration: 750ms;
			--wrapper--duration--split: calc(var(--wrapper--duration) / 2);
			--wrapper--easing--in: cubic-bezier(0.64, 0, 0.78, 0);
			--wrapper--easing--out: cubic-bezier(0.22, 1, 0.36, 1);
			--wrapper--easing--in-out: cubic-bezier(0.83, 0, 0.17, 1);
		}
	}

	@media (min-width: 60.0625em),
	(min-width: 46.5em) and (min-height: 30.0625em) {
		:root {
			--typography--size--credit: 16;
			--typography--size--caption: 18;
			--typography--size--body: 20;
			--typography--size--callout: 22;
			--typography--size--heading--small: 33;
			--typography--size--heading--medium: 45;
			--typography--size--heading--large: 56;
			--typography--size--heading--largest: 77;
			--link--enlargement: 6;
			--layout--gutter: 32;
			--layout--alley: var(--layout--gutter);
			--layout--spacing: calc(var(--layout--base) * 6);
		}
	}

	@media (min-width: 74.6875em) {
		:root {
			--typography--size--heading--small: 39;
			--typography--size--heading--medium: 56;
			--typography--size--heading--large: 77;
			--typography--size--heading--largest: 100;
			--layout--gutter: 48;
		}
	}

	:root {
		font-size: 62.5%;
	}

	:root * {
		font-kerning: normal;
		font-smooth: always;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
		-webkit-text-size-adjust: none;
	}

	.font__century-schoolbook--mono {
		--typography--family: "Century Schoolbook Mono", monospace;
		--typography--weight: 400;
		--typography--bearing--start: -0.028;
		--typography--bearing--end: -0.068;
		--typography--cap-height: 0.671;
		--typography--content-height: 1.188;
		--typography--content--end: 0.236;
		--typography--descender-height: 0.208;
		--typography--descent: 0.142;
		--typography--stroke-thickness: 0.044;
		--typography--underline--skip: 0.075;
		--typography--x-height: 0.463;
	}

	.font__century-schoolbook--bold,
	.font__century-schoolbook--regular,
	.font__heading--largest,
	.font__heading--large,
	.font__heading--medium,
	.font__heading--small {
		--typography--family: "Century Schoolbook", serif;
		--typography--cap-height: 0.722;
		--typography--content-height: 1.226;
		--typography--content--end: 0.240;
		--typography--descent: 0.127;
		font-variant-numeric: proportional-nums;
	}

	.font__century-schoolbook--regular,
	.font__heading--largest,
	.font__heading--large,
	.font__heading--medium,
	.font__heading--small {
		--typography--weight: 400;
		--typography--bearing--start: -0.065;
		--typography--bearing--end: -0.037;
		--typography--descender-height: 0.188;
		--typography--stroke-thickness: 0.045;
		--typography--underline--skip: 0.080;
		--typography--x-height: 0.458;
	}

	.font__century-schoolbook--bold {
		--typography--weight: 700;
		--typography--bearing--start: -0.035;
		--typography--bearing--end: -0.053;
		--typography--descender-height: 0.189;
		--typography--stroke-thickness: 0.053;
		--typography--underline--skip: 0.077;
		--typography--x-height: 0.457;
	}

	.font__graphik--bold,
	.font__graphik--semibold,
	.font__graphik--medium,
	:where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong,
	.font__graphik--regular,
	.font__callout,
	.font__body,
	.font__caption,
	.font__credit {
		--typography--family: "Graphik", sans-serif;
		--typography--cap-height: 0.715;
		--typography--content-height: 1.176;
		--typography--content--end: 0.195;
		--typography--descent: 0.107;
		--typography--underline--skip: var(--typography--stroke-thickness);
		--typography--x-height: 0.523;
	}

	.font__graphik--regular,
	.font__callout,
	.font__body,
	.font__caption,
	.font__credit {
		--typography--weight: 400;
		--typography--bearing--start: -0.090;
		--typography--bearing--end: -0.047;
		--typography--descender-height: 0.182;
		--typography--stroke-thickness: 0.070;
		--typography--underline--skip: 0.083;
		font-feature-settings: "ss05" off;
	}

	.font__graphik--bold,
	.font__graphik--semibold,
	.font__graphik--medium,
	:where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong {
		font-feature-settings: "ss05" on;
	}

	.font__graphik--medium,
	:where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong {
		--typography--weight: 500;
		--typography--bearing--start: -0.082;
		--typography--bearing--end: -0.038;
		--typography--descender-height: 0.179;
		--typography--stroke-thickness: 0.091;
	}

	.font__graphik--semibold {
		--typography--weight: 600;
		--typography--bearing--start: -0.077;
		--typography--bearing--end: -0.032;
		--typography--descender-height: 0.178;
		--typography--stroke-thickness: 0.103;
	}

	.font__graphik--bold {
		--typography--weight: 700;
		--typography--bearing--start: -0.069;
		--typography--bearing--end: -0.024;
		--typography--descender-height: 0.175;
		--typography--stroke-thickness: 0.122;
	}

	.font__graphik--single-story-a {
		font-feature-settings: "ss01" on;
	}

	.font__topol--bold,
	.font__topol--regular,
	.font__topol--light {
		--typography--family: "Topol", sans-serif;
		--typography--cap-height: 0.709;
		--typography--content-height: 1.224;
		--typography--content--end: 0.243;
		--typography--descender-height: 0.166;
		--typography--descent: 0.131;
		--typography--underline--skip: var(--typography--stroke-thickness);
	}

	.font__topol--bold em,
	.font__topol--regular em,
	.font__topol--light em {
		margin-inline-end: 0.125em;
	}

	.font__topol--light {
		--typography--weight: 300;
		--typography--bearing--start: -0.080;
		--typography--bearing--end: -0.043;
		--typography--stroke-thickness: 0.050;
		--typography--underline--skip: 0.070;
		--typography--x-height: 0.530;
	}

	.font__topol--regular {
		--typography--weight: 400;
		--typography--bearing--start: -0.075;
		--typography--bearing--end: -0.042;
		--typography--stroke-thickness: 0.069;
		--typography--x-height: 0.533;
	}

	.font__topol--bold {
		--typography--weight: 700;
		--typography--bearing--start: -0.075;
		--typography--bearing--end: -0.041;
		--typography--content-height: 1.223;
		--typography--descent: 0.132;
		--typography--stroke-thickness: 0.100;
		--typography--x-height: 0.536;
	}

	.font__heading--largest,
	.font__heading--large,
	.font__heading--medium,
	.font__heading--small {
		--typography--leading: var(--typography--leading--heading);
	}

	.font__credit {
		--typography--leading: var(--typography--leading--logo);
	}

	.font__caption {
		--typography--leading: var(--typography--leading--caption);
	}

	.font__callout,
	.font__body {
		--typography--leading: var(--typography--leading--body);
	}

	.font__leading--logo,
	.font__leading--heading,
	.font__heading--largest,
	.font__heading--large,
	.font__heading--medium,
	.font__heading--small,
	.font__credit {
		--typography--underline--below-descender: initial;
	}

	.font__leading--body,
	.font__leading--caption,
	.font__caption,
	.font__callout,
	.font__body {
		--typography--underline--below-descender: 1;
	}

	.font__leading--heading {
		--typography--leading--override: var(--typography--leading--heading);
	}

	.font__leading--logo {
		--typography--leading--override: var(--typography--leading--logo);
	}

	.font__leading--caption {
		--typography--leading--override: var(--typography--leading--caption);
	}

	.font__leading--body {
		--typography--leading--override: var(--typography--leading--body);
	}

	.font__heading--largest,
	.font__heading--large,
	.font__heading--medium,
	.font__heading--small,
	.font__callout,
	.font__body,
	.font__caption,
	.font__credit {
		--typography--scale--size: initial;
	}

	.font__body [class*=font__leading].font__credit,
	.font__caption [class*=font__leading].font__credit,
	.font__body [class*=font__leading].font__caption,
	.font__body [class*=font__leading].font__callout,
	.font__caption [class*=font__leading].font__callout {
		--typography--scale--size: initial;
	}

	.font__body .font__credit:where(:not([class*=font__leading])),
	.font__caption .font__credit:where(:not([class*=font__leading])),
	.font__body .font__caption:where(:not([class*=font__leading])),
	.font__body .font__callout:where(:not([class*=font__leading])),
	.font__caption .font__callout:where(:not([class*=font__leading])) {
		--typography--leading: inherit;
		--typography--size: inherit;
	}

	.font__body .font__credit,
	.font__caption .font__credit {
		--typography--scale--size: var(--typography--size--credit);
	}

	.font__body .font__caption {
		--typography--scale--size: var(--typography--size--caption);
	}

	.font__caption .font__body {
		--typography--scale--size: var(--typography--size--body);
	}

	.font__body .font__callout,
	.font__caption .font__callout {
		--typography--scale--size: var(--typography--size--callout);
	}

	.font__credit {
		--typography--size: var(--typography--size--credit);
		--color--foreground--override: color-mix(in srgb, transparent, var(--color--foreground) var(--color--opacity--credit));
		text-wrap: balance;
	}

	.font__credit a:focus:focus-visible {
		outline-color: var(--color--foreground);
	}

	.font__caption {
		--typography--size: var(--typography--size--caption);
	}

	.font__body {
		--typography--size: var(--typography--size--body);
	}

	.font__callout {
		--typography--size: var(--typography--size--callout);
	}

	.font__heading--small {
		--typography--size: var(--typography--size--heading--small);
	}

	.font__heading--medium {
		--typography--size: var(--typography--size--heading--medium);
	}

	.font__heading--large {
		--typography--size: var(--typography--size--heading--large);
	}

	.font__heading--largest {
		--typography--size: var(--typography--size--heading--largest);
	}

	.typography__inline-block,
	.typography__inline,
	:where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong,
	.typography__block,
	.font__heading--largest,
	.font__heading--large,
	.font__heading--medium,
	.font__heading--small,
	.font__callout,
	.font__body,
	.font__caption,
	.font__credit,
	.font__leading--body,
	.font__leading--caption,
	.font__leading--logo,
	.font__leading--heading,
	.font__topol--bold,
	.font__topol--regular,
	.font__topol--light,
	.font__graphik--bold,
	.font__graphik--semibold,
	.font__graphik--medium,
	.font__graphik--regular,
	.font__century-schoolbook--bold,
	.font__century-schoolbook--regular,
	.font__century-schoolbook--mono,
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) {
		--typography--size--rendered: ((var(--typography--size--override, var(--typography--size))) * var(--typography--size--unit, 0.1rem));
		--typography--scale--relative: calc(var(--typography--scale--size) / var(--typography--size--override, var(--typography--size)));
		--typography--font-size: calc(var(--typography--scale--relative, var(--typography--scale, 1)) * var(--typography--size--rendered));
		--typography--line-height: calc(var(--typography--leading--override, var(--typography--leading, 1)) * var(--typography--size--rendered));
		--typography--letter-spacing: calc(var(--typography--tracking--override, var(--typography--tracking, 0)) * 1em);
		--typography--inline--start: calc(var(--typography--bearing--start--override, var(--typography--bearing--start, 0)) * 1em);
		--typography--inline--end: calc(var(--typography--bearing--end--override, var(--typography--bearing--end, 0)) * 1em + var(--typography--letter-spacing) * -1);
		--typography--ascent: (1 - var(--typography--descent));
		--typography--content--start: (var(--typography--content-height) - var(--typography--cap-height) - var(--typography--content--end));
		--typography--leading--remainder: ((var(--typography--leading--override, var(--typography--leading, 1)) - 1) / 2);
		--typography--scale--remainder: ((var(--typography--scale--relative, var(--typography--scale, 1)) - 1) / 2);
		--typography--scale--descent: (var(--typography--descent) - var(--typography--descent) * var(--typography--scale--relative, var(--typography--scale, 1)));
		--typography--scale--shift: (var(--typography--scale--remainder) + var(--typography--scale--descent));
		--typography--leading--start: (var(--typography--ascent) - var(--typography--cap-height) + var(--typography--leading--remainder) + var(--typography--scale--shift));
		--typography--leading--end: (var(--typography--descent) + var(--typography--leading--remainder) - var(--typography--scale--shift));
		--typography--block--start: calc(-1 * var(--typography--leading--start) * var(--typography--size--rendered));
		--typography--block--end: calc(-1 * var(--typography--leading--end) * var(--typography--size--rendered));
		--typography--cap: calc(var(--typography--cap-height) * var(--typography--font-size));
		--typography--cap--2: calc(2 * var(--typography--cap));
		--typography--cap--3: calc(3 * var(--typography--cap));
		--typography--x: calc(var(--typography--x-height) * var(--typography--font-size));
		--typography--x--2: calc(2 * var(--typography--x));
		--typography--x--3: calc(3 * var(--typography--x));
		--typography--stroke: calc(var(--typography--stroke-thickness) * var(--typography--font-size));
		--typography--descender: calc(var(--typography--descender-height) * var(--typography--font-size));
		--typography--ascender: calc(var(--typography--cap) - var(--typography--x));
		--typography--lead: calc(var(--typography--line-height) - var(--typography--cap) / var(--typography--scale--relative, var(--typography--scale, 1)));
		--typography--lead--2: calc(2 * var(--typography--lead));
		--typography--lead--3: calc(3 * var(--typography--lead));
		--typography--line: calc(var(--typography--line-height) + var(--typography--lead));
		--typography--line--2: calc(2 * var(--typography--line-height) + var(--typography--lead));
		--typography--line--3: calc(3 * var(--typography--line-height) + var(--typography--lead));
		--typography--line--4: calc(4 * var(--typography--line-height) + var(--typography--lead));
		--typography--line--5: calc(5 * var(--typography--line-height) + var(--typography--lead));
		--typography--line--6: calc(6 * var(--typography--line-height) + var(--typography--lead));
		--typography--line--7: calc(7 * var(--typography--line-height) + var(--typography--lead));
		--typography--line--8: calc(8 * var(--typography--line-height) + var(--typography--lead));
		--typography--line--9: calc(9 * var(--typography--line-height) + var(--typography--lead));
		--typography--line--10: calc(10 * var(--typography--line-height) + var(--typography--lead));
		font-family: var(--typography--family);
		font-size: var(--typography--font-size);
		font-variant-numeric: var(--typography--numbers);
		line-height: var(--typography--line-height);
	}

	.typography__inline-block,
	.typography__inline,
	:where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong,
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) {
		color: var(--color--foreground--override, var(--color--foreground));
		font-weight: var(--typography--weight);
		letter-spacing: var(--typography--letter-spacing);
	}

	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) {
		display: flow-root;
		margin-inline-end: var(--typography--inline--end);
		margin-inline-start: var(--typography--inline--start);
		word-break: break-word;
	}

	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th)::before,
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th)::after {
		content: "";
		display: block;
		visibility: hidden;
	}

	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th)::before {
		margin-block-start: var(--typography--block--start);
	}

	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th)::after {
		margin-block-end: var(--typography--block--end);
	}

	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg {
		block-size: var(--typography--icon--size, var(--typography--x));
		display: inline-block;
		fill: var(--color--foreground--override, var(--color--foreground));
		margin-inline-end: var(--typography--icon--end);
		margin-inline-start: var(--typography--icon--start);
		stroke: var(--color--foreground--override, var(--color--foreground));
		stroke-width: var(--typography--stroke);
		transform: translate(var(--typography--icon--x, 0), var(--typography--icon--y, 0)) rotate(var(--typography--icon--rotate, 0));
		vertical-align: baseline;
	}

	@supports (-webkit-hyphens: none) {
		:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg {
			--typography--icon--y: -0.5px;
		}
	}

	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg.typography__svg--start,
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg.typography__svg--end {
		--typography--icon--space: 0.333em;
	}

	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg.typography__svg--start {
		--typography--icon--end: var(--typography--icon--space);
	}

	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg.typography__svg--end {
		--typography--icon--start: var(--typography--icon--space);
	}

	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th):has(.typography__svg--start) {
		--typography--inline--start: initial;
	}

	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th):has(.typography__svg--end) {
		--typography--inline--end: initial;
	}

	input {
		--vertical-shift: calc((var(--typography--block--start) - var(--typography--block--end)) / 2);
		block-size: var(--typography--cap);
		box-sizing: content-box;
		inline-size: -webkit-fill-available;
		line-height: normal;
		margin-block: calc(-1 * var(--typography--cap));
		margin-inline-end: calc(var(--typography--inline--start) - var(--typography--cap));
		margin-inline-start: calc(var(--typography--inline--start) - var(--typography--cap));
		padding: var(--typography--cap);
		transform: translateY(var(--vertical-shift));
		white-space: nowrap;
	}

	input::placeholder {
		opacity: var(--color--opacity--credit);
	}

	@supports (-moz-appearance: none) {
		input {
			inline-size: -moz-available;
		}
	}

	caption {
		display: table-caption;
		margin-inline: initial;
	}

	td,
	th {
		display: table-cell;
		word-break: initial;
	}

	.typography__inline,
	:where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong {
		display: inline;
		line-height: inherit;
	}

	.typography__inline-block {
		display: inline-block;
		margin-block-end: var(--typography--block--end);
		margin-block-start: var(--typography--block--start);
	}

	.typography__underline,
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a {
		--underline--start: calc((var(--typography--content-height) - var(--typography--content--end) + var(--typography--descender-height)) * 1em - var(--typography--stroke));
		--underline--inline: calc(100% + var(--typography--inline--start) + var(--typography--inline--end));
		--underline--shift: calc(var(--typography--underline--below-descender, 0) * (2 * var(--typography--stroke)));
		--underline--space: calc((var(--typography--content--end) - var(--typography--descender-height)) * 1em);
		--underline--skip: calc(var(--typography--underline--skip) * 1em);
		--typography--underline--end: calc(var(--underline--space) - var(--typography--underline--below-descender, 0) * var(--underline--space));
		background-image: linear-gradient(transparent var(--underline--start), var(--color--foreground--override, var(--color--foreground)) var(--underline--start), var(--color--foreground--override, var(--color--foreground)) calc(var(--underline--start) + var(--typography--stroke)), transparent calc(var(--underline--start) + var(--typography--stroke)));
		background-origin: content-box;
		background-position-x: calc(-1 * var(--typography--inline--start));
		background-position-y: var(--underline--shift);
		background-repeat: no-repeat;
		background-size: var(--underline--inline) 100%;
		border-block-end: calc(var(--underline--shift) - var(--underline--space)) solid transparent;
		text-shadow: var(--typography--underline--below-descender, var(--color--background--override, var(--color--background)) var(--underline--skip) 0, var(--color--background--override, var(--color--background)) calc(var(--underline--skip) / 2) 0, var(--color--background--override, var(--color--background)) var(--underline--skip) calc(var(--underline--skip) / 4), var(--color--background--override, var(--color--background)) 0 calc(var(--underline--skip) / 4), var(--color--background--override, var(--color--background)) calc(-1 * var(--underline--skip)) calc(var(--underline--skip) / 4), var(--color--background--override, var(--color--background)) calc(-1 * var(--underline--skip)) 0, var(--color--background--override, var(--color--background)) calc(-1 * var(--underline--skip) / 2) 0, var(--color--background--override, var(--color--background)) calc(-1 * var(--underline--skip)) calc(-1 * var(--underline--skip) / 4), var(--color--background--override, var(--color--background)) 0 calc(-1 * var(--underline--skip) / 2), var(--color--background--override, var(--color--background)) var(--underline--skip) calc(-1 * var(--underline--skip) / 4));
	}

	.typography__underline--disable {
		--typography--underline--end: initial;
		background-image: initial;
		border-block-end: initial;
		text-shadow: initial;
	}

	.typography__emphasis,
	em {
		font-style: italic;
	}

	.typography__emphasis .typography__emphasis,
	.typography__emphasis em,
	em .typography__emphasis,
	em em {
		font-style: normal;
	}

	.typography__non-breaking,
	nobr {
		white-space: nowrap;
	}

	nobr::before {
		content: "​";
	}

	.typography__strikethrough,
	s {
		text-decoration-color: var(--color--foreground--override, var(--color--foreground));
		text-decoration-line: line-through;
		text-decoration-thickness: var(--typography--stroke);
	}

	p {
		font-variant-numeric: var(--typography--numbers, oldstyle-nums);
	}

	.typography__numbers--oldstyle {
		--typography--numbers: oldstyle-nums;
	}

	.typography__numbers--lining {
		--typography--numbers: lining-nums;
	}

	.typography__numbers--proportional {
		--typography--numbers: proportional-nums;
	}

	.typography__numbers--tabular {
		--typography--numbers: tabular-nums;
	}

	:root {
		--link--enlargement--minimum: 2.8rem;
		--link--transition: 100ms;
		--link--hover: 80%;
		--link--hover--text: 60%;
		--link--hover--scale: 105%;
		--link--enlargement--root: var(--link--enlargement);
		--link--outline--root: var(--link--outline);
		-webkit-tap-highlight-color: var(--color--highlight);
	}

	:root>* {
		--link--enlargement: calc(var(--link--enlargement--root) * var(--link--unit, 0.1rem));
		--link--outline: calc(var(--link--outline--root) * var(--link--unit, 0.1rem));
	}

	.link__wrapper,
	.link__inline:where([href]),
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]),
	.link__block::after,
	:is(a, area):where([href])::after,
	:is(button):where(:not([disabled]))::after,
	summary::after {
		transition-duration: var(--link--transition);
		transition-timing-function: linear;
	}

	@media (any-hover: hover) {

		.link__wrapper,
		.link__inline:where([href]),
		:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]),
		.link__block,
		[contentEditable=true],
		:is(a, area):where([href]),
		:is(button, input, select, textarea):where(:not([disabled])),
		summary {
			transition-duration: var(--link--transition);
			transition-property: opacity;
			transition-timing-function: linear;
		}

		.link__wrapper:hover,
		.link__inline:hover:where([href]),
		.link__block:hover,
		[contentEditable=true]:hover,
		:hover:is(a, area):where([href]),
		:hover:is(button, input, select, textarea):where(:not([disabled])),
		summary:hover {
			opacity: var(--link--hover);
		}
	}

	.link__block:has(.link__focus--child):focus:focus-visible .link__focus--child,
	:is(a, area):where([href]):has(.link__focus--child):focus:focus-visible .link__focus--child,
	:is(button):where(:not([disabled])):has(.link__focus--child):focus:focus-visible .link__focus--child,
	summary:has(.link__focus--child):focus:focus-visible .link__focus--child,
	.link__focus--area:focus:focus-visible,
	.link__wrapper:focus:focus-visible,
	.link__inline:focus:focus-visible:where([href]),
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:focus:focus-visible:where([href]),
	.link__block:focus:focus-visible,
	[contentEditable=true]:focus:focus-visible,
	:focus:focus-visible:is(a, area):where([href]),
	:focus:focus-visible:is(button, input, select, textarea):where(:not([disabled])),
	summary:focus:focus-visible,
	.link__focus--area--inset:focus:focus-visible {
		outline-color: var(--color--foreground--override, var(--color--foreground));
		outline-style: solid;
		outline-width: var(--link--outline);
	}

	.link__block:has(.link__focus--child):focus:focus-visible .link__focus--child,
	:is(a, area):where([href]):has(.link__focus--child):focus:focus-visible .link__focus--child,
	:is(button):where(:not([disabled])):has(.link__focus--child):focus:focus-visible .link__focus--child,
	summary:has(.link__focus--child):focus:focus-visible .link__focus--child,
	.link__focus--area,
	.link__wrapper,
	.link__inline:where([href]),
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]),
	.link__block,
	[contentEditable=true],
	:is(a, area):where([href]),
	:is(button, input, select, textarea):where(:not([disabled])),
	summary,
	.link__focus--area--inset {
		border-radius: 0.01rem;
		outline-offset: var(--link--enlargement);
	}

	@supports (-webkit-hyphens: none) {

		.link__block:has(.link__focus--child):focus:focus-visible .link__focus--child,
		:is(a, area):where([href]):has(.link__focus--child):focus:focus-visible .link__focus--child,
		:is(button):where(:not([disabled])):has(.link__focus--child):focus:focus-visible .link__focus--child,
		summary:has(.link__focus--child):focus:focus-visible .link__focus--child,
		.link__focus--area,
		.link__wrapper,
		.link__inline:where([href]),
		:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]),
		.link__block,
		[contentEditable=true],
		:is(a, area):where([href]),
		:is(button, input, select, textarea):where(:not([disabled])),
		summary,
		.link__focus--area--inset {
			border-radius: 0.1rem;
		}
	}

	.link__focus--area:focus,
	.link__wrapper:focus,
	.link__inline:focus:where([href]),
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:focus:where([href]),
	.link__block:focus,
	[contentEditable=true]:focus,
	:focus:is(a, area):where([href]),
	:focus:is(button, input, select, textarea):where(:not([disabled])),
	summary:focus,
	.link__focus--area--inset:focus {
		outline: none;
		z-index: 1;
	}

	.link__focus--area:focus:focus-visible,
	.link__wrapper:focus:focus-visible,
	.link__inline:focus:focus-visible:where([href]),
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:focus:focus-visible:where([href]),
	.link__block:focus:focus-visible,
	[contentEditable=true]:focus:focus-visible,
	:focus:focus-visible:is(a, area):where([href]),
	:focus:focus-visible:is(button, input, select, textarea):where(:not([disabled])),
	summary:focus:focus-visible,
	.link__focus--area--inset:focus:focus-visible {
		transition-duration: initial;
	}

	.link__focus--area--inset {
		border-radius: calc(2 * var(--link--enlargement) + 2 * var(--link--outline));
		outline-offset: calc(-1 * var(--link--enlargement) - 2 * var(--link--outline));
	}

	.link__block,
	:is(a, area):where([href]),
	:is(button):where(:not([disabled])),
	summary {
		cursor: pointer;
		display: flow-root;
		position: relative;
	}

	.link__block::after,
	:is(a, area):where([href])::after,
	:is(button):where(:not([disabled]))::after,
	summary::after {
		--link--enlargement--element: calc(100% + var(--link--enlargement, 0rem) * 2);
		background-color: transparent;
		block-size: max(var(--link--enlargement--minimum), var(--link--enlargement--element));
		border-radius: var(--link--enlargement);
		content: "";
		cursor: pointer;
		inline-size: max(var(--link--enlargement--minimum), var(--link--enlargement--element));
		inset-block-start: 50%;
		inset-inline-start: 50%;
		pointer-events: auto;
		position: absolute;
		transform: translate(-50%, -50%);
		transition-property: background-color;
	}

	.link__block:active::after,
	:is(a, area):where([href]):active::after,
	:is(button):where(:not([disabled])):active::after,
	summary:active::after {
		background-color: var(--color--highlight);
	}

	.link__block:has(.link__focus--child):focus:focus-visible,
	:is(a, area):where([href]):has(.link__focus--child):focus:focus-visible,
	:is(button):where(:not([disabled])):has(.link__focus--child):focus:focus-visible,
	summary:has(.link__focus--child):focus:focus-visible {
		outline: none;
	}

	.link__block::after {
		--link--enlargement: initial;
	}

	@supports (-webkit-hyphens: none) {
		:where(a, button, summary) svg {
			color: var(--color--foreground--override, var(--color--foreground));
			scale: 1;
			transition-property: color;
			will-change: color;
		}

		:where(a, button, summary) svg :where(circle, ellipse, line, path, polygon, polyline, rect):not([stroke]) {
			stroke: currentcolor;
		}

		:where(a, button, summary) svg :where(circle, ellipse, line, path, polygon, polyline, rect):not([fill]) {
			fill: currentcolor;
		}
	}

	.link__inline:where([href]),
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]) {
		--link--hover: var(--link--hover--text);
		--enlargement--max: max(var(--link--enlargement), calc(var(--typography--content--start) * 1em));
		--enlargement--end: calc(var(--enlargement--max) - var(--typography--underline--end, calc(var(--typography--content--end) * 1em)));
		border-radius: var(--link--enlargement);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		display: inline;
		margin-inline-end: calc(-1 * var(--link--enlargement) - var(--typography--inline--end) + var(--typography--letter-spacing, 0em));
		margin-inline-start: calc(-1 * var(--link--enlargement) - var(--typography--inline--start));
		outline-offset: initial;
		padding-block-end: var(--enlargement--end);
		padding-block-start: calc(var(--link--enlargement) - var(--typography--content--start) * 1em);
		padding-inline-end: calc(var(--link--enlargement) + var(--typography--inline--end) - var(--typography--letter-spacing, 0em));
		padding-inline-start: calc(var(--link--enlargement) + var(--typography--inline--start));
		transition-property: background-color, opacity;
	}

	@supports (-webkit-hyphens: none) {

		.link__inline:where([href]),
		:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]) {
			-webkit-box-decoration-break: initial;
		}
	}

	.link__inline:where([href])::after,
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href])::after {
		content: initial;
	}

	.link__inline:where([href]):active,
	:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]):active {
		background-color: var(--color--highlight);
	}

	.link__wrapper {
		block-size: fit-content;
		display: grid;
	}

	.link__wrapper>* {
		grid-column: 1;
	}

	.link__wrapper>*:nth-child(1) {
		grid-row: 1;
	}

	.link__wrapper>a:nth-child(1) {
		align-self: stretch;
		grid-row: 1/span 0;
	}

	.link__wrapper>*:nth-child(2) {
		grid-row: 2;
	}

	.link__wrapper>a:nth-child(2) {
		align-self: stretch;
		grid-row: 1/span 1;
	}

	.link__wrapper>*:nth-child(3) {
		grid-row: 3;
	}

	.link__wrapper>a:nth-child(3) {
		align-self: stretch;
		grid-row: 1/span 2;
	}

	.link__wrapper>*:nth-child(4) {
		grid-row: 4;
	}

	.link__wrapper>a:nth-child(4) {
		align-self: stretch;
		grid-row: 1/span 3;
	}

	.link__wrapper>*:nth-child(5) {
		grid-row: 5;
	}

	.link__wrapper>a:nth-child(5) {
		align-self: stretch;
		grid-row: 1/span 4;
	}

	.link__wrapper>*:nth-child(6) {
		grid-row: 6;
	}

	.link__wrapper>a:nth-child(6) {
		align-self: stretch;
		grid-row: 1/span 5;
	}

	.link__wrapper>*:nth-child(7) {
		grid-row: 7;
	}

	.link__wrapper>a:nth-child(7) {
		align-self: stretch;
		grid-row: 1/span 6;
	}

	.link__wrapper>*:nth-child(8) {
		grid-row: 8;
	}

	.link__wrapper>a:nth-child(8) {
		align-self: stretch;
		grid-row: 1/span 7;
	}

	.link__wrapper>*:nth-child(9) {
		grid-row: 9;
	}

	.link__wrapper>a:nth-child(9) {
		align-self: stretch;
		grid-row: 1/span 8;
	}

	.link__wrapper>*:nth-child(10) {
		grid-row: 10;
	}

	.link__wrapper>a:nth-child(10) {
		align-self: stretch;
		grid-row: 1/span 9;
	}

	.link__enlargement {
		margin: calc(-1 * var(--link--enlargement));
		padding: var(--link--enlargement);
	}

	@media (prefers-reduced-motion: no-preference) and (any-hover: hover) {

		.link__image-hover iframe,
		.link__image-hover img {
			transition-duration: calc(var(--link--transition, 100ms) * 2);
			transition-property: scale;
			transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
		}

		@supports (-webkit-hyphens: none) {

			.link__image-hover iframe,
			.link__image-hover img {
				will-change: scale;
			}
		}

		.link__image-hover:hover iframe,
		.link__image-hover:hover img {
			scale: var(--link--hover--scale);
		}
	}

	:root {
		--layout--columns: 6;
		--layout--columns--aside: var(--layout--columns);
		--layout--columns--body: var(--layout--columns);
		--layout--columns--heading: var(--layout--columns);
		--layout--columns--rail: var(--layout--columns);
		--layout--safe-inset--block: calc(env(safe-area-inset-bottom) * 0.38);
		--layout--safe-inset--inline: calc(env(safe-area-inset-left) * 0.815);
		--layout--base--root: var(--layout--base);
		--layout--gutter--root: var(--layout--gutter);
		--layout--alley--root: var(--layout--alley);
		--layout--max--root: var(--layout--max);
		--layout--spacing--root: var(--layout--spacing);
		--layout--corner--root: var(--layout--corner);
		--layout--divider--root: var(--layout--divider);
		--layout--shadow--root: var(--layout--shadow);
		scrollbar-color: var(--color--scroll--thumb) var(--color--scroll--track);
	}

	:root::-webkit-scrollbar-thumb {
		background-color: var(--color--scroll--thumb);
	}

	:root::-webkit-scrollbar-track {
		background-color: var(--color--scroll--track);
	}

	:root [id] {
		scroll-margin-block: var(--layout--spacing);
	}

	@media (prefers-reduced-motion: no-preference) {
		:root {
			scroll-behavior: smooth;
		}
	}

	@media (min-width: 41.6875em) {
		:root {
			--layout--columns: 12;
			--layout--columns--aside: 5;
			--layout--columns--body: 8;
			--layout--columns--heading: 7;
			--layout--columns--rail: 4;
		}
	}

	:root>* {
		--layout--100vw: calc(100vw - var(--scrollbar--width, 0rem));
		--layout--base: calc(var(--layout--base--root) * var(--layout--base--unit, 0.1rem));
		--layout--gutter: max(var(--layout--gutter--base), var(--layout--gutter--safe), var(--layout--gutter--max));
		--layout--gutter--base: calc(var(--layout--gutter--root) * var(--layout--gutter--unit, 0.1rem));
		--layout--gutter--safe: calc(var(--layout--gutter--base) + var(--layout--safe-inset--inline));
		--layout--gutter--max: calc((var(--layout--100vw) - (var(--layout--max) - 2 * var(--layout--gutter--base))) / 2);
		--layout--alley: calc(var(--layout--alley--root) * var(--layout--alley--unit, 0.1rem));
		--layout--page: calc(var(--layout--100vw) - var(--layout--gutter) * 2);
		--layout--page--max: calc(var(--layout--max) - var(--layout--gutter--base) * 2);
		--layout--max: calc(var(--layout--max--root) * var(--layout--max--unit, 0.1rem));
		--layout--column: calc((var(--layout--page) - (var(--layout--columns) - 1) * var(--layout--alley)) / var(--layout--columns));
		--layout--column--max: calc((var(--layout--page--max) - (var(--layout--columns) - 1) * var(--layout--alley)) / var(--layout--columns));
		--layout--alley-column: calc(var(--layout--alley) + var(--layout--column));
		--layout--alley-column--max: calc(var(--layout--alley) + var(--layout--column--max));
		--layout--spacing: calc(var(--layout--spacing--root) * var(--layout--spacing--unit, 0.1rem));
		--layout--spacing--2: calc(var(--layout--spacing) * 2);
		--layout--spacing--3: calc(var(--layout--spacing) * 3);
		--layout--spacing--4: calc(var(--layout--spacing) * 4);
		--layout--corner: calc(var(--layout--corner--root) * var(--layout--corner--unit, 0.1rem));
		--layout--divider: calc(var(--layout--divider--root) * var(--layout--divider--unit, 0.1rem));
		--layout--shadow: calc(var(--layout--shadow--root) * var(--layout--shadow--unit, 0.1rem));
		--layout--column--2: calc(2 * var(--layout--alley-column) - var(--layout--alley));
		--layout--column--3: calc(3 * var(--layout--alley-column) - var(--layout--alley));
		--layout--column--4: calc(4 * var(--layout--alley-column) - var(--layout--alley));
		--layout--column--5: calc(5 * var(--layout--alley-column) - var(--layout--alley));
		--layout--column--6: calc(6 * var(--layout--alley-column) - var(--layout--alley));
		--layout--column--7: calc(7 * var(--layout--alley-column) - var(--layout--alley));
		--layout--column--8: calc(8 * var(--layout--alley-column) - var(--layout--alley));
		--layout--column--9: calc(9 * var(--layout--alley-column) - var(--layout--alley));
		--layout--column--10: calc(10 * var(--layout--alley-column) - var(--layout--alley));
		--layout--column--11: calc(11 * var(--layout--alley-column) - var(--layout--alley));
		--layout--column--12: calc(12 * var(--layout--alley-column) - var(--layout--alley));
		--layout--track--aside: calc(var(--layout--columns--aside) * var(--layout--alley-column) - var(--layout--alley));
		--layout--track--body: calc(var(--layout--columns--body) * var(--layout--alley-column) - var(--layout--alley));
		--layout--track--heading: calc(var(--layout--columns--heading) * var(--layout--alley-column) - var(--layout--alley));
		--layout--track--rail: calc(var(--layout--columns--rail) * var(--layout--alley-column) - var(--layout--alley));
		--layout--track--aside--max: calc(var(--layout--columns--aside) * var(--layout--alley-column--max) - var(--layout--alley));
		--layout--track--body--max: calc(var(--layout--columns--body) * var(--layout--alley-column--max) - var(--layout--alley));
		--layout--track--heading--max: calc(var(--layout--columns--heading) * var(--layout--alley-column--max) - var(--layout--alley));
		--layout--track--rail--max: calc(var(--layout--columns--rail) * var(--layout--alley-column--max) - var(--layout--alley));
	}

	.layout__scrollbar--none {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.layout__scrollbar--none::-webkit-scrollbar {
		display: none;
	}

	.layout__grid__body,
	.layout__grid {
		--layout--column--flexible: minmax(0, var(--layout--column));
		column-gap: var(--layout--alley);
		display: grid;
	}

	.layout__grid__body>*,
	.layout__grid>* {
		grid-column: all;
	}

	.layout__grid {
		grid-template-columns: [all-start aside-start body-start heading-start rail-start] var(--layout--column--flexible) repeat(calc(var(--layout--columns) - 2), var(--layout--column)) var(--layout--column--flexible) [all-end aside-end body-end heading-end rail-end];
		justify-content: center;
		min-inline-size: var(--layout--page);
	}

	@media (min-width: 41.6875em) {
		.layout__grid {
			grid-template-columns: [all-start heading-start rail-start] var(--layout--column--flexible) var(--layout--column) var(--layout--column) var(--layout--column) [rail-end body-start] var(--layout--column) var(--layout--column) var(--layout--column) [heading-end aside-start] var(--layout--column) var(--layout--column) var(--layout--column) var(--layout--column) var(--layout--column--flexible) [all-end aside-end body-end];
		}
	}

	:where(.layout__grid)>.layout__grid__body {
		grid-column: body;
	}

	.layout__grid__body {
		grid-template-columns: [all-start] var(--layout--column--flexible) repeat(calc(var(--layout--columns--body) - 2), var(--layout--column)) var(--layout--column--flexible) [all-end];
	}

	.layout__rhythm--lead--2,
	.layout__rhythm--lead,
	.layout__rhythm--line-height,
	.layout__rhythm--line,
	.layout__rhythm--cap {
		align-items: baseline;
		display: grid;
	}

	.layout__rhythm--cap {
		row-gap: var(--typography--cap);
	}

	.layout__rhythm--line {
		row-gap: var(--typography--line);
	}

	.layout__rhythm--line-height {
		row-gap: var(--typography--line-height);
	}

	.layout__rhythm--lead {
		row-gap: var(--typography--lead);
	}

	.layout__rhythm--lead--2 {
		row-gap: var(--typography--lead--2);
	}

	.layout__divider--after::after,
	.layout__divider--before::before {
		background-color: var(--color--foreground--override, var(--color--foreground));
		block-size: var(--layout--divider);
		content: "";
		inset-inline: 0;
		margin-inline: auto;
		max-inline-size: var(--layout--page);
		position: absolute;
	}

	.layout__divider--before {
		border-block-start: calc(var(--layout--divider--inset, 0rem) + var(--layout--divider)) solid transparent;
		position: relative;
	}

	.layout__divider--before::before {
		inset-block-end: 100%;
	}

	.layout__divider--after {
		border-block-end: calc(var(--layout--divider--inset, 0rem) + var(--layout--divider)) solid transparent;
		position: relative;
	}

	.layout__divider--after::after {
		inset-block-start: 100%;
	}

	.layout__icon--button {
		display: flex;
	}

	.layout__icon--button>svg {
		block-size: var(--typography--x);
		stroke: var(--color--foreground--override, var(--color--foreground));
		stroke-width: var(--layout--divider);
	}

	.layout__rounded-corners {
		border-radius: var(--layout--corner);
		overflow: clip;
	}

	@supports (-webkit-hyphens: none) {
		.layout__rounded-corners {
			clip-path: padding-box;
		}
	}

	.layout__aspect-ratio--contain,
	.layout__aspect-ratio,
	.layout__aspect-ratio--square,
	.layout__aspect-ratio--16-9,
	.layout__aspect-ratio--landscape {
		aspect-ratio: var(--aspect-ratio);
		display: grid;
		grid-template-rows: 1fr;
	}

	.layout__aspect-ratio--contain img,
	.layout__aspect-ratio img,
	.layout__aspect-ratio--square img,
	.layout__aspect-ratio--16-9 img,
	.layout__aspect-ratio--landscape img {
		min-block-size: 0;
		min-inline-size: 0;
		overflow: clip;
	}

	.layout__aspect-ratio,
	.layout__aspect-ratio--square,
	.layout__aspect-ratio--16-9,
	.layout__aspect-ratio--landscape {
		place-items: stretch;
	}

	.layout__aspect-ratio img,
	.layout__aspect-ratio--square img,
	.layout__aspect-ratio--16-9 img,
	.layout__aspect-ratio--landscape img {
		aspect-ratio: var(--aspect-ratio);
		object-fit: cover;
	}

	.layout__aspect-ratio--contain {
		place-items: center;
	}

	.layout__aspect-ratio--landscape {
		--aspect-ratio: var(--layout--ratio--landscape);
	}

	.layout__aspect-ratio--16-9 {
		--aspect-ratio: 16 / 9;
	}

	@media (max-width: 41.625em) {
		.layout__aspect-ratio--16-9 {
			--aspect-ratio: var(--layout--ratio--landscape);
		}
	}

	.layout__aspect-ratio--square {
		--aspect-ratio: 1;
	}

	.visually-hidden:not(:focus):not(:active) {
		block-size: 1px;
		clip-path: inset(50%);
		inline-size: 1px;
		margin: initial;
		overflow: hidden;
		padding: initial;
		position: absolute;
		white-space: nowrap;
	}

	*:has(> .visually-hidden) {
		position: relative;
	}
}

@layer wrapper, components, instance;