/* Specific to DoM */
		[data-ui="dom"] {
			--primary: #4A718D;
			--secondary: #FFFCF9;
			--accent: #75705C;
			--hero-text: clamp(2rem, 3.2vw, 2.6rem);
			--hero-heading: clamp(3rem, 5.2vw, 4rem);
			--line-height: 1.5;
			--hashtag-text: 3rem;
		}

		/* DoM-specific colours */

		/* Primary */
		[data-ui="dom"] [data-clr="primary"] {
			color: var(--primary);
		}

		[data-ui="dom"] [data-bg="primary"] {
			background-color: var(--primary);
		}

		/* Secondary */
		[data-ui="dom"] [data-clr="secondary"] {
			color: var(--secondary);
		}

		/* Accent */
		[data-ui="dom"] [data-clr="accent"] {
			color: var(--accent);
		}




		/* LAYOUT */

		[data-ui="dom"] [data-wrapper="hero"] {
			container: hero-wrapper / inline-size;
		}

		[data-ui="dom"] [data-grid="overlay"] {
			display: grid;
			gap: var(--standard-gap);
			width: 100%;

		}

		@container hero-wrapper (min-width: 500px) {
			[data-ui="dom"] [data-grid="overlay"] {
				--vertical: center;

				place-items: var(--vertical) var(--horizontal);
			}

		}

		@container hero-wrapper (max-width: 499px) {
			[data-ui="dom"] [data-grid="overlay"] {

				--vertical: stretch;

				place-items: var(--vertical) var(--horizontal);
			}

		}



		[data-ui="dom"] [data-grid="overlay"]>* {
			grid-column: 1 / -1;
			grid-row: 1 / -1;
		}

		[data-grid="overlay"] .bg {
			height: 100%;
			width: 100%;
			--object-fit: cover;
			object-fit: var(--object-fit);

		}

		[data-wrapper="overlay"] {
			container: overlay-wrapper / inline-size;
		}

		@container overlay-wrapper (min-width: 500px) {

			[data-ui="dom"] [data-hero="content"] {
				margin-inline-start: auto;
			}

		}

		@container overlay-wrapper (max-width: 499px) {
			[data-ui="dom"] [data-hero="content"] {
				margin-inline-start: inherit;
			}
		}

		[data-ui="dom"] [data-hero="content"] {
			padding: 2em;
		}

		[data-ui="dom"] [data-hero="content"] {
			--width: min(37ch, 100%);
			width: var(--width);
			font-size: var(--hero-text);
		}

		[data-ui="dom"] [data-hero="content"] {
			margin-inline-start: auto;
		}

		[data-ui="dom"] [data-hero="heading"] {
			font-size: var(--hero-heading);
			line-height: var(--line-height);
		}

		[data-dom="generic-desc"] {
			width: min(65ch, 100%);
		}

		[data-ui="dom"] .hashtag-text {
			font-size: var(--hashtag-text);
		}

		html[lang="en"] [data-dom="month"] {
			font-size: 4em;
			margin: 10px 0 20px;
		}

		html[lang="en"] [data-dom="day"] {
			font-size: 11em;
			margin: -70px 0 0;
		}

		html[lang="fr"] [data-dom="month"] {
			font-size: 4em;
			margin: -40px 0 0;
		}

		html[lang="fr"] [data-dom="day"] {
			font-size: 10em;
			margin: -5px 0 0;
		}

		/* Video transcripts UI */
		[data-transcript="wrapper"] {
			--width: 70ch;
			width: min(var(--width), 100%);
		}