/* Emptorium Collage. Design: emptorium-collage. Remove the collage enqueue in functions.php to return to the base child styles. */
:root {
	--eid-ink: #15121c;
	--eid-dream: #2b2bff;
	--eid-sun: #ffd23f;
	--eid-mint: #a8f0d4;
	--eid-peach: #ffb9a3;
	--eid-lilac: #cdbfff;
	--eid-paper: #f1ece2;
	--eid-cream: #fffbf3;
	--eid-magenta: #f700ff;
}

body,
.site,
#wrapper,
.content-bg {
	background-color: var(--eid-paper);
}

.entry-content {
	overflow-x: clip;
}

/* Type */
h1, h2, h3, h4, .entry-title, .site-title {
	font-variation-settings: "SOFT" 100, "WONK" 1;
	font-optical-sizing: auto;
}
h1 em, h2 em {
	font-style: italic;
	background: linear-gradient(transparent 62%, var(--eid-sun) 62%);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* Focus */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--eid-dream);
	outline-offset: 2px;
}

/* Links in text */
.entry-content a:where(:not(.button, .wp-block-button__link, .kb-button, .kt-button)) {
	text-decoration-color: var(--eid-magenta);
	text-decoration-thickness: 3px;
	text-underline-offset: 4px;
}

/* Sticker buttons */
.kb-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button,
button[type="submit"],
input[type="submit"] {
	border: 2px solid var(--eid-ink) !important;
	border-radius: 999px !important;
	box-shadow: 4px 4px 0 var(--eid-ink) !important;
	font-weight: 700 !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.kb-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.single_add_to_cart_button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	transform: translate(4px, 4px);
	box-shadow: 0 0 0 var(--eid-ink) !important;
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
	background: var(--eid-cream);
	border: 2px solid var(--eid-ink);
	border-radius: 6px;
}

/* Navigation */
.header-navigation .header-menu-container > ul > li.menu-item > a {
	border-radius: 999px;
	padding-inline: 0.9em;
	transition: background-color 0.15s ease;
}
.header-navigation .header-menu-container > ul > li.menu-item > a:hover,
.header-navigation .header-menu-container > ul > li.current-menu-item > a {
	background: var(--eid-sun);
	color: var(--eid-ink);
}

/* Footer */
.site-footer,
.site-footer .site-footer-wrap,
.site-footer .site-container {
	background-color: var(--eid-ink);
}
.site-footer,
.site-footer p,
.site-footer li,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .widget-title {
	color: var(--eid-cream);
}
.site-footer a {
	color: var(--eid-sun);
}

/* Hero */
.eid-hero {
	position: relative;
	min-height: min(76vh, 690px);
	padding-block: 24px 48px;
}
.eid-hero h1 {
	position: relative;
	z-index: 3;
	max-width: 9em;
	margin: 0 0 0.25em;
	font-size: clamp(3.25rem, 9vw, 8rem);
	line-height: 0.92;
	letter-spacing: -0.03em;
}
.eid-hero p {
	position: relative;
	z-index: 3;
	max-width: 30ch;
	font-size: 1.25rem;
}
.eid-hero .kb-buttons-wrap {
	position: relative;
	z-index: 3;
}
.eid-stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 54%;
	z-index: 1;
}
.eid-stage::before {
	content: "";
	position: absolute;
	top: 22%;
	right: 24%;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	background: var(--eid-sun);
}
.eid-stage::after {
	content: "";
	position: absolute;
	bottom: 6%;
	left: 6%;
	width: 170px;
	height: 170px;
	background: var(--eid-magenta);
	clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.eid-cut {
	position: absolute;
	margin: 0 !important;
	z-index: 2;
	filter: drop-shadow(8px 8px 0 var(--eid-ink));
	animation: eid-float 11s ease-in-out infinite;
}
.eid-cut img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 2px solid var(--eid-ink);
}
.eid-cut--moon {
	top: 2%;
	right: 4%;
	width: 340px;
	transform: rotate(5deg);
}
.eid-cut--moon img {
	aspect-ratio: 3 / 4;
	border-radius: 999px 999px 10px 10px;
}
.eid-cut--echo {
	top: 40%;
	right: 34%;
	width: 290px;
	transform: rotate(-8deg);
	animation-duration: 9s;
	animation-delay: -3s;
}
.eid-cut--echo img {
	aspect-ratio: 1;
	border-radius: 50%;
}
.eid-cut--guitar {
	bottom: 4%;
	right: 2%;
	width: 250px;
	transform: rotate(6deg);
	animation-duration: 13s;
	animation-delay: -6s;
}
.eid-cut--guitar img {
	aspect-ratio: 2 / 3;
	border-radius: 6px;
}
.eid-hero-badge {
	position: absolute;
	z-index: 4;
	right: 3%;
	bottom: 38%;
}
@keyframes eid-float {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -10px; }
}

