/* Candide Land: the bits theme.json can't do on its own. */

:root {
	--cl-black: var(--wp--preset--color--black, #000);
	--cl-yellow: var(--wp--preset--color--yellow, #ffd21f);
	--cl-white: var(--wp--preset--color--white, #fff);
	--cl-blue: var(--wp--preset--color--blue, #2440b8);
	--cl-pink: var(--wp--preset--color--pink, #ff2d93);
	--cl-blush: var(--wp--preset--color--blush, #ffe4f1);
	--cl-display: var(--wp--preset--font-family--display, sans-serif);
}

html,
body {
	overflow-x: clip;
}

:where(a, button, input, summary):focus-visible {
	outline: 3px solid var(--cl-black);
	outline-offset: 3px;
}

.has-black-background-color :where(a, button):focus-visible {
	outline-color: var(--cl-pink);
}

/* Sections ---------------------------------------------------------------- */

.cl-section {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
	scroll-margin-top: 4rem;
}

.cl-kicker {
	font-family: var(--cl-display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
}

main.cl-section {
	min-height: 60vh;
}

/* Sections butt up against each other, with no white gaps. */
.wp-site-blocks > * + *,
main > .alignfull,
main > .alignfull + .alignfull {
	margin-block-start: 0 !important;
}

/* Ransom-note headings -----------------------------------------------------
   Each word is cut out and stuck down at its own angle, like the logo.
   candide.js splits the words; without it you still get one black tile. */

.is-style-ransom {
	width: fit-content;
	background: var(--cl-pink);
	color: var(--cl-black);
	padding: 0.12em 0.3em 0.08em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transform: rotate(-1.2deg);
	text-transform: none;
	margin-bottom: 0.7em;
}

.is-style-ransom.cl-cut-ready {
	width: auto;
	background: none;
	padding: 0;
	transform: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.12em 0.14em;
	align-items: center;
}

.cl-cut {
	display: inline-block;
	background: var(--cl-pink);
	color: var(--cl-black);
	padding: 0.1em 0.2em 0.04em;
	transform: rotate(var(--r, -2deg)) translateY(var(--y, 0));
}

.cl-cut:nth-child(3n + 2) {
	--r: 1.8deg;
	--y: 0.06em;
	padding-inline: 0.28em;
}

.cl-cut:nth-child(4n + 3) {
	--r: -0.8deg;
	--y: -0.05em;
	font-size: 0.92em;
}

.cl-cut:nth-child(5n + 4) {
	--r: 2.6deg;
}

/* On a pink section the tiles turn black with pink ink. */
.has-pink-background-color .is-style-ransom:not(.cl-cut-ready),
.has-pink-background-color .cl-cut {
	background: var(--cl-black);
	color: var(--cl-pink);
}

/* Every few words, a white scrap for a proper cut-and-paste look. */
.has-white-background-color .cl-cut:nth-child(4n + 2),
.has-blush-background-color .cl-cut:nth-child(4n + 2),
.has-yellow-background-color .cl-cut:nth-child(4n + 2) {
	background: var(--cl-white);
	box-shadow: 0 0 0 2px var(--cl-black);
}

/* Police tape ------------------------------------------------------------- */

.is-style-police-tape {
	--tape-tilt: -2.5deg;
	position: relative;
	z-index: 2;
	margin: 0 -6vw !important;
	width: calc(100% + 12vw);
	max-width: none !important;
	background:
		repeating-linear-gradient(115deg, transparent 0 22px, rgba(36, 64, 184, 0.08) 22px 30px),
		var(--cl-white);
	color: var(--cl-blue);
	border-block: 4px solid var(--cl-blue);
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: clamp(1rem, 2.4vw, 1.5rem);
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	padding: 0.7em 0;
	transform: rotate(var(--tape-tilt));
	box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25);
}

.cl-tape-track {
	display: inline-flex;
	gap: 3em;
	padding-left: 3em;
	animation: cl-tape 38s linear infinite;
}

.cl-tape-track > span {
	flex: none;
}

@keyframes cl-tape {
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.cl-tape-track {
		animation: none;
	}
}

/* Images ------------------------------------------------------------------ */

.wp-block-image.is-style-polaroid {
	transform: rotate(-1.5deg);
}

.wp-block-image.is-style-polaroid img {
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
}

.wp-block-image.is-style-polaroid figcaption {
	font-style: normal;
	text-align: center;
	margin-top: 1rem;
}

.wp-block-column:nth-child(2) .wp-block-image.is-style-polaroid {
	transform: rotate(1.2deg) translateY(0.75rem);
}

.wp-block-column:nth-child(3) .wp-block-image.is-style-polaroid {
	transform: rotate(-0.6deg);
}

/* A photo stuck up with two strips of tape. */
.wp-block-image.is-style-taped {
	position: relative;
	transform: rotate(1.5deg);
}

.wp-block-image.is-style-taped::before,
.wp-block-image.is-style-taped::after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 34%;
	height: 1.6rem;
	background: rgba(255, 255, 255, 0.72);
	border-inline: 2px dashed rgba(0, 0, 0, 0.08);
}

.wp-block-image.is-style-taped::before {
	top: -0.7rem;
	left: -1.2rem;
	transform: rotate(-24deg);
}

.wp-block-image.is-style-taped::after {
	bottom: -0.7rem;
	right: -1.2rem;
	transform: rotate(-24deg);
}

/* Hero -------------------------------------------------------------------- */

.cl-hero {
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: 0;
	overflow: hidden;
}

.cl-hero .wp-block-columns {
	gap: var(--wp--preset--spacing--50);
	margin-bottom: var(--wp--preset--spacing--50);
}

.cl-hero h1.is-style-ransom {
	font-size: clamp(3.2rem, 9vw, 7.5rem);
	margin-bottom: 0.3em;
}

.cl-hero .wp-block-image.is-style-taped {
	margin-bottom: 1.5rem;
}

.cl-hero .cl-gig-line {
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.85;
}

.cl-hero .cl-gig-line a {
	color: inherit;
}

.cl-hero + .cl-section {
	padding-top: calc(var(--wp--preset--spacing--60) + 1rem);
}

/* Header ------------------------------------------------------------------ */

.cl-header {
	position: sticky;
	top: 0;
	z-index: 50;
}

.admin-bar .cl-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}

.cl-header .wp-block-site-logo img {
	height: auto;
}

.cl-header {
	border-bottom: 3px solid var(--cl-pink);
}

.cl-header .wp-block-navigation a:hover {
	color: var(--cl-pink);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.cl-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--cl-pink) !important;
	color: var(--cl-black) !important;
	font-size: 2rem;
}

/* Tracklist --------------------------------------------------------------- */

.cl-tracklist {
	font-family: var(--cl-display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
	padding-left: 1.6em;
}

.cl-tracklist li {
	padding: 0.45em 0;
	border-bottom: 2px solid currentColor;
}

.cl-tracklist li::marker {
	font-weight: 400;
}

/* Gig card ---------------------------------------------------------------- */

.cl-gig {
	border: 4px solid var(--cl-black);
	padding: var(--wp--preset--spacing--40);
	box-shadow: 10px 10px 0 var(--cl-black);
}

.cl-gig-date {
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: clamp(3rem, 8vw, 5.5rem);
	line-height: 0.9;
	margin: 0;
}

.cl-bit {
	margin-top: var(--wp--preset--spacing--40);
}

/* Press quotes ------------------------------------------------------------ */

.cl-press .wp-block-quote {
	border-left: 6px solid var(--cl-black);
	margin: 0;
	padding-left: 1.2rem;
}

.cl-press .wp-block-quote cite {
	display: block;
	margin-top: 0.8rem;
	font-family: var(--cl-display);
	font-style: normal;
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small);
}

.cl-press .cl-quote-big {
	border-left: 0;
	padding-left: 0;
}

.cl-press .cl-quote-big p {
	font-family: var(--cl-display);
	font-style: normal;
	font-weight: 800;
	font-size: clamp(2.6rem, 7vw, 5rem);
	line-height: 0.95;
}

/* News -------------------------------------------------------------------- */

.cl-news .wp-block-post-featured-image {
	margin-bottom: 0.75rem;
}

.cl-news .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	border: 3px solid var(--cl-black);
	box-shadow: 8px 8px 0 var(--cl-pink);
}

.cl-news .wp-block-post-title a {
	text-decoration: none;
}

.cl-news .wp-block-post-title a:hover {
	text-decoration: underline;
}

/* Embeds ------------------------------------------------------------------ */

.wp-block-embed iframe {
	display: block;
}

.cl-yt iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.cl-watch .wp-block-embed {
	margin: 0;
}

.cl-watch .wp-block-embed figcaption {
	color: var(--cl-black);
	font-family: var(--cl-display);
	font-weight: 800;
	font-style: normal;
	font-size: var(--wp--preset--font-size--large);
}

/* Footer ------------------------------------------------------------------ */

.cl-footer a {
	color: inherit;
}

/* Small screens ----------------------------------------------------------- */

@media (max-width: 781px) {
	.cl-hero .wp-block-columns {
		gap: var(--wp--preset--spacing--40);
	}

	.wp-block-column:nth-child(2) .wp-block-image.is-style-polaroid {
		transform: rotate(1.2deg);
	}

	.cl-gig {
		box-shadow: 6px 6px 0 var(--cl-black);
	}
}

/* ===== Candide Land 1.1 =================================================== */

/* Video hero -------------------------------------------------------------- */

.cl-video-hero {
	position: relative;
	display: grid;
	place-items: center;
	min-height: min(88vh, 56.25vw + 10rem);
	overflow: hidden;
	background: #111;
	margin: 0 !important;
}

.cl-video-hero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cl-video-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.45));
	pointer-events: none;
}

