/* Zefhyr: Music page editorial layout. */
body.page-id-16 main#wp--skip-link--target {
	margin-top: 0 !important;
	padding-inline: clamp(14px, 3vw, 48px);
	background: transparent;
}

body.page-id-16 main#wp--skip-link--target > .wp-block-group.alignfull {
	box-sizing: border-box;
	width: 100% !important;
	margin-inline: 0 !important;
	padding-top: clamp(46px, 7vw, 88px) !important;
	padding-bottom: clamp(68px, 8vw, 112px) !important;
	background: transparent;
}

body.page-id-16 .entry-content {
	counter-reset: zefhyr-album;
	background: transparent !important;
}

body.page-id-16 .entry-content > p.has-cinzel-font-family:first-child {
	position: relative;
	width: min(100%, 1000px);
	margin: 0 auto 26px !important;
	padding-bottom: 24px;
	color: #d3ad69 !important;
	font-size: clamp(2.5rem, 5.8vw, 4.8rem) !important;
	font-weight: 600 !important;
	line-height: 1.12;
	letter-spacing: .035em;
	text-align: center !important;
}

body.page-id-16 .entry-content > p.has-cinzel-font-family:first-child::after,
body.page-id-16 .entry-content > p.has-cinzel-font-family:not(:first-child)::after {
	content: "";
	display: block;
	width: 86px;
	height: 1px;
	margin: 22px auto 0;
	background: linear-gradient(90deg, transparent, #b58b43, transparent);
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-block-bf93bb3f {
	box-sizing: border-box;
	width: min(100%, 900px) !important;
	max-width: 900px !important;
	margin: 0 auto clamp(46px, 7vw, 78px) !important;
	padding: clamp(24px, 4vw, 40px) clamp(20px, 5vw, 58px) !important;
	border-block: 1px solid rgba(62, 126, 145, .28);
	background: linear-gradient(90deg, transparent, rgba(8, 16, 19, .66), transparent) !important;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-block-bf93bb3f > p {
	margin: 0 !important;
	color: rgba(232, 239, 241, .82) !important;
	font-family: var(--wp--preset--font-family--lato, Lato, sans-serif);
	font-size: clamp(1rem, 1.4vw, 1.14rem) !important;
	font-weight: 300 !important;
	line-height: 1.82 !important;
	text-align: center !important;
}

body.page-id-16 .entry-content > p.has-cinzel-font-family:not(:first-child) {
	width: min(100%, 1180px);
	margin: 0 auto clamp(34px, 5vw, 56px) !important;
	color: #d3ad69 !important;
	font-size: clamp(2rem, 4.5vw, 3.7rem) !important;
	font-weight: 600 !important;
	line-height: 1.16;
	text-align: center !important;
}

body.page-id-16 .entry-content > p.wp-block-paragraph:empty {
	display: none;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) {
	counter-increment: zefhyr-album;
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin: 0 0 clamp(48px, 7vw, 78px) !important;
	padding: 0 !important;
	background: transparent !important;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) > .uagb-container-inner-blocks-wrap {
	position: relative;
	display: grid !important;
	grid-template-columns: minmax(240px, .82fr) minmax(0, 1.18fr);
	align-items: center !important;
	gap: clamp(30px, 5vw, 68px) !important;
	box-sizing: border-box;
	width: min(100%, 1120px) !important;
	max-width: 1120px !important;
	margin: 0 auto !important;
	padding: clamp(28px, 4vw, 52px) !important;
	overflow: hidden;
	border: 1px solid rgba(62, 126, 145, .34) !important;
	border-radius: 24px !important;
	background: linear-gradient(145deg, rgba(13, 22, 26, .95), rgba(6, 9, 11, .88)) !important;
	box-shadow: 0 26px 72px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .035);
	backdrop-filter: blur(9px);
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:first-child {
	position: relative;
	z-index: 1;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) > .uagb-container-inner-blocks-wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: clamp(28px, 4vw, 52px);
	width: 76px;
	height: 2px;
	background: linear-gradient(90deg, #d3ad69, transparent);
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) > .uagb-container-inner-blocks-wrap::after {
	content: counter(zefhyr-album, decimal-leading-zero);
	position: absolute;
	top: 18px;
	right: 28px;
	color: rgba(211, 173, 105, .055);
	font-family: var(--wp--preset--font-family--cinzel, Cinzel, serif);
	font-size: clamp(5rem, 10vw, 8.5rem);
	font-weight: 600;
	line-height: 1;
	pointer-events: none;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:first-child .wpcp-carousel-wrapper {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: min(100%, 390px) !important;
	margin: 0 auto !important;
	padding: 10px;
	border: 1px solid rgba(211, 173, 105, .22);
	border-radius: 16px;
	background: rgba(2, 5, 7, .54);
	box-shadow: 0 22px 52px rgba(0, 0, 0, .42);
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:first-child .wpcp-carousel-wrapper img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 9px;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .uagb-layout-flex {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	display: flex !important;
	flex-direction: column;
	align-items: flex-start !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	min-width: 0;
	padding: 0 !important;
	background: transparent !important;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .uagb-layout-flex > p.has-x-large-font-size {
	margin: 0 0 12px !important;
	color: #e5c98f !important;
	font-size: clamp(1.75rem, 3.3vw, 3rem) !important;
	font-weight: 600 !important;
	line-height: 1.18 !important;
	text-align: left !important;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .uagb-layout-flex > p.has-small-font-size {
	margin: 0 !important;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(62, 126, 145, .26);
	color: rgba(211, 173, 105, .72) !important;
	font-size: clamp(.82rem, 1.15vw, .98rem) !important;
	line-height: 1.55;
	text-align: left !important;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .uagb-layout-flex > p.has-lato-font-family {
	margin: 22px 0 26px !important;
	color: rgba(232, 239, 241, .8) !important;
	font-size: clamp(.98rem, 1.2vw, 1.08rem) !important;
	font-weight: 300 !important;
	line-height: 1.76 !important;
	text-align: left !important;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .wp-block-buttons {
	justify-content: flex-start !important;
	margin: 0 !important;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-block-1868a6fb > .uagb-container-inner-blocks-wrap {
	row-gap: 18px !important;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-block-1868a6fb > .uagb-container-inner-blocks-wrap > .wp-block-buttons {
	grid-column: 2;
	grid-row: 2;
	justify-content: flex-start !important;
	width: 100% !important;
	margin: 0 !important;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .wp-block-button__link {
	padding: 12px 22px !important;
	border: 0 !important;
	border-radius: 999px !important;
	color: #050708 !important;
	font-family: var(--wp--preset--font-family--lato, Lato, sans-serif);
	font-size: .92rem !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 1.3;
	text-decoration: none;
	background: linear-gradient(135deg, #efd59d, #c99a4d) !important;
	box-shadow: 0 7px 20px rgba(181, 139, 67, .22);
	transition: transform .2s ease, box-shadow .2s ease;
}

body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .wp-block-button__link:hover,
body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .wp-block-button__link:focus-visible {
	box-shadow: 0 10px 26px rgba(181, 139, 67, .34);
	transform: translateY(-2px);
}

body.page-id-16 .entry-content .wpcp-prev-button,
body.page-id-16 .entry-content .wpcp-next-button {
	color: #d3ad69 !important;
}

@media (max-width: 820px) {
	body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) > .uagb-container-inner-blocks-wrap {
		grid-template-columns: minmax(0, 1fr);
	}

	body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .uagb-layout-flex {
		align-items: center !important;
		text-align: center;
	}

	body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .uagb-layout-flex > p {
		text-align: center !important;
	}

	body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) .wp-block-buttons {
		justify-content: center !important;
	}

	body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-block-1868a6fb > .uagb-container-inner-blocks-wrap > .wp-block-buttons {
		grid-column: 1;
		grid-row: auto;
		justify-content: center !important;
	}
}

@media (max-width: 600px) {
	body.page-id-16 main#wp--skip-link--target {
		padding-inline: 12px;
	}

	body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-block-bf93bb3f {
		padding-inline: 12px !important;
	}

	body.page-id-16 .entry-content > .wp-block-uagb-container.uagb-is-root-container:not(.uagb-block-bf93bb3f) > .uagb-container-inner-blocks-wrap {
		gap: 25px !important;
		padding: 22px 18px 26px !important;
		border-radius: 17px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-id-16 .entry-content .wp-block-button__link {
		transition: none !important;
	}
}