/* Ticker */
.eid-ticker {
	position: relative;
	z-index: 5;
	width: 104%;
	margin: -24px 0 -24px -2%;
	overflow: hidden;
	transform: rotate(-1.5deg);
	background: var(--eid-dream);
	border-block: 2px solid var(--eid-ink);
}
.eid-ticker p {
	display: block;
	width: max-content;
	margin: 0;
	padding: 0.35em 0;
	color: var(--eid-cream);
	font-family: Fraunces, Georgia, serif;
	font-style: italic;
	font-weight: 700;
	font-size: clamp(1.5rem, 3vw, 2.25rem);
	white-space: nowrap;
	animation: eid-marquee 40s linear infinite;
}
@keyframes eid-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

/* Catalogue */
.eid-catalogue {
	background: var(--eid-lilac);
	clip-path: polygon(0 18px, 4% 4px, 9% 16px, 14% 2px, 20% 14px, 26% 0, 33% 12px, 40% 3px, 47% 15px, 54% 1px, 61% 13px, 68% 4px, 75% 16px, 82% 2px, 89% 12px, 95% 3px, 100% 14px, 100% 100%, 0 100%);
}
.eid-catalogue h2 {
	font-size: clamp(2.5rem, 6vw, 5rem);
	line-height: 0.95;
	letter-spacing: -0.02em;
}
.eid-tile {
	position: relative;
}
.eid-tile .wp-block-kadence-image {
	filter: drop-shadow(8px 8px 0 var(--eid-ink));
	margin-bottom: 20px;
}
.eid-tile .wp-block-kadence-image img {
	width: 100%;
	object-fit: cover;
	border: 2px solid var(--eid-ink);
}
.eid-tile--1 { transform: rotate(-3deg); }
.eid-tile--2 { transform: translateY(48px) rotate(2deg); }
.eid-tile--3 { transform: translateY(12px) rotate(-2deg); }
.eid-tile--4 { transform: translateY(60px) rotate(3deg); }
.eid-tile--1 img { aspect-ratio: 3 / 4; border-radius: 999px 999px 10px 10px; }
.eid-tile--2 img { aspect-ratio: 1; border-radius: 50%; }
.eid-tile--3 img { aspect-ratio: 4 / 5; border-radius: 6px; }
.eid-tile--4 img { aspect-ratio: 1; border-radius: 58% 42% 55% 45% / 48% 60% 40% 52%; }
.eid-tile a.kb-advanced-heading-link {
	display: inline-block;
	padding: 0.15em 0.7em;
	border: 2px solid var(--eid-ink);
	border-radius: 999px;
	background: var(--eid-sun);
	text-decoration: none;
	transform: rotate(-2deg);
}
.eid-tile h3 {
	margin: 0;
	font-size: 1.25rem;
}
.eid-tile p {
	margin-top: 0.6em;
}
.eid-catalogue .kt-row-column-wrap {
	padding-bottom: 64px;
}

/* Statement band */
.eid-manifesto {
	position: relative;
	overflow: hidden;
	background: var(--eid-dream);
	color: var(--eid-cream);
}
.eid-manifesto h2 {
	position: relative;
	z-index: 2;
	max-width: 10em;
	color: var(--eid-cream);
	font-size: clamp(3rem, 8vw, 7rem);
	line-height: 0.95;
	letter-spacing: -0.03em;
}
.eid-manifesto h2 em {
	color: var(--eid-ink);
}
.eid-manifesto p {
	position: relative;
	z-index: 2;
	color: var(--eid-cream);
	font-size: 1.25rem;
}
.eid-manifesto .kb-buttons-wrap {
	position: relative;
	z-index: 2;
}
.eid-manifesto::before {
	content: "";
	position: absolute;
	top: 8%;
	right: 6%;
	width: 240px;
	height: 320px;
	border-radius: 999px 999px 0 0;
	background: var(--eid-mint);
	transform: rotate(8deg);
	animation: eid-float 12s ease-in-out infinite;
}
.eid-manifesto::after {
	content: "";
	position: absolute;
	bottom: -90px;
	right: 22%;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background: var(--eid-peach);
}

/* Mobile */
@media (max-width: 767px) {
	.eid-hero {
		min-height: 0;
	}
	.eid-stage {
		position: relative;
		width: 100%;
		height: 440px;
		margin-top: 28px;
	}
	.eid-stage::before {
		width: 62%;
		height: 0;
		padding-bottom: 62%;
		top: 18%;
		right: 22%;
	}
	.eid-stage::after {
		width: 90px;
		height: 90px;
	}
	.eid-cut--moon { width: 46%; right: 2%; }
	.eid-cut--echo { width: 40%; right: 38%; top: 38%; }
	.eid-cut--guitar { width: 34%; right: 0; bottom: 0; }
	.eid-tile--1 { transform: rotate(-2deg); }
	.eid-tile--2 { transform: translateY(24px) rotate(1deg); }
	.eid-tile--3 { transform: translateY(6px) rotate(-1deg); }
	.eid-tile--4 { transform: translateY(30px) rotate(2deg); }
	.eid-manifesto::before { width: 120px; height: 160px; }
	.eid-manifesto::after { width: 160px; height: 160px; }
}

@media (prefers-reduced-motion: reduce) {
	.eid-cut,
	.eid-ticker p,
	.eid-manifesto::before {
		animation: none;
	}
	.kb-button:hover,
	.wp-block-button__link:hover {
		transform: none;
	}
}