.cl-video-hero__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	align-self: end;
	padding-bottom: clamp(1.5rem, 5vw, 3.5rem);
}

.cl-video-hero__logo {
	width: clamp(180px, 30vw, 420px);
	height: auto;
	filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.5));
}

.cl-video-hero__down {
	font-family: var(--cl-display);
	font-weight: 800;
	background: var(--cl-pink);
	color: var(--cl-black);
	padding: 0.6em 1em;
	text-decoration: none;
	border: 3px solid var(--cl-black);
	transform: rotate(-1.5deg);
}

.cl-video-hero__down:hover {
	background: var(--cl-black);
	color: var(--cl-pink);
}

/* Release ----------------------------------------------------------------- */

.cl-release .wp-block-columns {
	gap: var(--wp--preset--spacing--50);
}

.cl-release h1.is-style-ransom {
	font-size: clamp(2.8rem, 7vw, 6rem);
	margin-bottom: 0.3em;
}

.cl-release .cl-kicker {
	color: var(--cl-pink);
}

.cl-release .cl-gig-line {
	font-size: var(--wp--preset--font-size--small);
}

/* Welcome + gallery ------------------------------------------------------- */

.cl-gallery {
	margin-top: var(--wp--preset--spacing--50) !important;
	gap: 0.75rem !important;
}

