/* Compound Dubs — scoped landing styles (Tailwind handles layout). */
.material-symbols-outlined {
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
.compound-dubs-landing {
	background: transparent !important;
	scroll-behavior: smooth;
}
.compound-dubs-landing .kinetic-title {
	letter-spacing: -0.05em;
	line-height: 0.9;
}
.compound-dubs-landing .glow-primary:hover {
	box-shadow: 0 0 20px 2px rgba(161, 250, 255, 0.15);
}
.compound-dubs-landing .glass-panel {
	background: rgba(32, 32, 32, 0.6);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.05);
}
.compound-dubs-landing #print-calculator details summary {
	list-style: none;
}
.compound-dubs-landing #print-calculator details summary::-webkit-details-marker {
	display: none;
}
.compound-dubs-landing #print-calculator details[open] .print-acc-chevron {
	transform: rotate(180deg);
}
.compound-dubs-landing .print-acc-chevron {
	transition: transform 0.2s ease;
}
.compound-dubs-landing .releases-swiper {
	overflow: visible;
	padding-bottom: 2.5rem;
}
.compound-dubs-landing .releases-swiper .swiper-slide {
	width: min(78vw, 320px);
	height: auto;
}
.compound-dubs-landing .releases-swiper .swiper-pagination {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	transform: none !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 0.35rem;
}
.compound-dubs-landing .releases-swiper .swiper-pagination-bullet {
	background: #777575;
	opacity: 1;
}
.compound-dubs-landing .releases-swiper .swiper-pagination-bullet-active {
	background: #a1faff;
}

/* Hero Ken Burns background */
.compound-dubs-landing .compound-dubs-hero__layer {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1.2s ease;
	z-index: 0;
	pointer-events: none;
}
.compound-dubs-landing .compound-dubs-hero__layer.is-active {
	opacity: 1;
	z-index: 1;
}
.compound-dubs-landing .compound-dubs-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform-origin: 50% 42%;
	will-change: transform;
}
.compound-dubs-landing .compound-dubs-hero__layer:not(.is-active) .compound-dubs-hero__img {
	animation-play-state: paused !important;
}

@keyframes compound-dubs-kb-a {
	0% {
		transform: scale(1) translate(0, 0);
	}
	100% {
		transform: scale(1.14) translate(-3%, -2.5%);
	}
}
@keyframes compound-dubs-kb-b {
	0% {
		transform: scale(1.04) translate(2%, 1%);
	}
	100% {
		transform: scale(1.12) translate(1.5%, -4%);
	}
}
@keyframes compound-dubs-kb-c {
	0% {
		transform: scale(1.02) translate(-1.5%, 2%);
	}
	100% {
		transform: scale(1.15) translate(3.5%, 1%);
	}
}

.compound-dubs-landing .compound-dubs-hero__layer--a .compound-dubs-hero__img {
	animation: compound-dubs-kb-a var(--compound-dubs-hero-kb, 12s) ease-out forwards;
}
.compound-dubs-landing .compound-dubs-hero__layer--b .compound-dubs-hero__img {
	animation: compound-dubs-kb-b var(--compound-dubs-hero-kb, 12s) ease-out forwards;
}
.compound-dubs-landing .compound-dubs-hero__layer--c .compound-dubs-hero__img {
	animation: compound-dubs-kb-c var(--compound-dubs-hero-kb, 12s) ease-out forwards;
}

@media (prefers-reduced-motion: reduce) {
	.compound-dubs-landing .compound-dubs-hero__kenburns .compound-dubs-hero__layer ~ .compound-dubs-hero__layer {
		display: none !important;
	}
	.compound-dubs-landing .compound-dubs-hero__kenburns .compound-dubs-hero__layer.is-active {
		opacity: 1 !important;
	}
	.compound-dubs-landing .compound-dubs-hero__img {
		animation: none !important;
		transform: none !important;
	}
	.compound-dubs-landing .releases-swiper .swiper-wrapper {
		transform: none !important;
	}
}