/* Eras — loaded only on era pages. */

body.era-page-template {
	background: var(--era-bg, #14110f);
	color: var(--era-ink, #f4efe6);
}

body.era-page-template .site-header {
	position: absolute;
	color: var(--era-ink, #f4efe6);
}

.era-page {
	background: var(--era-bg, #14110f);
	color: var(--era-ink, #f4efe6);
	font-family: var(--font-sans);
}

.era-kicker,
.era-section__label,
.era-hero__year,
.era-release__meta,
.era-timeline__date,
.era-timeline__type,
.era-single p,
.era-videos__now p,
.era-news__label,
.era-listen {
	margin: 0;
	color: var(--era-muted, #b7aea2);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.era-section__label {
	display: flex;
	gap: 0.7rem;
	align-items: baseline;
	margin: 0 0 1.1rem;
}

.era-section__label span {
	color: var(--era-accent, #9b2433);
}

.era-section {
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: 0 auto;
	padding: 2.15rem 0 0.35rem;
	border-top: 1px solid var(--era-border, rgb(244 239 230 / 16%));
}

.era-section__lede {
	margin: 0 0 0.85rem;
	max-width: 18ch;
	font-size: clamp(1.45rem, 2.6vw, 2.05rem);
	font-weight: 700;
	letter-spacing: -0.045em;
	line-height: 1.05;
}

.era-script {
	margin: 0;
	color: rgb(244 239 230 / 72%);
	font-family: var(--font-script);
	font-size: 1.15rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1;
	transform: rotate(-6deg);
}

.era-listen {
	display: inline-flex;
	gap: 0.35rem;
	align-items: center;
	margin-top: 0.85rem;
	color: var(--era-ink, #f4efe6);
	border-bottom: 1px solid var(--era-accent, #9b2433);
}

.era-listen:hover,
.era-listen:focus-visible {
	color: var(--era-accent, #9b2433);
}

.era-hero {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: min(68vh, 36rem);
	overflow: hidden;
	color: var(--era-ink, #f4efe6);
}

.era-hero__media {
	position: absolute;
	inset: 0;
	margin: 0;
	background: #0c0a09;
}

.era-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.era-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgb(20 17 15 / 22%) 0%, rgb(20 17 15 / 8%) 36%, rgb(20 17 15 / 86%) 100%),
		linear-gradient(90deg, rgb(20 17 15 / 78%) 0%, rgb(20 17 15 / 18%) 46%, rgb(20 17 15 / 6%) 100%);
}

.era-hero__copy {
	position: relative;
	z-index: 1;
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: 0 auto;
	padding: 6.2rem 0 2rem;
}

.era-hero h1 {
	margin: 0.15rem 0 0;
	font-size: clamp(2.6rem, 7vw, 5.15rem);
	font-weight: 700;
	letter-spacing: -0.055em;
	line-height: 0.88;
}

.era-hero h1 span {
	display: block;
}

.era-hero__year {
	margin-top: 0.7rem;
	color: var(--era-accent, #9b2433);
}

.era-hero__lead {
	max-width: 28rem;
	margin: 0.75rem 0 0;
	color: rgb(244 239 230 / 86%);
	font-size: 0.95rem;
	line-height: 1.5;
}

.era-intro__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.4rem;
	align-items: start;
}

.era-intro__copy p {
	max-width: 38rem;
	margin: 0 0 0.8em;
	color: rgb(244 239 230 / 84%);
	font-size: 0.94rem;
	line-height: 1.6;
}

.era-intro__media {
	position: relative;
	display: grid;
	grid-template-columns: 1.2fr 0.8fr;
	gap: 0.55rem;
}

.era-intro__aside {
	display: grid;
	gap: 0.55rem;
}

.era-intro__photo,
.era-release__cover,
.era-single figure,
.era-mosaic__item,
.era-pager__item img,
.era-news__card img {
	margin: 0;
	overflow: hidden;
	background: var(--era-surface, #1c1814);
}

.era-intro__photo img,
.era-release__cover img,
.era-single img,
.era-mosaic__item img,
.era-pager__item img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
}

.era-intro__media .era-script {
	position: absolute;
	right: 6%;
	bottom: 8%;
	z-index: 1;
}

.era-release__layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.15rem;
	align-items: start;
}

.era-release__title {
	margin: 0;
	font-size: clamp(1.35rem, 2.2vw, 1.85rem);
	font-weight: 700;
	letter-spacing: -0.04em;
}

.era-release__meta + .era-release__meta {
	margin-top: 0.25rem;
}

.era-tracklist {
	padding: 0;
	margin: 0;
	list-style: none;
}

.era-tracklist li {
	display: grid;
	grid-template-columns: 1.6rem 1fr;
	gap: 0.55rem;
	padding: 0.32rem 0;
	border-top: 1px solid var(--era-border, rgb(244 239 230 / 16%));
	font-size: 0.92rem;
}

.era-tracklist li:last-child {
	border-bottom: 1px solid var(--era-border, rgb(244 239 230 / 16%));
}

.era-tracklist span {
	color: var(--era-muted, #b7aea2);
	font-size: 0.68rem;
	font-weight: 700;
}

.era-release__note {
	margin: 0.7rem 0 0;
	color: var(--era-muted, #b7aea2);
	font-size: 0.78rem;
	line-height: 1.45;
}

.era-release__note span {
	display: block;
	margin-bottom: 0.15rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.era-tracklist__explicit {
	margin-left: 0.4rem;
	color: var(--era-accent, #9b2433);
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-decoration: none;
}

.era-hero__echo {
	display: none;
}

.era-closing__copy p + p {
	margin-top: 0.8em;
}

.era-timeline__main,
.era-timeline__notes {
	padding: 0;
	margin: 0;
	list-style: none;
}

.era-timeline__main {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}

.era-timeline__main li {
	position: relative;
	padding: 0 0 1.15rem 1.1rem;
	border-left: 1px solid var(--era-border, rgb(244 239 230 / 16%));
}

.era-timeline__main li::before {
	content: "";
	position: absolute;
	top: 0.2rem;
	left: -0.27rem;
	width: 0.48rem;
	height: 0.48rem;
	border: 1px solid var(--era-accent, #9b2433);
	background: var(--era-bg, #14110f);
}

.era-timeline__main h3,
.era-timeline__notes h3,
.era-single h3,
.era-videos__now h3,
.era-news__card h3,
.era-pager__item strong {
	margin: 0.2rem 0 0;
	font-size: 0.98rem;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.era-timeline__text {
	margin: 0.25rem 0 0;
	color: rgb(244 239 230 / 70%);
	font-size: 0.8rem;
	line-height: 1.4;
}

.era-timeline__notes {
	display: grid;
	gap: 0.65rem 1.25rem;
	margin-top: 0.35rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--era-border, rgb(244 239 230 / 16%));
}

.era-timeline__notes li {
	min-width: 0;
}

.era-singles__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem;
}

.era-single .era-listen {
	margin-top: 0.35rem;
}

.era-videos__stage {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #0c0a09;
}

.era-videos__facade,
.era-videos__stage iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: #0c0a09;
	color: inherit;
}

.era-videos__stage iframe {
	animation: era-player-in 180ms ease;
}

@keyframes era-player-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.era-videos__facade {
	cursor: pointer;
}

.era-videos__facade img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.era-videos__play {
	position: absolute;
	inset: 50% auto auto 50%;
	display: grid;
	place-items: center;
	width: 3.6rem;
	height: 3.6rem;
	border: 1px solid var(--era-ink, #f4efe6);
	background: rgb(20 17 15 / 42%);
	font-size: 1rem;
	transform: translate(-50%, -50%);
}

.era-videos__facade:hover .era-videos__play,
.era-videos__facade:focus-visible .era-videos__play {
	border-color: var(--era-accent, #9b2433);
	background: var(--era-accent, #9b2433);
}

.era-videos__now {
	margin: 0.7rem 0 0;
}

.era-videos__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.7rem;
	padding: 0;
	margin: 0.85rem 0 0;
	list-style: none;
}

.era-videos__card {
	display: grid;
	gap: 0.4rem;
	padding: 0;
	border: 1px solid transparent;
	background: transparent;
	color: inherit;
	text-align: left;
	cursor: pointer;
}

.era-videos__card img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.era-videos__card strong,
.era-videos__card em {
	display: block;
}

.era-videos__card em {
	margin-top: 0.15rem;
	color: var(--era-muted, #b7aea2);
	font-size: 0.62rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.era-videos__card.is-active {
	outline: 1px solid var(--era-accent, #9b2433);
	outline-offset: 3px;
}

.era-videos__card:focus-visible {
	outline: 2px solid var(--focus);
	outline-offset: 3px;
}

.era-mosaic {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.45rem;
}

.era-mosaic__item--large {
	grid-column: 1 / -1;
}

.era-mosaic__copy {
	margin: 0;
	padding: 0.35rem 0 0;
	color: rgb(244 239 230 / 82%);
	font-size: 0.88rem;
	line-height: 1.55;
	grid-column: 1 / -1;
}

.era-mosaic__script {
	position: absolute;
	right: 4%;
	bottom: 18%;
	z-index: 1;
}

.era-news__carousel {
	min-width: 0;
}

.era-news__carousel.is-enhanced {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 0.55rem;
	align-items: center;
}

.era-news__track {
	display: flex;
	gap: 0.7rem;
	min-width: 0;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 0;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.era-news__track::-webkit-scrollbar {
	display: none;
}

.era-news__card {
	display: grid;
	flex: 0 0 82%;
	gap: 0.3rem;
	min-width: 0;
	color: inherit;
	scroll-snap-align: start;
}

.era-news__card img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.era-news__card h3 {
	font-size: 0.86rem;
	line-height: 1.25;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.era-news__card time {
	color: var(--era-muted, #b7aea2);
	font-size: 0.72rem;
}

.era-news__card:focus-visible,
.era-news__nav:focus-visible {
	outline: 2px solid var(--era-accent, #9b2433);
	outline-offset: 3px;
}

.era-news__nav {
	display: none;
	flex: 0 0 auto;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid var(--era-border, rgb(244 239 230 / 16%));
	background: var(--era-surface, #1c1814);
	color: inherit;
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
}

.era-news__carousel.is-enhanced .era-news__nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.era-news__nav:disabled {
	opacity: 0.28;
	cursor: default;
}

.era-news__more {
	display: inline-flex;
	margin-top: 0.9rem;
}

.era-closing p {
	max-width: 36rem;
	margin: 0;
	color: rgb(244 239 230 / 84%);
	font-size: 0.94rem;
	line-height: 1.6;
}

.era-closing__row {
	display: grid;
	gap: 1.25rem;
}

.era-pager {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.65rem;
}

.era-pager__item {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	min-width: 0;
	color: inherit;
}

.era-pager__item img {
	flex: 0 0 3.6rem;
	width: 3.6rem;
}

.era-pager__item em {
	display: block;
	margin-top: 0.15rem;
	color: var(--era-muted, #b7aea2);
	font-size: 0.72rem;
	font-style: normal;
}

.era-pager__item--next {
	justify-content: flex-start;
	text-align: left;
}

@media (min-width: 48rem) {
	.era-singles__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.era-videos__cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.era-news__card {
		flex-basis: calc((100% - 0.7rem) / 2.28);
	}

	.era-timeline__notes {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.era-pager {
		grid-template-columns: 1fr 1fr;
	}

	.era-pager__item--next {
		justify-content: flex-end;
		text-align: right;
	}
}

@media (min-width: 64rem) {
	.era-hero {
		min-height: min(72vh, 38.5rem);
	}

	.era-section {
		padding-top: 2.35rem;
	}

	.era-intro__grid {
		grid-template-columns: minmax(0, 1.15fr) minmax(16rem, 0.85fr);
		gap: 2.4rem;
	}

	.era-release__layout {
		grid-template-columns: 15rem minmax(12rem, 0.85fr) minmax(0, 1.15fr);
		gap: 1.75rem;
		align-items: center;
	}

	.era-timeline__main {
		display: flex;
		gap: 0;
	}

	.era-timeline__main li {
		flex: 1 1 0;
		padding: 1.15rem 0.7rem 0;
		border-top: 1px solid var(--era-border, rgb(244 239 230 / 16%));
		border-left: 0;
	}

	.era-timeline__main li::before {
		top: -0.27rem;
		left: 0.7rem;
	}

	.era-timeline__main .era-timeline__text {
		display: none;
	}

	.era-timeline__notes {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.era-singles__list {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 0.85rem;
	}

	.era-mosaic {
		grid-template-columns: 1.35fr repeat(5, minmax(0, 1fr)) 15.25rem;
		grid-auto-rows: 12rem;
		gap: 0.45rem;
	}

	.era-mosaic__item--large,
	.era-mosaic__item--tall,
	.era-mosaic__item--wide {
		grid-column: auto;
		grid-row: auto;
	}

	.era-mosaic__item img {
		aspect-ratio: auto;
		height: 100%;
	}

	.era-mosaic__copy {
		grid-column: 7;
		grid-row: 1;
		align-self: center;
		padding: 0;
	}

	.era-closing__row {
		grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.95fr);
		gap: 2.5rem;
		align-items: center;
	}
}

@media (min-width: 80rem) {
	.era-news__card {
		flex-basis: calc((100% - 1.4rem) / 3.35);
	}
}

@media (max-width: 47.99rem) {
	.era-news__carousel.is-enhanced {
		display: block;
	}

	.era-news__carousel.is-enhanced .era-news__nav {
		display: none;
	}

	.era-hero {
		min-height: min(62vh, 30rem);
	}

	.era-hero h1 {
		font-size: clamp(2.15rem, 12vw, 2.7rem);
	}

	.era-hero__copy {
		padding: 5.2rem 0 1.5rem;
	}

	.era-section__lede {
		max-width: none;
	}

	.era-intro__media {
		grid-template-columns: 1fr 1fr;
	}

	.era-intro__photo--main {
		grid-column: 1 / -1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.era-videos__stage iframe,
	.era-script {
		animation: none;
		transform: none;
	}
}

/* ------------------------------------------------------------------
   Era 01 — 21st century heartbreak
   Scoped. Does not change TTWF or the shared defaults.
   ------------------------------------------------------------------ */

.era-21ch .era-script {
	color: var(--era-accent, #e8a0d4);
	font-family: var(--font-sans);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	transform: none;
}

.era-21ch .era-section__lede {
	max-width: 16ch;
	letter-spacing: -0.06em;
}

.era-21ch .era-intro__copy p,
.era-21ch .era-timeline__text,
.era-21ch .era-mosaic__copy,
.era-21ch .era-closing p,
.era-21ch .era-hero__lead {
	color: rgb(244 247 255 / 82%);
}

.era-21ch .era-hero {
	background: #000;
}

.era-21ch .era-hero__media {
	position: relative;
	aspect-ratio: 1;
	max-height: min(92vw, 34rem);
	margin: 0 auto;
	background: #000;
}

.era-21ch .era-hero__media img {
	object-fit: contain;
}

.era-21ch .era-hero__media::after {
	display: none;
}

.era-21ch .era-hero__copy {
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	min-width: 0;
	padding: 1.35rem 0 1.75rem;
}

.era-21ch .era-hero h1 {
	font-weight: 800;
	letter-spacing: -0.07em;
	line-height: 0.84;
	text-transform: lowercase;
}

.era-21ch .era-hero h1 span:last-child {
	color: var(--era-accent, #e8a0d4);
}

.era-21ch .era-hero__year {
	color: #c4a0f5;
}

.era-21ch .era-singles__list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 28rem;
}

.era-21ch .era-videos__facade img,
.era-21ch .era-videos__card img {
	object-fit: contain;
	background: #000;
}

.era-21ch .era-mosaic {
	grid-template-columns: 1fr 1fr;
}

.era-21ch .era-mosaic__item--large {
	grid-column: 1 / -1;
}

.era-21ch .era-mosaic__script {
	bottom: auto;
	top: 1.1rem;
	right: 1.1rem;
}

@media (min-width: 48rem) {
	.era-21ch .era-singles__list {
		grid-template-columns: repeat(2, minmax(0, 16rem));
		max-width: none;
	}

	.era-21ch .era-timeline__notes {
		grid-template-columns: minmax(0, 22rem);
	}

	.era-21ch .era-videos__cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.era-21ch .era-hero {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(22rem, 46vw);
		align-items: end;
		min-height: min(88vh, 44rem);
		padding: 0 var(--home-gutter) 2.4rem;
	}

	.era-21ch .era-hero__media {
		grid-column: 2;
		grid-row: 1;
		width: 100%;
		max-height: none;
		aspect-ratio: 1;
	}

	.era-21ch .era-hero__copy {
		grid-column: 1;
		grid-row: 1;
		width: auto;
		max-width: 22rem;
		margin: 0;
		padding: 0 1.5rem 0.4rem 0;
	}

	.era-21ch .era-hero h1 {
		font-size: clamp(3.4rem, 6.4vw, 5.6rem);
	}

	.era-21ch .era-singles__list {
		grid-template-columns: repeat(2, minmax(0, 17rem));
	}

	.era-21ch .era-mosaic {
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.72fr) minmax(16rem, 0.88fr);
		grid-auto-rows: 20rem;
	}

	.era-21ch .era-mosaic__item--large,
	.era-21ch .era-mosaic__item--square {
		grid-column: auto;
		grid-row: 1;
	}

	.era-21ch .era-mosaic__copy {
		grid-column: 3;
		grid-row: 1;
		align-self: center;
		padding: 0;
	}

	.era-21ch .era-timeline__notes {
		grid-template-columns: minmax(0, 24rem);
	}

	.era-21ch .era-timeline__main .era-timeline__text {
		display: block;
	}
}

@media (max-width: 47.99rem) {
	.era-21ch .era-hero h1 {
		font-size: clamp(2.4rem, 14vw, 3.2rem);
	}

	.era-21ch .era-hero__copy {
		padding: 1.1rem 0 1.4rem;
	}

	.era-21ch .era-mosaic__item--large {
		grid-column: 1 / -1;
	}
}

/* ------------------------------------------------------------------
   Era 02 — second thoughts
   Scoped. Does not change 21CH, TTWF, or the shared defaults.
   ------------------------------------------------------------------ */

.era-st .era-page {
	overflow-x: clip;
}

.era-st .era-intro__copy p,
.era-st .era-acts p,
.era-st .era-timeline__text,
.era-st .era-mosaic__copy,
.era-st .era-mosaic__hold p,
.era-st .era-closing p,
.era-st .era-hero__lead,
.era-st .era-singles__intro,
.era-st .era-single__caption {
	color: rgb(244 248 252 / 84%);
}

.era-st .era-listen:hover,
.era-st .era-listen:focus-visible {
	color: var(--era-accent, #e31b2c);
}

.era-st .era-script {
	color: var(--era-accent, #e31b2c);
	font-size: 1.05rem;
}

.era-st .era-hero {
	background: #4e9ad3;
	min-height: 100svh;
	overflow: hidden;
}

.era-st .era-hero__media {
	position: relative;
	inset: auto;
	width: min(calc(100% - (2 * var(--home-gutter))), 22.5rem);
	aspect-ratio: 1;
	margin: 5.15rem auto 0;
	background: #4e9ad3;
}

.era-st .era-hero__media img {
	object-fit: contain;
}

.era-st .era-hero__media::after {
	display: none;
}

.era-st .era-hero__copy {
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	min-width: 0;
	padding: 1.15rem 0 1.7rem;
}

.era-st .era-hero h1 {
	font-weight: 800;
	letter-spacing: -0.075em;
	line-height: 0.8;
	text-transform: lowercase;
}

.era-st .era-hero__year {
	color: #fff;
}

.era-st .era-hero__year::after {
	content: "";
	display: block;
	width: 3.15rem;
	height: 0.3rem;
	margin-top: 0.55rem;
	background: var(--era-accent, #e31b2c);
	transform: rotate(-3deg);
}

.era-st .era-hero__lead {
	max-width: 22rem;
	color: rgb(255 255 255 / 90%);
}

.era-st .era-kicker {
	color: rgb(255 255 255 / 78%);
}

.era-st .era-intro .era-section__lede {
	max-width: 16ch;
	letter-spacing: -0.055em;
}

.era-st .era-singles .era-section__lede {
	max-width: 22ch;
}

.era-st .era-acts {
	display: grid;
	gap: 1.15rem;
	padding: 1.35rem 0 0;
	margin: 1.35rem 0 0;
	list-style: none;
	border-top: 1px solid var(--era-border, rgb(244 248 252 / 16%));
}

.era-st .era-acts li {
	min-width: 0;
	padding: 0 0 0 0.9rem;
	border-left: 2px solid var(--era-accent, #e31b2c);
}

.era-st .era-acts__kicker,
.era-st .era-acts__period,
.era-st .era-single__step,
.era-st .era-single__role,
.era-st .era-singles__variants-label,
.era-st .era-mosaic__hold-kicker {
	margin: 0;
	color: var(--era-accent, #e31b2c);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.era-st .era-acts h3 {
	margin: 0.18rem 0 0;
	font-size: 1.12rem;
	font-weight: 700;
	letter-spacing: -0.03em;
}

.era-st .era-acts__period {
	margin-top: 0.2rem;
	color: var(--era-muted, #b4c7d6);
}

.era-st .era-acts p {
	margin: 0.45rem 0 0;
	font-size: 0.88rem;
	line-height: 1.55;
}

.era-st .era-release__cover {
	position: relative;
}

.era-st .era-release__cover::after {
	content: "";
	position: absolute;
	top: -0.32rem;
	left: 16%;
	width: 2.7rem;
	height: 0.5rem;
	background: var(--era-accent, #e31b2c);
	transform: rotate(-8deg);
}

.era-st .era-singles__intro {
	max-width: 40rem;
	margin: 0 0 1.1rem;
	font-size: 0.9rem;
	line-height: 1.55;
}

.era-st .era-singles__list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.era-st .era-single {
	position: relative;
}

.era-st .era-single__step {
	margin-bottom: 0.35rem;
}

.era-st .era-single__caption {
	margin: 0.35rem 0 0;
	font-size: 0.75rem;
	line-height: 1.4;
}

.era-st .era-single__role {
	margin-top: 0.2rem;
}

.era-st .era-singles__variants {
	margin-top: 1.6rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--era-border, rgb(244 248 252 / 16%));
}

.era-st .era-singles__variants-label {
	margin-bottom: 0.45rem;
}

.era-st .era-singles__list--variants {
	grid-template-columns: 1fr;
}

.era-st .era-single--variant figure {
	max-width: 16rem;
}

.era-st .era-videos__play {
	border-color: #fff;
	background: rgb(14 42 64 / 42%);
}

.era-st .era-videos__facade:hover .era-videos__play,
.era-st .era-videos__facade:focus-visible .era-videos__play {
	border-color: var(--era-accent, #e31b2c);
	background: var(--era-accent, #e31b2c);
}

.era-st .era-mosaic {
	grid-template-columns: 1fr 1fr;
}

.era-st .era-mosaic__item--large {
	grid-column: 1 / -1;
}

.era-st .era-mosaic__copy {
	grid-column: 1 / -1;
	max-width: 42rem;
}

.era-st .era-mosaic__script {
	display: none;
}

.era-st .era-closing {
	padding-bottom: 2.2rem;
}

.era-st .era-closing__copy {
	position: relative;
	padding-left: 0.95rem;
	border-left: 2px solid var(--era-accent, #e31b2c);
}

@media (min-width: 48rem) {
	.era-st .era-hero__media {
		width: min(calc(100% - (2 * var(--home-gutter))), 28rem);
	}

	.era-st .era-mosaic {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.era-st .era-mosaic__item--large {
		grid-column: auto;
	}

	.era-st .era-acts {
		grid-template-columns: 1fr 1fr;
		gap: 1.35rem 1.6rem;
	}

	.era-st .era-singles__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.era-st .era-singles__list--variants {
		grid-template-columns: repeat(2, minmax(0, 16rem));
	}

	.era-st .era-timeline__notes {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.era-st .era-videos__cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.era-st .era-hero {
		min-height: min(100vh, 52rem);
	}

	.era-st .era-hero__media {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: auto;
		width: min(56vw, 44rem);
		height: 100%;
		margin: 0;
		aspect-ratio: auto;
	}

	.era-st .era-hero__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 52% 48%;
		transform: scale(1.06);
	}

	.era-st .era-hero__media::after {
		display: block;
		background: linear-gradient(90deg, #4e9ad3 0%, rgb(78 154 211 / 62%) 26%, transparent 64%);
	}

	.era-st .era-hero__copy {
		position: relative;
		z-index: 2;
		width: auto;
		max-width: 22.5rem;
		margin: 0;
		padding: 0 0 2.5rem var(--home-gutter);
	}

	.era-st .era-hero h1 {
		font-size: clamp(3.8rem, 7vw, 6.1rem);
	}

	.era-st .era-acts {
		grid-template-columns: 1fr 1fr;
		gap: 1.45rem 2rem;
	}

	.era-st .era-timeline__main {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0;
	}

	.era-st .era-timeline__main li {
		padding: 1.05rem 0.85rem 0.2rem;
		border-top: 1px solid var(--era-border, rgb(244 248 252 / 16%));
		border-left: 0;
	}

	.era-st .era-timeline__main li::before {
		top: -0.27rem;
		left: 0.85rem;
	}

	.era-st .era-timeline__main .era-timeline__text {
		display: block;
	}

	.era-st .era-timeline__notes {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.era-st .era-singles__list {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.era-st .era-mosaic {
		grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(14rem, 1.15fr);
		grid-template-rows: 11.5rem auto;
	}

	.era-st .era-mosaic__item--large {
		grid-column: 6;
		grid-row: 1;
	}

	.era-st .era-mosaic__item img {
		aspect-ratio: auto;
		height: 100%;
	}

	.era-st .era-mosaic__copy {
		grid-column: 1 / -1;
		grid-row: 2;
		align-self: start;
		padding: 0.65rem 0 0;
	}

	.era-st .era-videos__cards {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

@media (min-width: 80rem) {
	.era-st .era-hero__copy {
		max-width: 24rem;
	}

	.era-st .era-hero h1 {
		font-size: clamp(4.4rem, 6.2vw, 6.6rem);
	}
}

@media (max-width: 47.99rem) {
	.era-st .era-hero h1 {
		font-size: clamp(2.55rem, 15vw, 3.4rem);
	}

	.era-st .era-hero__copy {
		padding: 1rem 0 1.45rem;
	}

	.era-st .era-section__lede {
		max-width: none;
	}

	.era-st .era-acts {
		gap: 1.05rem;
	}

	.era-st .era-single--variant figure {
		max-width: none;
	}

	.era-st .era-mosaic__item--large {
		grid-column: auto;
	}
}

/* V2 full-bleed hero. Revert: set second-thoughts hero.modifier back to studio. */
.era-st .era-hero--bleed {
	background: #4e9ad3;
	min-height: 100svh;
	overflow: hidden;
}

.era-st .era-hero--bleed .era-hero__media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	aspect-ratio: auto;
	background: #4e9ad3;
}

.era-st .era-hero--bleed .era-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 40% 46%;
	transform: none;
}

.era-st .era-hero--bleed .era-hero__media::after {
	content: "";
	display: block;
	background-color: rgb(78 154 211 / 3%);
	background-image:
		linear-gradient(180deg, rgb(78 154 211 / 20%) 0%, rgb(78 154 211 / 3%) 22%, rgb(78 154 211 / 0%) 44%, rgb(78 154 211 / 16%) 74%, rgb(78 154 211 / 48%) 100%),
		linear-gradient(90deg, rgb(78 154 211 / 60%) 0%, rgb(78 154 211 / 22%) 26%, rgb(78 154 211 / 6%) 50%, rgb(78 154 211 / 0%) 70%);
}

.era-st .era-hero--bleed .era-hero__copy {
	position: relative;
	z-index: 2;
	width: auto;
	max-width: calc(22.5rem + 0.35rem);
	margin: 0;
	padding: 0 0 1.55rem calc(var(--home-gutter) + 0.35rem);
}

@media (min-width: 48rem) {
	.era-st .era-hero--bleed .era-hero__media img {
		object-position: 44% 40%;
	}

	.era-st .era-hero--bleed .era-hero__media::after {
		background-color: rgb(78 154 211 / 2%);
		background-image:
			linear-gradient(180deg, rgb(78 154 211 / 16%) 0%, rgb(78 154 211 / 2%) 24%, rgb(78 154 211 / 0%) 46%, rgb(78 154 211 / 12%) 76%, rgb(78 154 211 / 38%) 100%),
			linear-gradient(90deg, rgb(78 154 211 / 58%) 0%, rgb(78 154 211 / 18%) 28%, rgb(78 154 211 / 4%) 52%, rgb(78 154 211 / 0%) 72%);
	}

	.era-st .era-hero--bleed .era-hero__copy {
		max-width: calc(22.5rem + 0.5rem);
		padding: 0 0 2.35rem calc(var(--home-gutter) + 0.5rem);
	}
}

@media (min-width: 64rem) {
	.era-st .era-hero--bleed {
		min-height: min(100vh, 52rem);
	}

	.era-st .era-hero--bleed .era-hero__media {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.era-st .era-hero--bleed .era-hero__media img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;
		object-position: 50% 22%;
		transform: none;
	}

	.era-st .era-hero--bleed .era-hero__media::after {
		background-color: transparent;
		background-image:
			linear-gradient(180deg, rgb(78 154 211 / 16%) 0%, rgb(78 154 211 / 2%) 26%, rgb(78 154 211 / 0%) 50%, rgb(78 154 211 / 6%) 80%, rgb(78 154 211 / 18%) 100%),
			linear-gradient(90deg, rgb(78 154 211 / 70%) 0%, rgb(78 154 211 / 26%) 16%, rgb(78 154 211 / 8%) 30%, rgb(78 154 211 / 0%) 48%);
	}

	.era-st .era-hero--bleed .era-hero__copy {
		max-width: calc(22.5rem + 0.85rem);
		padding: 0 0 3.55rem calc(var(--home-gutter) + 0.85rem);
	}
}

@media (min-width: 80rem) {
	.era-st .era-hero--bleed .era-hero__media img {
		object-position: 50% 20%;
	}

	.era-st .era-hero--bleed .era-hero__media::after {
		background-image:
			linear-gradient(180deg, rgb(78 154 211 / 14%) 0%, rgb(78 154 211 / 0%) 28%, transparent 56%, rgb(78 154 211 / 4%) 84%, rgb(78 154 211 / 12%) 100%),
			linear-gradient(90deg, rgb(78 154 211 / 66%) 0%, rgb(78 154 211 / 22%) 14%, rgb(78 154 211 / 6%) 28%, rgb(78 154 211 / 0%) 46%);
	}

	.era-st .era-hero--bleed .era-hero__copy {
		max-width: calc(22.5rem + 1.25rem);
		padding: 0 0 3.85rem calc(var(--home-gutter) + 1.25rem);
	}
}

.era-st .era-aesthetic__photos {
	margin-top: 1.55rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--era-border, rgb(244 248 252 / 16%));
}

.era-st .era-aesthetic__photos .era-kicker {
	margin: 0 0 0.85rem;
	color: var(--era-accent, #e31b2c);
}

.era-st .era-aesthetic__photos-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.45rem;
	align-items: stretch;
}

.era-st .era-aesthetic__photo {
	position: relative;
	margin: 0;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

.era-st .era-aesthetic__photo img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.era-st .era-aesthetic__photo--lead {
	grid-column: 1 / -1;
	aspect-ratio: 4 / 5;
}

.era-st .era-aesthetic__photo--tall,
.era-st .era-aesthetic__photo--square,
.era-st .era-aesthetic__photo--portrait {
	aspect-ratio: 4 / 5;
}

.era-st .era-aesthetic__photo--lead img {
	object-position: 50% 48%;
}

.era-st .era-aesthetic__photo--tall:nth-child(2) img {
	object-position: 50% 26%;
}

.era-st .era-aesthetic__photo--tall:nth-child(3) img {
	object-position: 52% 18%;
}

.era-st .era-aesthetic__photo--square img {
	object-position: 68% 36%;
}

.era-st .era-aesthetic__photo--portrait img {
	object-position: 50% 18%;
}

@media (min-width: 48rem) {
	.era-st .era-aesthetic__photos-grid {
		grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr);
		gap: 0.5rem 0.55rem;
	}

	.era-st .era-aesthetic__photo--lead {
		grid-column: 1;
		grid-row: 1 / span 2;
		aspect-ratio: auto;
		height: 100%;
	}

	.era-st .era-aesthetic__photo--tall:nth-child(2) {
		grid-column: 2;
		grid-row: 1;
	}

	.era-st .era-aesthetic__photo--tall:nth-child(3) {
		grid-column: 3;
		grid-row: 1;
	}

	.era-st .era-aesthetic__photo--square {
		grid-column: 2;
		grid-row: 2;
	}

	.era-st .era-aesthetic__photo--portrait {
		grid-column: 3;
		grid-row: 2;
	}
}

@media (min-width: 64rem) {
	.era-st .era-aesthetic__photos {
		margin-top: 1.85rem;
		padding-top: 1.45rem;
	}

	.era-st .era-aesthetic__photos-grid {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
		gap: 0.6rem 0.65rem;
	}
}

/* ------------------------------------------------------------------
   Era 04 — the afterparty
   Scoped. Does not change 21CH, ST or TTWF.
   ------------------------------------------------------------------ */

.era-afterparty .era-hero {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: auto;
	padding: 5.6rem 0 2.1rem;
	overflow: hidden;
	background:
		radial-gradient(ellipse 72% 58% at 16% 78%, rgb(61 158 168 / 16%) 0%, transparent 70%),
		radial-gradient(ellipse 42% 38% at 92% 12%, rgb(107 30 50 / 24%) 0%, transparent 72%),
		#071018;
}

.era-afterparty .era-hero__media {
	position: relative;
	width: min(20.5rem, calc(100% - (2 * var(--home-gutter))));
	max-width: 640px;
	margin: 0 auto;
	aspect-ratio: 1;
	background: radial-gradient(circle at 50% 58%, rgb(61 158 168 / 20%) 0%, transparent 68%);
}

.era-afterparty .era-hero__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: contain;
}

.era-afterparty .era-hero__media::after {
	display: none;
}

.era-afterparty .era-hero__copy {
	padding: 1.15rem 0 0;
}

.era-afterparty .era-hero h1 {
	font-size: clamp(2.45rem, 11vw, 3.55rem);
	font-weight: 700;
	letter-spacing: -0.055em;
	line-height: 0.88;
	text-transform: lowercase;
}

.era-afterparty .era-kicker {
	color: var(--era-accent, #d98aa0);
}

.era-afterparty .era-hero__year {
	color: #4eb3b8;
}

.era-afterparty .era-hero__lead {
	max-width: 26rem;
	color: rgb(244 239 232 / 82%);
}

.era-afterparty .era-section__lede {
	max-width: 22ch;
	letter-spacing: -0.05em;
}

.era-afterparty .era-intro__copy p,
.era-afterparty .era-timeline__text,
.era-afterparty .era-singles__intro,
.era-afterparty .era-videos__intro,
.era-afterparty .era-closing p {
	color: rgb(244 239 232 / 84%);
}

.era-afterparty .era-release {
	padding-bottom: 1.35rem;
}

.era-afterparty .era-timeline {
	padding-top: 1.45rem;
	padding-bottom: 0.15rem;
}

.era-afterparty .era-singles {
	padding-top: 2.45rem;
	padding-bottom: 1.15rem;
}

.era-afterparty .era-videos {
	padding-top: 2.75rem;
}

.era-afterparty .era-videos .era-section__label {
	margin-bottom: 0.8rem;
}

.era-afterparty .era-videos__intro {
	max-width: 32rem;
	margin: 0 0 1.45rem;
	font-size: 0.94rem;
	line-height: 1.6;
}

.era-afterparty .era-videos__credit {
	margin: 0.28rem 0 0;
	color: var(--era-muted, #9bb0b8);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.era-afterparty .era-listen {
	color: #4eb3b8;
}

.era-afterparty .era-timeline__date {
	color: #d4b56a;
}

.era-afterparty .era-timeline__main li {
	padding: 0.85rem 0 0.95rem 1.05rem;
}

.era-afterparty .era-timeline__main .era-timeline__text {
	display: block;
	margin: 0.32rem 0 0;
}

.era-afterparty .era-release__cover {
	max-width: 16rem;
}

.era-afterparty .era-singles .era-section__lede {
	max-width: 11em;
	margin-bottom: 0.7rem;
}

.era-afterparty .era-singles__intro {
	max-width: 36rem;
	margin: 0 0 1.05rem;
	font-size: 0.94rem;
	line-height: 1.6;
}

.era-afterparty .era-singles__list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	max-width: none;
}

.era-afterparty .era-single figure {
	width: min(100%, 22.5rem);
	margin: 0 0 1rem;
}

.era-afterparty .era-single h3 {
	margin: 0;
	padding-top: 0.85rem;
	border-top: 1px solid var(--era-border, rgb(217 138 160 / 18%));
	font-size: 1.05rem;
	letter-spacing: -0.03em;
}

.era-afterparty .era-single p {
	margin-top: 0.28rem;
}

.era-afterparty .era-singles .era-listen {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	margin-top: 0.85rem;
}

.era-afterparty .era-videos__cards {
	display: none;
}

.era-afterparty .era-videos__stage {
	background: #050b10;
}

.era-afterparty .era-videos__play {
	background: rgb(7 16 24 / 50%);
}

.era-afterparty .era-news__nav {
	display: none;
}

.era-afterparty .era-news__track {
	display: grid;
	grid-template-columns: 1fr;
	overflow: visible;
	scroll-snap-type: none;
}

.era-afterparty .era-news__card {
	flex: none;
	width: auto;
}

@media (min-width: 48rem) {
	.era-afterparty .era-hero {
		display: grid;
		grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
		align-items: end;
		width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
		min-height: min(86vh, 38rem);
		margin: 0 auto;
		padding: 5.8rem 0 2.5rem;
		gap: 1.4rem 2rem;
	}

	.era-afterparty .era-hero__media {
		grid-column: 1;
		grid-row: 1;
		width: 100%;
		max-width: 22rem;
		margin: 0;
	}

	.era-afterparty .era-hero__copy {
		grid-column: 2;
		grid-row: 1;
		width: auto;
		max-width: 26rem;
		margin: 0;
		padding: 0 0 0.15rem;
	}

	.era-afterparty .era-hero h1 {
		font-size: clamp(2.8rem, 6vw, 4rem);
	}

	.era-afterparty .era-timeline--flat .era-timeline__main {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem 1.4rem;
	}

	.era-afterparty .era-timeline--flat .era-timeline__main li {
		padding: 0.85rem 0 0;
		border-left: 0;
		border-top: 2px solid var(--era-accent, #d98aa0);
	}

	.era-afterparty .era-timeline--flat .era-timeline__main li::before {
		display: none;
	}

	.era-afterparty .era-singles {
		display: grid;
		grid-template-columns: minmax(16rem, 0.44fr) minmax(0, 0.56fr);
		column-gap: clamp(1.35rem, 3.2vw, 2.6rem);
		row-gap: 0.28rem;
		align-items: start;
		padding-top: 2.65rem;
		padding-bottom: 1.35rem;
	}

	.era-afterparty .era-singles .era-section__label,
	.era-afterparty .era-singles .era-section__lede,
	.era-afterparty .era-singles .era-singles__intro {
		grid-column: 2;
	}

	.era-afterparty .era-singles .era-section__label {
		margin-bottom: 0.45rem;
	}

	.era-afterparty .era-singles .era-section__lede {
		max-width: 9.5em;
		margin-bottom: 0.55rem;
	}

	.era-afterparty .era-singles__intro {
		max-width: none;
		margin-bottom: 0.35rem;
	}

	.era-afterparty .era-singles__list,
	.era-afterparty .era-single {
		display: contents;
	}

	.era-afterparty .era-single figure {
		grid-column: 1;
		grid-row: 1 / span 8;
		width: 100%;
		max-width: 28.5rem;
		margin: 0;
	}

	.era-afterparty .era-single h3,
	.era-afterparty .era-single p,
	.era-afterparty .era-singles .era-listen {
		grid-column: 2;
	}

	.era-afterparty .era-single h3 {
		margin-top: 0.55rem;
	}

	.era-afterparty .era-news__track {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 64rem) {
	.era-afterparty .era-hero {
		grid-template-columns: minmax(22rem, 32rem) minmax(0, 1fr);
		min-height: min(90vh, 42rem);
		padding-bottom: 3rem;
		gap: 1.8rem 2.8rem;
	}

	.era-afterparty .era-hero__media {
		max-width: 32rem;
	}

	.era-afterparty .era-hero h1 {
		font-size: clamp(3.1rem, 5vw, 4.45rem);
	}

	.era-afterparty .era-intro__grid--copy {
		grid-template-columns: minmax(0, 40rem);
	}

	.era-afterparty .era-release__layout {
		grid-template-columns: 13.5rem minmax(11rem, 0.9fr) minmax(0, 1.2fr);
		align-items: start;
	}

	.era-afterparty .era-release__cover {
		max-width: none;
	}

	.era-afterparty .era-timeline--flat .era-timeline__main {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.1rem 1.35rem;
	}

	.era-afterparty .era-timeline--flat .era-timeline__main .era-timeline__text {
		display: block;
	}

	.era-afterparty .era-release {
		padding-bottom: 1.55rem;
	}

	.era-afterparty .era-timeline {
		padding-top: 1.6rem;
		padding-bottom: 0.2rem;
	}

	.era-afterparty .era-singles {
		grid-template-columns: minmax(18rem, 0.43fr) minmax(0, 0.57fr);
		padding-top: 2.85rem;
		padding-bottom: 1.5rem;
		column-gap: clamp(1.6rem, 3vw, 2.8rem);
	}

	.era-afterparty .era-single figure {
		max-width: 30rem;
	}

	.era-afterparty .era-videos {
		padding-top: 3.05rem;
	}

	.era-afterparty .era-videos__intro {
		margin-bottom: 1.65rem;
	}
}

@media (min-width: 80rem) {
	.era-afterparty .era-hero {
		grid-template-columns: minmax(24rem, 36rem) minmax(0, 1fr);
	}

	.era-afterparty .era-hero__media {
		max-width: 36rem;
	}

	.era-afterparty .era-timeline--flat .era-timeline__main {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 120rem) {
	.era-afterparty .era-hero__media {
		max-width: 40rem;
	}
}

/* ------------------------------------------------------------------
   Era 05 — Internet hometown hero
   Scoped. Does not change 21CH, ST, TTWF or Afterparty.
   Hero: editorial crop of the room (modifier --room). Unique visuals center.
   ------------------------------------------------------------------ */

.era-ihh {
	--era-crt: #a9dfff;
	--era-sage: #9aa36a;
	--era-brick: #5b5028;
	--era-leather: #52311f;
	--era-night: #100b05;
	overflow-x: clip;
}

.era-ihh .era-page {
	background: var(--era-night);
}

/* Hero — photograph as the field; type sits in the dark of the room. */

.era-ihh .era-hero--room {
	display: grid;
	grid-template-rows: minmax(22rem, 58svh) auto;
	min-height: auto;
	overflow: hidden;
	background: var(--era-night);
	color: var(--era-ink);
}

.era-ihh .era-hero--room .era-hero__media {
	position: relative;
	inset: auto;
	width: 100%;
	height: 100%;
	min-height: 22rem;
	margin: 0;
	aspect-ratio: auto;
	background: var(--era-night);
}

.era-ihh .era-hero--room .era-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: 68% 40%;
}

.era-ihh .era-hero--room .era-hero__media::after {
	display: block;
	background:
		linear-gradient(180deg, rgb(16 11 5 / 18%) 0%, transparent 28%, transparent 72%, rgb(16 11 5 / 42%) 100%);
}

.era-ihh .era-hero--room .era-hero__copy {
	position: relative;
	z-index: 2;
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	max-width: none;
	margin: 0 auto;
	padding: 1.35rem 0 2rem;
}

.era-ihh .era-hero--room h1 {
	font-size: clamp(2.45rem, 11vw, 3.9rem);
	font-weight: 700;
	letter-spacing: -0.055em;
	line-height: 0.9;
}

.era-ihh .era-hero--room .era-hero__year {
	color: var(--era-crt);
}

.era-ihh .era-hero--room .era-hero__lead {
	max-width: 28rem;
	color: rgb(228 229 228 / 82%);
}

.era-ihh .era-kicker {
	color: var(--era-sage);
}

.era-ihh .era-section__lede {
	max-width: 22ch;
	letter-spacing: -0.05em;
}

.era-ihh .era-ihh-copy,
.era-ihh .era-intro__copy p,
.era-ihh .era-closing p {
	max-width: 38rem;
	margin: 0 0 0.85em;
	color: rgb(228 229 228 / 84%);
	font-size: 0.94rem;
	line-height: 1.62;
}

.era-ihh .era-ihh-meta {
	margin: 0.2rem 0 0.55rem;
	color: var(--era-muted);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.era-ihh h3 {
	margin: 0.15rem 0 0;
	font-size: clamp(1.2rem, 2.4vw, 1.55rem);
	letter-spacing: -0.04em;
	line-height: 1.15;
}

.era-ihh .era-videos__play {
	border-color: var(--era-ink);
	background: rgb(16 11 5 / 46%);
}

.era-ihh .era-videos__facade:hover .era-videos__play,
.era-ihh .era-videos__facade:focus-visible .era-videos__play {
	border-color: var(--era-crt);
	background: var(--era-crt);
	color: var(--era-night);
}

.era-ihh .era-videos__stage {
	max-width: none;
}

.era-ihh .era-videos__now h3 {
	font-size: 1rem;
}

.era-ihh-solo {
	width: min(100%, 48rem);
	margin-inline: auto;
}

/* 02 — studio (light) */

.era-ihh .era-ihh-studio {
	width: 100%;
	max-width: none;
	margin: 2.15rem 0 0;
	padding: 2.4rem var(--home-gutter) 2.8rem;
	border-top: 0;
	background: #e4e5e4;
	color: #181210;
}

.era-ihh .era-ihh-studio > * {
	width: min(100%, var(--home-max));
	margin-left: auto;
	margin-right: auto;
}

.era-ihh .era-ihh-studio .era-section__label,
.era-ihh .era-ihh-studio .era-section__lede,
.era-ihh .era-ihh-studio h3,
.era-ihh .era-ihh-studio .era-listen {
	color: #181210;
}

.era-ihh .era-ihh-studio .era-kicker,
.era-ihh .era-ihh-studio .era-ihh-meta,
.era-ihh .era-ihh-studio .era-videos__type,
.era-ihh .era-ihh-studio .era-videos__now p {
	color: #52311f;
}

.era-ihh .era-ihh-studio .era-ihh-copy {
	color: rgb(24 18 16 / 82%);
}

.era-ihh .era-ihh-studio .era-videos__now h3 {
	color: #181210;
}

.era-ihh-seq {
	display: grid;
	gap: 1.7rem;
	padding: 1.35rem 0 0;
	margin: 0;
	list-style: none;
}

.era-ihh-seq__step {
	display: grid;
	grid-template-rows: auto auto auto;
	min-width: 0;
	gap: 0.55rem;
}

.era-ihh-seq__media {
	display: grid;
	place-items: center;
	width: 100%;
	min-width: 0;
}

.era-ihh-seq__art {
	margin: 0;
	width: 100%;
	background: transparent;
}

.era-ihh-seq__head,
.era-ihh-seq__body {
	min-width: 0;
}

.era-ihh-seq__art img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: contain;
}

.era-ihh-seq__art--wide img {
	aspect-ratio: 16 / 9;
	object-fit: contain;
}

.era-ihh-echo figure img,
.era-ihh-object img,
.era-ihh-ep__cover img,
.era-ihh-idont__art img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: contain;
}

.era-ihh-tour figure img,
.era-ihh-ep__photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
}

.era-ihh-av {
	display: grid;
	gap: 1.35rem;
	margin: 1.75rem auto 0;
}

.era-ihh .era-ihh-studio .era-ihh-av {
	width: min(100%, 40rem);
}

.era-ihh-echo {
	display: grid;
	gap: 1rem;
	margin: 1.85rem auto 0;
	padding: 1.55rem 0 0;
	border-top: 1px solid rgb(16 11 5 / 16%);
}

.era-ihh .era-ihh-studio .era-ihh-echo {
	width: min(100%, 36rem);
}

.era-ihh-echo figure {
	width: min(100%, 12.5rem);
	margin: 0 auto;
}

/* 03 — towards the room */

.era-ihh-towards__pair {
	display: grid;
	gap: 2.4rem;
	padding-top: 0.4rem;
}

.era-ihh-idont,
.era-ihh-senses {
	display: grid;
	gap: 0.85rem;
	min-width: 0;
	align-content: start;
}

.era-ihh-idont__art {
	margin: 0;
	width: 100%;
	aspect-ratio: 1;
	background: var(--era-night);
}

.era-ihh-idont__art img {
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: contain;
}

.era-ihh-idont--typo {
	align-self: start;
	padding: 1.35rem 0 0.4rem;
	border-top: 1px solid rgb(228 229 228 / 16%);
}

.era-ihh-idont--typo h3 {
	font-size: clamp(1.55rem, 3.2vw, 2.15rem);
	letter-spacing: -0.05em;
	line-height: 1.05;
}

.era-ihh-senses__player {
	min-width: 0;
	width: 100%;
}

.era-ihh-senses__player .era-videos__stage {
	aspect-ratio: 16 / 9;
}

.era-ihh-senses .era-videos__now {
	display: none;
}

.era-ihh-senses__caption {
	margin: 0.55rem 0 0;
	color: var(--era-muted);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/* 04 — EP */

.era-ihh-ep__layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.15rem;
	align-items: start;
}

.era-ihh-ep__cover {
	width: min(100%, 22rem);
	margin: 0;
	background: var(--era-night);
}

.era-ihh-ep__tracks {
	margin: 0;
	min-width: 0;
}

.era-ihh-ep__photo {
	width: min(100%, 40rem);
	margin: 2.1rem auto 0;
	background: var(--era-night);
}

.era-ihh-ep__photo figcaption {
	margin-top: 0.55rem;
	color: var(--era-muted);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/* 05 — stage */

.era-ihh-stage {
	background: #0c0c0c;
}

.era-ihh .era-ihh-stage {
	width: 100%;
	max-width: none;
	padding-left: var(--home-gutter);
	padding-right: var(--home-gutter);
}

.era-ihh .era-ihh-stage > * {
	width: min(100%, var(--home-max));
	margin-left: auto;
	margin-right: auto;
}

.era-ihh-stage__layout {
	display: grid;
	gap: 1.4rem;
	align-items: start;
}

.era-ihh-object {
	width: min(100%, 18.75rem);
	max-width: 600px;
	margin: 0;
	background: #111;
}

.era-ihh .era-ihh-stage .era-ihh-solo {
	width: min(100%, 48rem);
	margin-top: 1.9rem;
	margin-inline: auto;
}

/* 06 — tour */

.era-ihh-tour__layout {
	display: grid;
	gap: 1.3rem;
}

.era-ihh-tour figure {
	margin: 0;
	background: var(--era-surface);
}

/* 07 — DLC */

.era-ihh-dlc__head {
	max-width: 38rem;
}

.era-ihh-dlc__adds {
	display: grid;
	gap: 1.1rem;
	padding: 1.4rem 0 1.6rem;
	margin: 0;
	list-style: none;
}

.era-ihh-dlc__adds h4 {
	margin: 0.2rem 0 0;
	font-size: 1.05rem;
	letter-spacing: -0.03em;
}

.era-ihh-dlc .era-ihh-solo {
	margin-top: 0.4rem;
}

/* 09 — empty room / coda */

.era-ihh-empty {
	padding-bottom: 3rem;
}

.era-ihh-coda {
	margin: 0.35rem 0 1.9rem;
}

.era-ihh-coda__frame {
	position: relative;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 1;
	background: var(--era-night);
}

.era-ihh-coda__frame img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 52% 48%;
}

.era-ihh-coda__copy {
	margin: 1rem 0 0;
	max-width: 36rem;
}

.era-ihh .era-ihh-coda__title {
	margin: 0;
	font-size: clamp(1.5rem, 6.6vw, 2.35rem);
	font-weight: 700;
	letter-spacing: -0.055em;
	line-height: 0.9;
}

.era-ihh-coda__title span {
	display: block;
}

.era-ihh-coda__date {
	margin: 0.55rem 0 0;
	color: var(--era-crt);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.era-ihh-coda__lede {
	margin: 0.55rem 0 0.7rem;
	max-width: 22rem;
	color: rgb(228 229 228 / 82%);
	font-size: 0.92rem;
	line-height: 1.4;
}

.era-ihh .era-ihh-empty .era-pager {
	margin-top: 0.4rem;
}

@media (min-width: 48rem) {
	.era-ihh .era-hero--room {
		grid-template-rows: minmax(28rem, 68svh) auto;
	}

	.era-ihh .era-hero--room .era-hero__media img {
		object-position: 62% 40%;
	}

	.era-ihh .era-ihh-studio .era-ihh-echo {
		grid-template-columns: 12.5rem minmax(0, 1fr);
		align-items: center;
		width: min(100%, 38rem);
		gap: 1.1rem 1.45rem;
	}

	.era-ihh-echo figure {
		width: 12.5rem;
		margin: 0;
	}

	.era-ihh-idont--typo {
		padding-top: 0;
		border-top: 0;
		border-left: 1px solid rgb(228 229 228 / 16%);
		padding-left: 1.4rem;
	}

	.era-ihh-stage__layout,
	.era-ihh-tour__layout {
		grid-template-columns: minmax(16rem, 18.75rem) minmax(0, 1fr);
		gap: 1.6rem 2.2rem;
	}

	.era-ihh-dlc__adds {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.2rem 1.5rem;
	}

	.era-ihh-coda__frame {
		aspect-ratio: 5 / 4;
	}

	.era-ihh-coda__frame img {
		object-position: 52% 46%;
	}
}

@media (min-width: 64rem) {
	.era-ihh .era-hero--room {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		grid-template-rows: none;
		min-height: min(100svh, 52rem);
	}

	.era-ihh .era-hero--room .era-hero__media {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		min-height: 0;
	}

	.era-ihh .era-hero--room .era-hero__media img {
		object-position: 54% 42%;
	}

	.era-ihh .era-hero--room .era-hero__media::after {
		background:
			linear-gradient(90deg, rgb(16 11 5 / 46%) 0%, rgb(16 11 5 / 16%) 24%, rgb(16 11 5 / 0%) 46%),
			linear-gradient(180deg, rgb(16 11 5 / 14%) 0%, transparent 22%, transparent 58%, rgb(16 11 5 / 38%) 100%);
	}

	.era-ihh .era-hero--room .era-hero__copy {
		width: auto;
		max-width: 24rem;
		margin: 0;
		padding: 0 0 3.4rem var(--home-gutter);
	}

	.era-ihh .era-hero--room h1 {
		font-size: clamp(3rem, 4.6vw, 4.6rem);
	}

	.era-ihh-seq {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: auto auto auto;
		gap: 0.7rem 1.5rem;
		align-items: stretch;
	}

	.era-ihh-seq__step {
		gap: 0.55rem;
	}

	.era-ihh-seq__media {
		aspect-ratio: 1;
	}

	.era-ihh-seq__art {
		height: 100%;
	}

	.era-ihh-seq__art img,
	.era-ihh-seq__art--wide img {
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
		object-fit: cover;
	}

	.era-ihh-seq__art--wide img {
		object-position: 50% 72%;
	}

	@supports (grid-template-rows: subgrid) {
		.era-ihh-seq__step {
			display: grid;
			grid-template-rows: subgrid;
			grid-row: 1 / span 3;
			gap: 0.55rem 0;
		}
	}

	.era-ihh-av {
		grid-template-columns: 1fr 1fr;
		gap: 1.35rem 1.5rem;
		margin-top: 1.85rem;
	}

	.era-ihh .era-ihh-studio .era-ihh-av {
		width: min(100%, var(--home-max));
	}

	.era-ihh-towards__pair {
		grid-template-columns: 1fr 1fr;
		align-items: start;
		gap: 1.8rem 2.4rem;
	}

	.era-ihh-ep__layout {
		grid-template-columns: 15rem minmax(12rem, 0.85fr) minmax(0, 1.15fr);
		gap: 1.75rem;
		align-items: center;
	}

	.era-ihh-ep__cover {
		width: 100%;
	}

	.era-ihh-coda {
		position: relative;
	}

	.era-ihh-coda__frame {
		aspect-ratio: 16 / 9;
	}

	.era-ihh-coda__frame img {
		object-position: 50% 44%;
	}

	.era-ihh-coda__frame::after {
		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
		background:
			linear-gradient(90deg, rgb(16 11 5 / 62%) 0%, rgb(16 11 5 / 28%) 28%, rgb(16 11 5 / 0%) 52%),
			linear-gradient(0deg, rgb(16 11 5 / 38%) 0%, rgb(16 11 5 / 0%) 42%);
	}

	.era-ihh-coda__copy {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 1;
		width: min(26rem, 44%);
		max-width: none;
		margin: 0;
		padding: 1.45rem 1.35rem 1.4rem 1.25rem;
	}

	.era-ihh-coda__copy .era-ihh-copy {
		max-width: none;
		color: rgb(228 229 228 / 86%);
	}

	.era-ihh .era-ihh-coda__title {
		font-size: clamp(1.8rem, 2.75vw, 2.75rem);
	}
}

@media (min-width: 80rem) {
	.era-ihh .era-hero--room {
		min-height: min(100svh, 54rem);
	}

	.era-ihh .era-hero--room .era-hero__media img {
		object-position: 52% 40%;
	}

	.era-ihh .era-hero--room .era-hero__copy {
		max-width: 26rem;
		padding: 0 0 3.8rem calc(var(--home-gutter) + 0.6rem);
	}

	.era-ihh .era-hero--room h1 {
		font-size: clamp(3.2rem, 4.2vw, 5rem);
	}

	.era-ihh-seq {
		gap: 0.75rem 1.85rem;
	}

	.era-ihh-coda__frame img {
		object-position: 50% 43%;
	}

	.era-ihh-coda__copy {
		width: min(27rem, 42%);
		padding: 1.55rem 1.45rem 1.5rem 1.4rem;
	}

	.era-ihh .era-ihh-coda__title {
		font-size: clamp(1.95rem, 2.5vw, 3rem);
	}
}

/* -------------------------------------------------------------------------
   ERA 5.5 — TRIO
   Isolated. Do not reuse IHH room / brick / CRT / sage.
   Chromatic progression is per section, never a page-wide gradient.
   ------------------------------------------------------------------------- */

body.era-trio {
	background: #f7f8fa;
	color: #0b1520;
}

body.era-trio .site-header {
	color: #0b1520;
}

body.era-trio .site-header .site-brand__logo {
	filter: invert(1);
}

.era-trio .era-page {
	background:
		linear-gradient(
			180deg,
			#f7f8fa 0%,
			#f5f7f9 10%,
			#eef3f6 18%,
			#d7e6ee 32%,
			#9ebfd0 46%,
			#3d6f8c 58%,
			#163a55 68%,
			#10283a 76%,
			#0b1c2a 100%
		);
	color: #0b1520;
	overflow-x: clip;
}

.era-trio-band {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 2.35rem 0 2.6rem;
	border: 0;
	background: transparent;
}

.era-trio-band__inner {
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: 0 auto;
	min-width: 0;
}

.era-trio .era-section__label {
	margin-bottom: 0.85rem;
}

.era-trio .era-section__lede {
	max-width: 16ch;
	margin-bottom: 1.15rem;
}

.era-trio-copy,
.era-trio-intro__copy p,
.era-trio-single__text {
	margin: 0 0 0.75rem;
	max-width: 38rem;
	font-size: 0.98rem;
	line-height: 1.55;
}

.era-trio-meta,
.era-trio-single__feat,
.era-trio-single__date,
.era-trio-coda__note,
.era-trio-coda__secondary {
	margin: 0;
	color: var(--era-muted, #5a6a78);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.era-trio-meta + .era-trio-meta {
	margin-top: 0.25rem;
}

.era-trio h3 {
	margin: 0.15rem 0 0.35rem;
	font-size: clamp(1.35rem, 2.1vw, 1.85rem);
	font-weight: 700;
	letter-spacing: -0.045em;
	line-height: 1.05;
}

.era-trio img {
	display: block;
	max-width: 100%;
	height: auto;
}

.era-trio-hero {
	width: 100%;
	min-height: min(100svh, 46rem);
	background: transparent;
	color: #0b1520;
}

.era-trio-hero__inner {
	display: grid;
	gap: 2rem;
	align-items: center;
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	min-width: 0;
	margin: 0 auto;
	padding: 6.4rem 0 3.4rem;
}

.era-trio-hero__copy {
	min-width: 0;
	max-width: 22rem;
}

.era-trio-hero h1 {
	margin: 0.15rem 0 0.35rem;
	font-size: clamp(3.4rem, 10vw, 6.4rem);
	font-weight: 700;
	letter-spacing: -0.07em;
	line-height: 0.9;
}

.era-trio-hero__year {
	margin: 0 0 0.85rem;
	color: #5a6a78;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.era-trio-hero__lead {
	margin: 0;
	max-width: 28ch;
	color: #3d4a56;
	font-size: 0.98rem;
	line-height: 1.45;
}

.era-trio-hero__object {
	width: min(36rem, 88vw);
	max-width: 100%;
	margin: 0;
}

.era-trio-hero__object img {
	width: 100%;
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 0.6rem 1.4rem rgb(11 21 32 / 8%));
}

.era-trio-band--intro .era-section__label span,
.era-trio-band--intro .era-section__lede {
	color: #3d7a9a;
}

.era-trio-intro__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
	align-items: start;
}

.era-trio-intro__doc {
	width: min(15rem, 52%);
	margin: 0;
}

.era-trio-intro__doc img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	filter: grayscale(0.35) saturate(0.55);
}

.era-trio-intro__doc figcaption {
	margin-top: 0.4rem;
	color: #5a6a78;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.era-trio-band--singles {
	padding: 2.35rem 0 0;
}

.era-trio-singles__head {
	padding-bottom: 1.2rem;
}

.era-trio-band--singles .era-section__label span,
.era-trio-band--singles .era-section__lede {
	color: #2f6f8c;
}

.era-trio-single {
	padding: 1.4rem 0 2.2rem;
}

.era-trio-single__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.15rem;
	align-items: center;
}

.era-trio-single__art {
	width: min(14rem, 72%);
	margin: 0;
}

.era-trio-single__art img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
}

.era-trio-single__copy {
	min-width: 0;
}

.era-trio-single--1 .era-kicker,
.era-trio-single--1 .era-listen {
	color: #2a7a96;
}

.era-trio-single--2 {
	--era-muted: #1c3340;
}

.era-trio-single--2 .era-kicker,
.era-trio-single--2 .era-listen {
	color: #083044;
}

.era-trio-single--3 {
	color: #e8eef4;
	--era-ink: #e8eef4;
	--era-muted: #b7c8d6;
	--era-border: rgb(232 238 244 / 16%);
}

.era-trio-single--3 .era-kicker,
.era-trio-single--3 .era-listen,
.era-trio-single--3 h3 {
	color: #e8eef4;
}

.era-trio-single--3 .era-trio-single__feat,
.era-trio-single--3 .era-trio-single__date,
.era-trio-single--3 .era-trio-single__text {
	color: #c5d4e0;
}

.era-trio-look {
	margin-top: 1.4rem;
}

.era-trio-look .era-kicker {
	margin-bottom: 0.85rem;
}

.era-trio-look__stage {
	display: grid;
	gap: 0.9rem;
	min-width: 0;
}

.era-trio-look__fig {
	margin: 0;
	min-width: 0;
}

.era-trio-look__fig img {
	width: 100%;
	object-fit: cover;
}

.era-trio-look--ever-after .era-trio-look__stage {
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: 0 auto;
	padding-bottom: 1.4rem;
}

.era-trio-look--ever-after .era-trio-look__fig--lead img {
	aspect-ratio: 1000 / 714;
}

.era-trio-look--ever-after .era-trio-look__fig--detail {
	width: min(13.5rem, 58%);
}

.era-trio-look--parasite .era-trio-look__stage {
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: 0 auto;
	padding-bottom: 0.4rem;
}

.era-trio-look--parasite .era-trio-look__fig--lead img {
	aspect-ratio: 2 / 3;
}

.era-trio-look--parasite .era-trio-look__fig--detail {
	width: min(18rem, 78%);
}

.era-trio-look--without-me {
	position: relative;
}

.era-trio-look--without-me .era-trio-look__stage {
	width: 100%;
	grid-template-columns: 1fr;
	padding-bottom: 0;
}

.era-trio-look--without-me .era-trio-look__fig--bleed {
	width: 100%;
}

.era-trio-look--without-me .era-trio-look__fig--bleed img {
	width: 100%;
	height: min(88vh, 46rem);
	object-fit: cover;
	object-position: 50% 72%;
}

.era-trio-look--without-me::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5.5rem;
	background: linear-gradient(180deg, rgb(11 28 42 / 0%), #0b1c2a);
	pointer-events: none;
}

.era-trio-deep {
	position: relative;
	background: #0b1c2a;
	color: #e8eef4;
	--era-ink: #e8eef4;
	--era-muted: #9eb4c6;
	--era-accent: #7ec8e0;
	--era-border: rgb(232 238 244 / 16%);
}

.era-trio-deep::before {
	content: "";
	display: block;
	height: 4.5rem;
	margin-top: -4.5rem;
	background: linear-gradient(180deg, rgb(11 28 42 / 0%), #0b1c2a);
	pointer-events: none;
}

.era-trio-band--av,
.era-trio-band--vinyl,
.era-trio-band--news {
	background: transparent;
	color: inherit;
}

.era-trio-band--av {
	padding-top: 1.15rem;
}

.era-trio-band--av .era-section__label,
.era-trio-band--av .era-section__label span,
.era-trio-band--av h3,
.era-trio-band--vinyl .era-section__label,
.era-trio-band--vinyl .era-section__label span,
.era-trio-band--vinyl .era-section__lede,
.era-trio-band--vinyl h3,
.era-trio-band--vinyl .era-listen,
.era-trio-band--news .era-section__label,
.era-trio-band--news .era-section__label span,
.era-trio-band--news h3 {
	color: #e8eef4;
}

.era-trio-av {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
	align-items: start;
}

.era-trio-av .era-videos__player {
	min-width: 0;
}

.era-trio-av .era-videos__stage {
	background: #061018;
}

.era-trio-av .era-videos__play {
	color: #10283a;
	background: #e8eef4;
}

.era-trio-av .era-videos__facade:hover .era-videos__play,
.era-trio-av .era-videos__facade:focus-visible .era-videos__play {
	background: #7ec8e0;
}

.era-trio-av .era-videos__now {
	margin-top: 0.65rem;
}

.era-trio-av .era-videos__now h3 {
	font-size: 1rem;
}

.era-trio-av .era-videos__credit {
	margin-top: 0.35rem;
	max-width: 36rem;
	color: #9eb4c6;
	font-size: 0.82rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.4;
}

.era-trio-vinyl {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.15rem;
	align-items: start;
	min-width: 0;
}

.era-trio-vinyl__object {
	display: grid;
	gap: 0.75rem;
	min-width: 0;
}

.era-trio-vinyl__cover,
.era-trio-vinyl__insert {
	margin: 0;
	background: transparent;
}

.era-trio-vinyl__cover {
	width: min(100%, 24rem);
}

.era-trio-vinyl__insert {
	width: min(70%, 16rem);
}

.era-trio-vinyl__cover img,
.era-trio-vinyl__insert img {
	width: 100%;
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 1.1rem 2.2rem rgb(0 0 0 / 42%));
}

.era-trio-vinyl__meta,
.era-trio-vinyl__tracks {
	min-width: 0;
}

.era-trio-vinyl__meta .era-trio-copy {
	margin-top: 0.85rem;
	color: #c5d4e0;
}

.era-trio-side + .era-trio-side {
	margin-top: 1.15rem;
}

.era-trio-side .era-kicker {
	margin-bottom: 0.35rem;
	color: #7ec8e0;
}

.era-trio-side .era-tracklist li {
	grid-template-columns: 1.6rem minmax(0, 1fr);
	color: #e8eef4;
}

.era-trio-side__title {
	display: flex;
	flex-direction: column;
	gap: 0.12rem;
	min-width: 0;
}

.era-trio-side__title em {
	color: #9eb4c6;
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.era-trio-news {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.era-trio-news .era-news__card {
	flex: none;
}

.era-trio-news .era-news__card time {
	color: #9eb4c6;
}

.era-trio-band--coda {
	background: #061018;
	color: #d7e4ee;
	--era-ink: #d7e4ee;
	--era-muted: #8ea3b5;
	--era-accent: #7ec8e0;
	--era-border: rgb(215 228 238 / 14%);
	padding-bottom: 3.2rem;
}

.era-trio-band--coda .era-section__label,
.era-trio-band--coda .era-section__label span {
	color: #7ec8e0;
}

.era-trio-coda__lede {
	margin: 0 0 1.15rem;
	max-width: 22rem;
	font-size: clamp(1.15rem, 2.4vw, 1.55rem);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1.2;
}

.era-trio-coda__url {
	margin: 0 0 0.85rem;
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: break-word;
	font-size: clamp(0.92rem, 4.8vw, 2.35rem);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.15;
}

.era-trio-coda__url a {
	color: inherit;
	text-decoration: none;
}

.era-trio-coda__url a:hover,
.era-trio-coda__url a:focus-visible {
	color: #7ec8e0;
}

.era-trio-coda__note {
	margin-bottom: 0.35rem;
}

.era-trio-coda__secondary {
	margin-bottom: 2rem;
	opacity: 0.72;
}

.era-trio-band--coda .era-pager {
	margin-top: 2.2rem;
}

.era-trio-band--coda .era-pager__item {
	color: inherit;
}

@media (min-width: 48rem) {
	.era-trio-hero__inner {
		grid-template-columns: minmax(0, 1fr) minmax(18rem, 32rem);
		gap: 2.4rem 2.6rem;
		padding-top: 7rem;
	}

	.era-trio-intro__grid {
		grid-template-columns: minmax(0, 1fr) 17rem;
		gap: 2rem;
		align-items: start;
	}

	.era-trio-intro__doc {
		width: 17rem;
	}

	.era-trio-single__grid {
		grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr);
		gap: 1.75rem 2.2rem;
	}

	.era-trio-look--ever-after .era-trio-look__stage {
		grid-template-columns: minmax(0, 1.45fr) minmax(11rem, 0.5fr);
		align-items: end;
		gap: 1.4rem 2.4rem;
	}

	.era-trio-look--parasite .era-trio-look__stage {
		grid-template-columns: minmax(14rem, 0.72fr) minmax(12rem, 0.7fr);
		align-items: center;
		gap: 0 1.4rem;
	}

	.era-trio-look--without-me .era-trio-look__fig--bleed img {
		height: min(90vh, 52rem);
		object-position: 50% 70%;
	}

	.era-trio-av {
		grid-template-columns: 1fr 1fr;
		gap: 1.5rem;
	}

	.era-trio-news {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 64rem) {
	.era-trio-hero {
		min-height: min(100svh, 50rem);
	}

	.era-trio-hero__inner {
		grid-template-columns: minmax(0, 1fr) minmax(24rem, 38rem);
		padding: 7.4rem 0 4rem;
	}

	.era-trio-hero h1 {
		font-size: clamp(4.4rem, 7vw, 6.6rem);
	}

	.era-trio-hero__object {
		width: min(38rem, 46vw);
		justify-self: end;
	}

	.era-trio-look--parasite .era-trio-look__fig--detail {
		margin-left: -18%;
		margin-top: 22%;
		width: min(22rem, 100%);
	}

	.era-trio-look--without-me .era-trio-look__fig--bleed img {
		height: min(92vh, 56rem);
	}

	.era-trio-vinyl {
		grid-template-columns: minmax(16rem, 24rem) minmax(12rem, 0.85fr) minmax(0, 1.15fr);
		gap: 1.75rem;
		align-items: center;
	}

	.era-trio-vinyl__cover {
		width: 100%;
	}

	.era-trio-vinyl__insert {
		width: 62%;
		margin-top: -1.2rem;
		margin-left: auto;
	}

	.era-trio-news {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 80rem) {
	.era-trio-hero__inner {
		padding-top: 8rem;
		padding-bottom: 4.6rem;
	}

	.era-trio-hero__copy {
		max-width: 24rem;
	}

	.era-trio-news {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 47.99rem) {
	.era-trio-hero__object {
		width: min(22rem, 86vw);
		justify-self: start;
	}

	.era-trio-look--parasite .era-trio-look__fig--detail {
		margin: 0;
	}

	.era-trio-coda__url {
		font-size: clamp(0.86rem, 4.7vw, 1.15rem);
		letter-spacing: -0.04em;
	}
}

/* -------------------------------------------------------------------------
   ERA 06 — WHEN THE LIGHTS TURN ON
   Isolated. Do not reuse TRIO polaroid / vinyl / IHH room language.
   Palette comes from the photographs: dusk → deep blue → night → house warmth.
   ------------------------------------------------------------------------- */

body.era-wtlto {
	background: #07090d;
	color: #f2efe8;
	overflow-x: clip;
}

body.era-wtlto .site-header {
	color: #f2efe8;
}

.era-wtlto .era-page,
.era-wtlto-page {
	background: #07090d;
	color: #f2efe8;
	overflow-x: clip;
}

.era-wtlto-page img,
.era-wtlto-page svg {
	max-width: 100%;
}

.era-wtlto-page figure {
	margin: 0;
	min-width: 0;
}

.era-wtlto-page img {
	display: block;
	width: 100%;
	height: auto;
}

.era-wtlto-band {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 2.6rem 0 2.8rem;
	border: 0;
	background: transparent;
}

.era-wtlto-band__inner {
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: 0 auto;
	min-width: 0;
}

.era-wtlto .era-section__label {
	margin-bottom: 0.9rem;
	color: #c9b089;
}

.era-wtlto .era-section__label span {
	color: #e2b36a;
}

.era-wtlto .era-kicker {
	color: #c9b089;
}

.era-wtlto .era-section__lede {
	max-width: 14ch;
	margin-bottom: 1.2rem;
	color: #f2efe8;
}

.era-wtlto-copy {
	margin: 0 0 0.85rem;
	max-width: 36rem;
	color: rgb(242 239 232 / 82%);
	font-size: 0.96rem;
	line-height: 1.58;
}

.era-wtlto-meta {
	margin: 0.18rem 0 0;
	color: #9aa7b4;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.era-wtlto .era-listen {
	margin-top: 1.15rem;
	color: #f2efe8;
	border-bottom-color: #e2b36a;
}

.era-wtlto .era-listen:hover,
.era-wtlto .era-listen:focus-visible {
	color: #e2b36a;
}

/* HERO — official cover, cinematic, photograph first. */

.era-wtlto-hero {
	position: relative;
	display: grid;
	align-items: end;
	min-height: min(100svh, 56rem);
	overflow: hidden;
	color: #f2efe8;
	background: #081018;
}

.era-wtlto-hero__media {
	position: absolute;
	inset: 0;
	margin: 0;
}

.era-wtlto-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 28%;
}

.era-wtlto-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgb(7 9 13 / 18%) 0%, rgb(7 9 13 / 0%) 28%, rgb(7 9 13 / 18%) 58%, rgb(7 9 13 / 78%) 100%),
		linear-gradient(90deg, rgb(7 9 13 / 42%) 0%, rgb(7 9 13 / 8%) 42%, transparent 70%);
	pointer-events: none;
}

.era-wtlto-hero__copy {
	position: relative;
	z-index: 1;
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: 0 auto;
	padding: 7.2rem 0 2.4rem;
}

.era-wtlto-hero h1 {
	margin: 0.2rem 0 0;
	max-width: none;
	font-size: clamp(2.85rem, 12.5vw, 6.4rem);
	font-weight: 700;
	letter-spacing: -0.055em;
	line-height: 0.88;
}

.era-wtlto-hero h1 span,
.era-wtlto-hero__line {
	display: block;
	white-space: nowrap;
}

.era-wtlto-hero__line--lead {
	font-size: 0.46em;
	letter-spacing: -0.04em;
	line-height: 1.05;
	margin-bottom: 0.06em;
}

.era-wtlto-hero__line--focus {
	font-size: 1em;
	letter-spacing: -0.065em;
}

.era-wtlto-hero__line--tail {
	font-size: 0.58em;
	letter-spacing: -0.05em;
	line-height: 1;
	margin-top: 0.05em;
}

.era-wtlto-hero__year {
	margin: 0.85rem 0 0;
	color: #e2b36a;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

/* 01 THE HOUSE */

.era-wtlto-band--house {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	background:
		linear-gradient(180deg, #07090d 0%, #101820 38%, #1a2430 100%);
}

.era-wtlto-band--house > .era-wtlto-band__inner {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	transform: translateX(-50%);
	padding-top: 1.2rem;
	pointer-events: none;
}

.era-wtlto-house__lead {
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.era-wtlto-house__lead::after {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 42%;
	background: linear-gradient(180deg, rgb(7 9 13 / 68%) 0%, transparent 100%);
	pointer-events: none;
}

.era-wtlto-house__lead img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: 62% 50%;
}

.era-wtlto-house__stage {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.15rem;
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: 0 auto;
	padding: 1.6rem 0 3.2rem;
}

.era-wtlto-house__portrait {
	overflow: hidden;
}

.era-wtlto-house__portrait img {
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: 50% 42%;
}

.era-wtlto-house__detail {
	width: min(13.5rem, 58%);
	margin-left: auto;
	overflow: hidden;
}

.era-wtlto-house__detail img {
	aspect-ratio: 1;
	object-fit: cover;
	object-position: 50% 18%;
}

/* 02 THE RECORD */

.era-wtlto-band--record {
	background:
		linear-gradient(180deg, #1a2430 0%, #12161c 42%, #0c1016 100%);
}

.era-wtlto-record {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.8rem;
	align-items: center;
}

.era-wtlto-record__cover {
	width: min(22rem, 86%);
	overflow: hidden;
	box-shadow: 0 1.6rem 3.2rem rgb(0 0 0 / 42%);
}

.era-wtlto-record h3 {
	margin: 0.15rem 0 0.85rem;
	font-size: clamp(1.55rem, 3.2vw, 2.35rem);
	font-weight: 700;
	letter-spacing: -0.045em;
	line-height: 1.05;
}

/* 03 THE TEN SONGS — house as the tracklist stage */

.era-wtlto-band--songs {
	position: relative;
	padding: 0;
	overflow: hidden;
	background: #08111a;
}

.era-wtlto-songs__scene {
	position: relative;
	min-height: min(78svh, 46rem);
}

.era-wtlto-songs__scene img {
	width: 100%;
	height: min(78svh, 46rem);
	object-fit: cover;
	object-position: 50% 86%;
}

.era-wtlto-songs__scene::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgb(8 17 26 / 18%) 0%, rgb(8 17 26 / 28%) 38%, rgb(8 17 26 / 86%) 100%),
		linear-gradient(90deg, rgb(8 17 26 / 52%) 0%, transparent 58%);
	pointer-events: none;
}

.era-wtlto-songs {
	position: relative;
	z-index: 1;
	margin-top: -18rem;
	padding-bottom: 2.8rem;
}

.era-wtlto-songs__sides {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.6rem 3rem;
	margin-top: 1rem;
}

.era-wtlto-tracklist {
	padding: 0;
	margin: 0.55rem 0 0;
	list-style: none;
}

.era-wtlto-tracklist li {
	display: grid;
	grid-template-columns: 1.7rem minmax(0, 1fr);
	gap: 0.55rem;
	align-items: baseline;
	padding: 0.38rem 0;
	border-top: 1px solid rgb(242 239 232 / 14%);
	min-width: 0;
	font-size: 0.96rem;
	letter-spacing: -0.02em;
}

.era-wtlto-tracklist li:last-child {
	border-bottom: 1px solid rgb(242 239 232 / 14%);
}

.era-wtlto-tracklist span:first-child {
	color: #c9b089;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.era-wtlto-tracklist span:last-child {
	overflow-wrap: anywhere;
}

/* 04 INSIDE */

.era-wtlto-band--inside {
	padding-top: 1.5rem;
	background:
		linear-gradient(180deg, #0c1016 0%, #16110e 48%, #1c1612 100%);
}

.era-wtlto-band--inside > .era-wtlto-band__inner {
	margin-bottom: 0.35rem;
}

.era-wtlto-inside {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.4rem;
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: 0.4rem auto 0;
}

.era-wtlto-inside__fig {
	overflow: hidden;
}

.era-wtlto-inside__fig--room img {
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: 50% 40%;
}

.era-wtlto-inside__fig--bath {
	width: min(22rem, 86%);
	margin-left: auto;
	margin-top: 0.4rem;
}

.era-wtlto-inside__fig--bath img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
	object-position: 50% 18%;
}

/* 05 THE IMAGES — organized mess, original ratios. */

.era-wtlto-band--images {
	padding-bottom: 3.2rem;
	overflow: hidden;
	background:
		linear-gradient(180deg, #1c1612 0%, #0e1016 58%, #0b0d12 100%);
}

.era-wtlto-images {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.7rem;
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: 0.2rem auto 0;
	min-width: 0;
	overflow: hidden;
}

.era-wtlto-images__fig {
	margin: 0;
	min-width: 0;
	max-width: 100%;
}

.era-wtlto-images__fig img {
	width: 100%;
	height: auto;
	display: block;
}

.era-wtlto-page .era-wtlto-images__fig--booth {
	width: min(20.5rem, 72%);
	margin: 0;
}

.era-wtlto-page .era-wtlto-images__fig--street {
	width: min(36.5rem, 96%);
	align-self: flex-end;
	margin: 0.15rem 0 0 auto;
}

.era-wtlto-page .era-wtlto-images__fig--studio {
	width: min(14.25rem, 46%);
	align-self: flex-start;
	margin: 0.45rem 0 0 22%;
}

.era-wtlto-page .era-wtlto-images__fig--bath {
	width: min(16.75rem, 56%);
	align-self: flex-end;
	margin: 0.2rem 10% 0 auto;
}

.era-wtlto-page .era-wtlto-images__fig--room {
	width: min(28rem, 88%);
	align-self: flex-start;
	margin: 0 0 0 2%;
}

.era-wtlto-page .era-wtlto-images__fig--yard {
	width: min(33.5rem, 90%);
	align-self: flex-start;
	margin: 0.55rem 0 0 4%;
}

.era-wtlto-images__fig--fire {
	width: min(10.5rem, 42%);
	align-self: flex-start;
	margin-left: 16%;
	margin-top: 0.1rem;
}

/* 06 THE VIDEOS */

.era-wtlto-band--videos {
	background: #0b0d12;
}

.era-wtlto-videos {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.6rem;
	min-width: 0;
}

.era-wtlto-videos .era-videos__player,
.era-wtlto-videos .era-videos__stage {
	min-width: 0;
}

.era-wtlto-videos .era-videos__stage {
	background: #05070b;
}

.era-wtlto-videos .era-videos__play {
	color: #0a0d12;
	background: #f2efe8;
}

.era-wtlto-videos .era-videos__facade:hover .era-videos__play,
.era-wtlto-videos .era-videos__facade:focus-visible .era-videos__play {
	background: #e2b36a;
}

.era-wtlto-videos .era-videos__now {
	margin-top: 0.7rem;
}

.era-wtlto-videos .era-videos__now h3 {
	margin: 0.15rem 0 0;
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	letter-spacing: -0.04em;
}

.era-wtlto-videos .era-videos__credit {
	margin-top: 0.4rem;
	max-width: 36rem;
	color: rgb(242 239 232 / 72%);
	font-size: 0.86rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.45;
}

.era-wtlto-videos__rest {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.35rem;
}

/* 07 WELCOME TO STILLVILLE */

.era-wtlto-band--stillville {
	position: relative;
	padding: 2.6rem 0 3rem;
	overflow: hidden;
	background: #08090d;
}

.era-wtlto-page .era-wtlto-stillville__media {
	position: relative;
	width: 100%;
	margin: 0.9rem 0 1.6rem;
	min-width: 0;
	background: #f3efe8;
}

.era-wtlto-stillville__media img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 16 / 9;
	object-fit: contain;
	object-position: 50% 50%;
}

.era-wtlto-stillville {
	position: relative;
	z-index: 1;
	padding-bottom: 0.4rem;
}

.era-wtlto-stillville .era-section__lede {
	max-width: 12ch;
}

.era-wtlto-stillville__places {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem 2rem;
	padding: 0;
	margin: 1.35rem 0 1.2rem;
	list-style: none;
}

.era-wtlto-stillville__places p {
	margin: 0.28rem 0 0;
	max-width: 28rem;
	color: rgb(242 239 232 / 82%);
	font-size: 0.9rem;
	line-height: 1.45;
}

/* 05 THE LYRICS */

.era-wtlto-band--lyrics {
	position: relative;
	padding: 0;
	overflow: hidden;
	background: #05070b;
}

.era-wtlto-lyrics__media {
	position: relative;
	min-height: min(72svh, 40rem);
}

.era-wtlto-lyrics__media img {
	width: 100%;
	height: min(72svh, 40rem);
	object-fit: cover;
	object-position: 50% 62%;
}

.era-wtlto-lyrics__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgb(5 7 11 / 22%) 0%, rgb(5 7 11 / 12%) 36%, rgb(5 7 11 / 78%) 100%);
	pointer-events: none;
}

.era-wtlto-lyrics__copy {
	position: relative;
	z-index: 1;
	width: min(calc(100% - (2 * var(--home-gutter))), var(--home-max));
	margin: -16rem auto 0;
	padding-bottom: 2.8rem;
}

.era-wtlto-lyrics__copy blockquote {
	margin: 0.4rem 0 0.85rem;
	max-width: 18ch;
}

.era-wtlto-lyrics__copy blockquote p {
	margin: 0;
	font-size: clamp(1.35rem, 3.4vw, 2.35rem);
	font-weight: 700;
	letter-spacing: -0.045em;
	line-height: 1.12;
}

/* 06 THE PHYSICAL */

.era-wtlto-band--physical {
	background:
		linear-gradient(180deg, #1c1612 0%, #0e1014 100%);
}

.era-wtlto-physical {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.7rem;
	align-items: center;
}

.era-wtlto-physical__cover {
	width: min(20rem, 78%);
	overflow: hidden;
	box-shadow: 0 1.4rem 2.8rem rgb(0 0 0 / 46%);
}

.era-wtlto-physical__formats {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.15rem;
	margin-top: 1.15rem;
}

.era-wtlto-physical__formats .era-wtlto-copy {
	margin-top: 0.35rem;
	margin-bottom: 0;
}

/* 07 THE CREDITS */

.era-wtlto-band--credits {
	background: #0b0d11;
}

.era-wtlto-credits {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.6rem 3rem;
	margin-top: 0.35rem;
}

.era-wtlto-credits__group p {
	margin: 0.28rem 0 0;
	max-width: 38rem;
	color: rgb(242 239 232 / 86%);
	font-size: 0.92rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

/* RUNNING FROM A FEELING — the screen to the world. */

.era-wtlto-band--tour {
	padding: 2.8rem 0 3.4rem;
	overflow: hidden;
	background:
		linear-gradient(180deg, #0b0d11 0%, #101a28 42%, #081018 100%);
}

.era-wtlto-tour {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.8rem;
	align-items: start;
	min-width: 0;
}

.era-wtlto-tour__media {
	width: min(22.5rem, 78%);
	margin: 0;
	min-width: 0;
	box-shadow: 0 1.6rem 3.2rem rgb(0 0 0 / 48%);
}

.era-wtlto-tour__media img {
	width: 100%;
	height: auto;
	display: block;
}

.era-wtlto-tour__copy {
	min-width: 0;
	padding-bottom: 0.4rem;
}

.era-wtlto-tour__copy .era-wtlto-copy {
	max-width: 32rem;
}

.era-wtlto-tour__place {
	display: flex;
	flex-direction: column;
	gap: 0.12rem;
	margin: 1.35rem 0 0.45rem;
	color: #e2b36a;
	font-size: clamp(1.15rem, 3.2vw, 1.7rem);
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1.1;
	text-transform: uppercase;
}

.era-wtlto-tour__country {
	color: #f2efe8;
	font-size: 0.72em;
	letter-spacing: 0.22em;
}

.era-wtlto-tour__note {
	margin: 0 0 0.35rem;
	max-width: 28rem;
	color: rgb(242 239 232 / 68%);
	font-size: 0.84rem;
	letter-spacing: 0.04em;
	line-height: 1.45;
}

/* 08 NO MICO BRASIL */

.era-wtlto-band--news {
	background: #0b0d11;
}

.era-wtlto-news {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

.era-wtlto-news .era-news__card {
	flex: none;
	width: 100%;
}

.era-wtlto-news .era-news__card time {
	color: #9aa7b4;
	font-size: 0.68rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* 09 THE LIGHTS */

.era-wtlto-band--lights {
	position: relative;
	padding: 0 0 3.2rem;
	overflow: hidden;
	background: #05070b;
	color: #f2efe8;
}

.era-wtlto-lights__media {
	position: relative;
	min-height: min(68svh, 38rem);
}

.era-wtlto-lights__media img {
	width: 100%;
	height: min(68svh, 38rem);
	object-fit: cover;
	object-position: 50% 16%;
}

.era-wtlto-lights__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgb(5 7 11 / 12%) 0%, rgb(5 7 11 / 8%) 40%, rgb(5 7 11 / 88%) 100%);
	pointer-events: none;
}

.era-wtlto-lights__copy {
	position: relative;
	z-index: 1;
	margin-top: -11rem;
}

.era-wtlto-lights__lede {
	margin: 0 0 1.4rem;
	max-width: 16ch;
	font-size: clamp(1.2rem, 2.6vw, 1.7rem);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1.15;
}

.era-wtlto-band--lights .era-pager__item {
	color: inherit;
}

@media (min-width: 48rem) {
	.era-wtlto-house__stage {
		grid-template-columns: minmax(0, 1.55fr) minmax(0, 0.7fr);
		align-items: end;
		gap: 1.4rem 1.8rem;
	}

	.era-wtlto-house__detail {
		width: min(16rem, 100%);
		margin: 0 0 12% 0;
		justify-self: start;
	}

	.era-wtlto-record,
	.era-wtlto-physical {
		grid-template-columns: minmax(14rem, 22rem) minmax(0, 1fr);
		gap: 2.4rem;
	}

	.era-wtlto-songs__sides,
	.era-wtlto-physical__formats,
	.era-wtlto-credits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.era-wtlto-inside {
		grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.75fr);
		align-items: start;
		gap: 2rem 1.6rem;
	}

	.era-wtlto-inside__fig--bath {
		width: min(100%, 22rem);
		margin-top: 22%;
		margin-left: 0;
		justify-self: end;
	}

	.era-wtlto-news {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.era-wtlto-hero {
		min-height: min(100svh, 58rem);
	}

	.era-wtlto-hero h1 {
		font-size: clamp(3.4rem, 6.8vw, 6.6rem);
	}

	.era-wtlto-images {
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		align-items: start;
		gap: 0;
		min-height: 0;
		padding-bottom: 0.6rem;
	}

	.era-wtlto-page .era-wtlto-images__fig--booth {
		grid-column: 1 / 5;
		grid-row: 1;
		width: 88%;
		margin: 4.2rem 0 0;
		z-index: 2;
	}

	.era-wtlto-page .era-wtlto-images__fig--street {
		grid-column: 4 / 13;
		grid-row: 1;
		width: auto;
		max-width: 100%;
		margin: 0;
		padding-top: 0.35rem;
		align-self: start;
		z-index: 1;
	}

	.era-wtlto-page .era-wtlto-images__fig--studio {
		grid-column: 10 / 13;
		grid-row: 1;
		width: 82%;
		margin: 21.5rem 1.4rem 0 auto;
		justify-self: end;
		z-index: 3;
	}

	.era-wtlto-page .era-wtlto-images__fig--bath {
		grid-column: 8 / 13;
		grid-row: 2;
		width: 54%;
		margin: -10.5rem 2.6rem 0 auto;
		justify-self: end;
		z-index: 3;
	}

	.era-wtlto-page .era-wtlto-images__fig--room {
		grid-column: 1 / 8;
		grid-row: 2;
		width: 94%;
		margin: 12% 0 0;
	}

	.era-wtlto-page .era-wtlto-images__fig--yard {
		grid-column: 1 / 10;
		grid-row: 2;
		width: 100%;
		max-width: 100%;
		margin: -8.2rem 0 0;
		z-index: 1;
	}

	.era-wtlto-images__fig--fire {
		grid-column: 10 / 13;
		grid-row: 3;
		width: min(11.5rem, 100%);
		margin: 38% 0 0 auto;
		justify-self: end;
		z-index: 3;
	}

	.era-wtlto-tour {
		grid-template-columns: minmax(18rem, 28rem) minmax(0, 1fr);
		gap: 2.6rem 3.2rem;
		align-items: center;
	}

	.era-wtlto-tour__media {
		width: 100%;
	}

	.era-wtlto-videos__rest {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.6rem;
	}

	.era-wtlto-stillville__places {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.era-wtlto-record {
		grid-template-columns: minmax(18rem, 26rem) minmax(0, 1fr);
		gap: 3.2rem;
	}

	.era-wtlto-record__cover {
		width: 100%;
	}

	.era-wtlto-physical {
		grid-template-columns: minmax(16rem, 24rem) minmax(0, 1fr);
	}

	.era-wtlto-physical__cover {
		width: 100%;
	}

	.era-wtlto-songs {
		margin-top: -22rem;
	}

	.era-wtlto-lyrics__copy {
		margin-top: -18rem;
	}
}

@media (min-width: 80rem) {
	.era-wtlto-news {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.era-wtlto-house__lead img {
		aspect-ratio: 2.15 / 1;
	}
}

@media (max-width: 47.99rem) {
	.era-wtlto-hero h1 {
		font-size: clamp(2.55rem, 13.5vw, 3.6rem);
	}

	.era-wtlto-hero__line--lead {
		font-size: 0.48em;
	}

	.era-wtlto-hero__line--tail {
		font-size: 0.6em;
	}

	.era-wtlto-images {
		gap: 1rem;
	}

	.era-wtlto-page .era-wtlto-images__fig--booth {
		width: min(18.75rem, 82%);
		margin: 0;
	}

	.era-wtlto-page .era-wtlto-images__fig--street {
		width: min(100%, 95%);
		margin: 0 0 0 auto;
	}

	.era-wtlto-page .era-wtlto-images__fig--studio {
		width: min(13.5rem, 52%);
		margin: 0.15rem 0 0 12%;
	}

	.era-wtlto-page .era-wtlto-images__fig--bath {
		width: min(15.5rem, 64%);
		align-self: flex-end;
		margin: 0.1rem 4% 0 auto;
	}

	.era-wtlto-page .era-wtlto-images__fig--room {
		width: min(100%, 86%);
		margin: 0;
	}

	.era-wtlto-page .era-wtlto-images__fig--yard {
		width: min(100%, 92%);
		margin: 0.2rem 0 0;
	}

	.era-wtlto-images__fig--fire {
		width: min(9.5rem, 44%);
		margin-left: 8%;
	}

	.era-wtlto-tour__media {
		width: min(20rem, 82%);
	}

	.era-wtlto-songs {
		margin-top: -14rem;
	}

	.era-wtlto-lyrics__copy {
		margin-top: -12.5rem;
	}

	.era-wtlto-lights__copy {
		margin-top: -8.5rem;
	}

	.era-wtlto-lyrics__copy blockquote {
		max-width: 100%;
	}
}