.cl-gallery.wp-block-gallery .wp-block-image {
	transform: rotate(var(--r, 0deg));
	transition: transform 0.25s ease;
}

.cl-gallery.wp-block-gallery .wp-block-image img {
	border: 4px solid var(--cl-white);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
	aspect-ratio: 1;
	object-fit: cover;
}

.cl-gallery .wp-block-image:nth-child(odd) { --r: -1.2deg; }
.cl-gallery .wp-block-image:nth-child(3n) { --r: 1.4deg; }

.cl-gallery.wp-block-gallery .wp-block-image:hover {
	transform: rotate(0deg) scale(1.04);
	z-index: 2;
}

/* Listen ------------------------------------------------------------------ */

.cl-spotify {
	width: 100%;
	margin-bottom: var(--wp--preset--spacing--40);
}

.cl-spotify iframe {
	display: block;
	width: 100%;
	border-radius: 12px;
	border: 0;
}

/* Watch ------------------------------------------------------------------- */

.cl-video-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40) !important;
}

.cl-video-grid .wp-block-embed {
	margin: 0;
}

.cl-video-grid .wp-block-embed__wrapper {
	aspect-ratio: 16 / 9;
	border: 4px solid var(--cl-black);
	background: var(--cl-black);
}

/* Live: tour poster ------------------------------------------------------- */

.cl-poster {
	max-width: 860px;
	margin-inline: auto;
	font-family: var(--cl-display);
}

.cl-poster__title {
	margin: 0;
	color: var(--cl-pink);
	font-weight: 800;
	font-size: clamp(4rem, 17vw, 11rem);
	line-height: 0.85;
	letter-spacing: -0.02em;
	text-align: center;
}

.cl-poster > * {
	margin-block: 0 !important;
}

.cl-poster__photo {
	margin: 1rem 0 !important;
}

.cl-poster__photo img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	filter: grayscale(1) contrast(1.1);
}

.cl-poster__season {
	margin: 0 0 1rem !important;
	text-align: center;
	color: var(--cl-yellow);
	font-weight: 800;
	font-size: clamp(2rem, 6vw, 3.6rem);
	text-transform: uppercase;
	line-height: 1;
}

.cl-poster__season span {
	padding-inline: 0.4em;
}

.cl-tour {
	border-top: 1px solid #444;
}

.cl-tour > .cl-tour__row {
	margin: 0 !important;
	border-bottom: 1px solid #444;
}

.cl-tour__row {
	display: grid;
	grid-template-columns: 9.5rem 1fr auto;
	gap: 1rem;
	align-items: center;
	padding: 0.9rem 0.5rem;
	color: var(--cl-white);
	transition: background 0.15s ease;
}

.cl-tour__row[hidden] {
	display: none;
}

.cl-tour__row > *,
.cl-tour__venue > * {
	margin: 0 !important;
}

.cl-tour__row.has-link {
	cursor: pointer;
}

.cl-tour__row.has-link:hover,
.cl-tour__row.has-link:focus-within {
	background: var(--cl-pink);
	color: var(--cl-black);
}

.cl-tour__date {
	color: var(--cl-pink);
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: clamp(1.4rem, 3.4vw, 2.1rem);
	text-transform: uppercase;
	line-height: 1;
}

.cl-tour__row.has-link:hover .cl-tour__date,
.cl-tour__row.has-link:focus-within .cl-tour__date {
	color: var(--cl-black);
}

.cl-tour__place {
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: clamp(1.1rem, 2.6vw, 1.6rem);
	text-transform: uppercase;
	line-height: 1.1;
}

.cl-tour__support {
	margin-top: 0.3rem !important;
	font-family: var(--cl-display);
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 1.3;
	opacity: 0.75;
}

.cl-tour__support:empty {
	display: none;
}

.cl-tour__cta .wp-block-button__link {
	background: transparent !important;
	color: inherit !important;
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: 0.875rem;
	text-transform: uppercase;
	border: 2px solid currentColor;
	border-radius: 0;
	padding: 0.4em 0.7em;
	white-space: nowrap;
	box-shadow: none;
	text-decoration: none;
}

.cl-tour__cta .wp-block-button__link:not([href]) {
	opacity: 0.6;
	border-style: dashed;
}

.cl-tour__empty {
	display: none;
	text-align: center;
	padding: 1rem;
}

.cl-tour__empty.is-shown {
	display: block;
}

.cl-booking {
	text-align: center;
	margin-top: var(--wp--preset--spacing--40) !important;
}

.cl-live .is-style-ransom {
	margin-inline: auto;
}

/* Meet the band: flip cards ----------------------------------------------- */

.cl-flips {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--50);
}

.cl-flips > .cl-flip,
.cl-flip__inner > *,
.cl-flip__back > * {
	margin: 0 !important;
}

.cl-flip {
	display: block;
	cursor: pointer;
	perspective: 1200px;
	aspect-ratio: 4 / 5;
}

.cl-flip:focus-visible {
	outline: 3px solid var(--cl-black);
	outline-offset: 6px;
}

.cl-flip__inner {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.7s cubic-bezier(0.2, 0.9, 0.25, 1.15);
}

.cl-flip:nth-child(1) .cl-flip__inner { transform: rotate(-1.5deg); }
.cl-flip:nth-child(2) .cl-flip__inner { transform: rotate(1.2deg) translateY(0.6rem); }
.cl-flip:nth-child(3) .cl-flip__inner { transform: rotate(-0.6deg); }

@media (hover: hover) {
	.cl-flip:hover .cl-flip__inner {
		transform: rotateY(180deg);
	}
}

.cl-flip.is-flipped .cl-flip__inner {
	transform: rotateY(180deg);
}

.cl-flip__front,
.cl-flip__back {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
}

.cl-flip__front {
	background: var(--cl-white);
	padding: 0;
}

.cl-flip__front::after {
	content: "Flip me ↻";
	position: absolute;
	right: 0.6rem;
	bottom: 0.6rem;
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: 0.8rem;
	background: var(--cl-pink);
	color: var(--cl-black);
	padding: 0.3em 0.6em;
	transform: rotate(-3deg);
}

.cl-flip__front img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.cl-flip__back {
	transform: rotateY(180deg);
	background: var(--cl-pink);
	color: var(--cl-black);
	border: 4px solid var(--cl-black);
	padding: clamp(1rem, 3vw, 1.75rem);
	justify-content: center;
	gap: 0.75rem;
	text-align: left;
}

.cl-flip__back .cl-flip__bio {
	margin-top: 0.25rem !important;
}

.cl-flip__name {
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 0.9;
}

.cl-flip__role {
	font-family: var(--cl-display);
	font-weight: 700;
	font-size: 0.95rem;
	line-height: 1.25;
}

.cl-flip__bio {
	font-size: 1rem;
	line-height: 1.45;
}

@media (prefers-reduced-motion: reduce) {
	.cl-flip__inner {
		transition: none;
	}
}

/* Mailing list ------------------------------------------------------------ */

.cl-signup {
	display: grid;
	gap: 1rem;
	max-width: 640px;
	font-family: var(--cl-display);
}

.cl-signup__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.cl-signup label {
	display: grid;
	gap: 0.35rem;
	font-weight: 700;
}

.cl-signup abbr {
	text-decoration: none;
}

.cl-signup input {
	font: inherit;
	font-weight: 600;
	font-size: 1.1rem;
	padding: 0.75em 0.85em;
	border: 3px solid var(--cl-black);
	border-radius: 0;
	background: var(--cl-white);
	color: var(--cl-black);
	box-shadow: 5px 5px 0 var(--cl-black);
}

.cl-signup input:focus {
	outline: none;
	background: var(--cl-yellow);
}

.cl-signup button {
	justify-self: start;
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: 1.15rem;
	padding: 0.85em 1.6em;
	background: var(--cl-black);
	color: var(--cl-pink);
	border: 3px solid var(--cl-black);
	cursor: pointer;
	transform: rotate(-1deg);
}

.cl-signup button:hover {
	background: var(--cl-white);
	color: var(--cl-black);
}

.cl-signup button:disabled {
	opacity: 0.6;
	cursor: wait;
}

.cl-signup__msg {
	margin: 0;
	font-weight: 800;
	min-height: 1.5em;
}

.cl-signup.is-done label,
.cl-signup.is-done .cl-signup__row,
.cl-signup.is-done button {
	display: none;
}

.cl-signup.is-done .cl-signup__msg {
	font-size: var(--wp--preset--font-size--x-large);
}

/* Small screens (1.1) ----------------------------------------------------- */

@media (max-width: 781px) {
	.cl-video-hero {
		min-height: 70vh;
	}

	.cl-video-grid,
	.cl-flips {
		grid-template-columns: 1fr;
	}

	.cl-flips {
		max-width: 360px;
		margin-inline: auto;
	}

	.cl-gallery.wp-block-gallery.columns-4 .wp-block-image {
		width: calc(50% - 0.375rem) !important;
	}

	.cl-tour__row {
		grid-template-columns: 1fr auto;
	}

	.cl-tour__date {
		grid-column: 1 / -1;
	}

	.cl-signup__row {
		grid-template-columns: 1fr;
	}
}

/* ===== Candide Land 1.2 =================================================== */

/* Sticky black header with a launch-show strip on top. */
.wp-site-blocks > .wp-block-template-part:first-child,
.wp-site-blocks > header:first-child {
	position: sticky;
	top: 0;
	z-index: 100;
}

.admin-bar .wp-site-blocks > .wp-block-template-part:first-child,
.admin-bar .wp-site-blocks > header:first-child {
	top: var(--wp-admin--admin-bar--height, 32px);
}

.cl-header {
	position: static;
	border-bottom: 0;
}

.cl-header .wp-block-navigation,
.cl-header .wp-block-navigation a {
	color: var(--cl-pink);
	font-size: 0.95rem;
}

.cl-header .wp-block-navigation a:hover {
	color: var(--cl-white);
}

.cl-header .wp-block-navigation__responsive-container-open,
.cl-header .wp-block-navigation__responsive-container-close {
	color: var(--cl-pink);
}

.cl-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--cl-black) !important;
	color: var(--cl-pink) !important;
}

.cl-launchbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	gap: 0.2rem 0.8rem;
	padding: 0.35rem 1rem;
	background: var(--cl-pink);
	color: var(--cl-black);
	font-family: var(--cl-display);
	font-size: 0.9rem;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
}

.cl-launchbar em {
	font-style: normal;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.cl-launchbar:hover {
	background: var(--cl-black);
	color: var(--cl-pink);
}

.cl-footer,
.cl-footer a {
	color: var(--cl-pink);
}

/* Video hero: launch-show call to action. */
.cl-video-hero__launch {
	margin: 0;
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: clamp(1.4rem, 3.4vw, 2.4rem);
	line-height: 1;
	text-align: center;
	color: var(--cl-white);
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.7);
}

.cl-video-hero__launch span {
	display: inline-block;
	margin-top: 0.35rem;
	font-size: 0.6em;
	color: var(--cl-pink);
}

.cl-video-hero__down {
	font-size: 1.15rem;
}

/* Release block: the launch-show card. */
.cl-launch-card {
	border: 4px solid var(--cl-black);
	background: var(--cl-pink);
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40);
	box-shadow: 10px 10px 0 var(--cl-black);
	transform: rotate(-0.6deg);
	margin-top: var(--wp--preset--spacing--40) !important;
}

.cl-launch-card__date {
	margin: 0;
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: clamp(2.6rem, 6vw, 4.2rem);
	line-height: 0.9;
}

.cl-launch-card__where {
	margin-top: 0.5rem !important;
}

.cl-launch-card .is-style-outline .wp-block-button__link {
	background: var(--cl-white);
}

/* Candide land: pale pink with a faint grey logo monogram behind everything. */
.cl-monogram {
	position: relative;
	isolation: isolate;
}

.cl-monogram::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image: url("../images/logo-mono-tile.png"), url("../images/logo-mono-tile.png");
	background-size: 330px 225px, 330px 225px;
	background-position: 0 0, 165px 112px;
	background-repeat: repeat;
	opacity: 0.18;
	pointer-events: none;
}

/* Shuffling photo grid. */
.cl-shuffle {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	margin-top: var(--wp--preset--spacing--50) !important;
}

.cl-shuffle.wp-block-gallery.has-nested-images {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem !important;
}

.cl-shuffle.wp-block-gallery.has-nested-images > figure.wp-block-image {
	position: relative;
	margin: 0 !important;
	width: auto !important;
	aspect-ratio: 1;
	overflow: hidden;
	border: 4px solid var(--cl-white);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
	background: var(--cl-black);
	transform: rotate(var(--r, 0deg));
}

.cl-shuffle.wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(n+9) {
	display: none !important;
}

.cl-shuffle > .wp-block-image:nth-child(odd) { --r: -1.2deg; }
.cl-shuffle > .wp-block-image:nth-child(3n) { --r: 1.4deg; }

.cl-shuffle.wp-block-gallery.has-nested-images > figure.wp-block-image img {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	opacity: 1;
	transition: opacity 1.2s ease;
}

.cl-shuffle.wp-block-gallery.has-nested-images > figure.wp-block-image img.is-entering {
	opacity: 0;
}

/* Listen: platform links under the player. */
.cl-platforms {
	align-items: center;
	gap: 0.6rem;
	font-family: var(--cl-display);
	font-weight: 800;
}

.cl-platforms > *,
.cl-platforms .wp-block-buttons {
	margin: 0 !important;
	gap: 0.6rem;
}

.cl-platforms__label {
	margin-right: 0.4rem !important;
	font-size: var(--wp--preset--font-size--large);
}

.cl-platforms .wp-block-button .wp-block-button__link {
	padding: 0.55em 1em;
	border: 3px solid var(--cl-black);
	border-radius: 0;
	background: var(--cl-white);
	color: var(--cl-black);
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: 1rem;
	text-decoration: none;
	box-shadow: 4px 4px 0 var(--cl-pink);
}

.cl-platforms .wp-block-button:first-child .wp-block-button__link {
	background: var(--cl-pink);
	box-shadow: 4px 4px 0 var(--cl-black);
}

.cl-platforms .wp-block-button .wp-block-button__link:hover {
	background: var(--cl-black);
	color: var(--cl-pink);
}

/* Insights cards. */
.cl-news .wp-block-post-template {
	gap: var(--wp--preset--spacing--40);
}

.cl-news .wp-block-post {
	display: flex;
	flex-direction: column;
	background: var(--cl-white);
	border: 3px solid var(--cl-black);
	box-shadow: 8px 8px 0 var(--cl-pink);
	transition: transform 0.15s ease;
}

.cl-news .wp-block-post:hover {
	transform: translate(-2px, -2px);
}

.cl-news .wp-block-post-featured-image {
	margin: 0 !important;
}

.cl-news .wp-block-post-featured-image img {
	border: 0;
	border-bottom: 3px solid var(--cl-black);
	box-shadow: none;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.cl-news__body {
	padding: 1rem 1.1rem 1.25rem;
}

.cl-news__date {
	display: inline-block;
	background: var(--cl-pink);
	padding: 0.15em 0.5em;
	font-family: var(--cl-display);
	font-weight: 800;
}

.cl-news .wp-block-post-title {
	margin-top: 0.6rem;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.1;
}

.cl-news .wp-block-post-excerpt {
	font-size: 0.95rem;
}

.cl-news .wp-block-post-excerpt__more-link {
	font-family: var(--cl-display);
	font-weight: 800;
}

@media (max-width: 781px) {
	.cl-shuffle.wp-block-gallery.has-nested-images {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cl-launchbar span {
		display: none;
	}
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* ===== Candide Land 1.3 =================================================== */

/* Floating translucent nav pod (Wolff Olins style). The launch strip scrolls
   away; only the pod stays, floating over the page. */
.wp-site-blocks > .wp-block-template-part:first-child,
.wp-site-blocks > header:first-child {
	position: static;
	display: contents;
}

.cl-header.alignfull {
	position: sticky;
	top: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 52px;
	width: fit-content;
	max-width: calc(100% - 24px);
	margin: 0 auto -52px !important;
	padding: 0 10px 0 18px !important;
	transform: translateY(12px);
	border-radius: 999px;
	background: rgba(12, 12, 12, 0.72) !important;
	-webkit-backdrop-filter: blur(14px) saturate(140%);
	backdrop-filter: blur(14px) saturate(140%);
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
}

.admin-bar .cl-header.alignfull {
	top: var(--wp-admin--admin-bar--height, 32px);
}

.cl-header > .wp-block-group {
	gap: 1.4rem;
	max-width: none !important;
}

.cl-header .wp-block-image {
	margin: 0;
	line-height: 0;
}

.cl-header .wp-block-image img {
	width: 56px !important;
}

.cl-header .wp-block-navigation {
	gap: 1.1rem;
}

.cl-header .wp-block-navigation a {
	font-size: 0.85rem;
	padding: 4px 2px;
}

@media (max-width: 781px) {
	.cl-header.alignfull {
		height: 46px;
		margin-bottom: -46px !important;
		padding: 0 6px 0 14px !important;
	}
}

/* Footer contact form ----------------------------------------------------- */

.cl-contact {
	margin-block: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--50);
	border-top: 2px solid var(--cl-pink);
}

.cl-contact__title {
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--x-large);
	margin: 0 0 1rem;
	color: var(--cl-pink);
}

.cl-contact__form textarea {
	font: inherit;
	font-weight: 600;
	font-size: 1.1rem;
	padding: 0.75em 0.85em;
	border: 3px solid var(--cl-pink);
	border-radius: 0;
	background: var(--cl-white);
	color: var(--cl-black);
	resize: vertical;
}

.cl-contact__form input {
	border-color: var(--cl-pink);
	box-shadow: 5px 5px 0 var(--cl-pink);
}

.cl-contact__form textarea {
	box-shadow: 5px 5px 0 var(--cl-pink);
}

.cl-contact__form input:focus,
.cl-contact__form textarea:focus {
	outline: none;
	background: var(--cl-yellow);
}

.cl-contact__form button {
	background: var(--cl-pink);
	color: var(--cl-black);
	border-color: var(--cl-pink);
}

.cl-contact__form button:hover {
	background: var(--cl-white);
	color: var(--cl-black);
}

.cl-contact__msg {
	font-family: var(--cl-display);
	font-weight: 800;
	font-size: 1.2rem;
}

.cl-contact__trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 781px) {
	.cl-contact .cl-signup__row {
		grid-template-columns: 1fr;
	}
}

/* ===== Candide Land 1.4 =================================================== */

/* At the top of the page the header is a plain full-width black bar; once you
   scroll, candide.js adds .is-pod and it shrinks into the floating pod. */
.cl-header.alignfull {
	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding: 0 var(--wp--preset--spacing--40) !important;
	transform: none;
	border-radius: 0;
	background: var(--cl-black) !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-shadow: none;
	transition: transform 0.3s ease, border-radius 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.cl-header.alignfull:not(.is-pod) > .wp-block-group {
	width: 100%;
	max-width: 1240px !important;
	margin-inline: auto;
}

.cl-header.alignfull.is-pod {
	width: fit-content;
	max-width: calc(100% - 24px);
	margin: 0 auto !important;
	padding: 0 10px 0 18px !important;
	transform: translateY(12px);
	border-radius: 999px;
	background: rgba(12, 12, 12, 0.72) !important;
	-webkit-backdrop-filter: blur(14px) saturate(140%);
	backdrop-filter: blur(14px) saturate(140%);
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
}

@media (max-width: 781px) {
	.cl-header.alignfull {
		margin: 0 !important;
		padding: 0 14px !important;
	}

	.cl-header.alignfull.is-pod {
		margin: 0 auto !important;
		padding: 0 6px 0 14px !important;
	}
}