.archive-2026 {
	--archive-black: #000;
	--archive-white: #fff;
	--archive-grey: #989898;
	--archive-line: rgba(255, 255, 255, 0.45);
	--archive-gutter: clamp(24px, 3.2vw, 64px);
	--archive-section: clamp(70px, 8vw, 140px);
	--archive-press-gap: 16px;
	--archive-press-visible: 3.5;
	background: var(--archive-black);
	color: var(--archive-white);
	overflow: hidden;
}

.page-template-template_archive-2026 #newsletter {
	display: none;
}

.archive-2026 *,
.archive-2026 *::before,
.archive-2026 *::after {
	box-sizing: border-box;
}

.archive-2026 img,
.archive-2026 iframe,
.archive-2026 video {
	display: block;
	max-width: 100%;
}

.archive-2026 button,
.archive-2026 a {
	-webkit-tap-highlight-color: transparent;
}

.archive-2026 button:focus-visible,
.archive-2026 a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

.archive-2026__inner {
	width: 100%;
	padding-inline: var(--archive-gutter);
}

.archive-2026 h1,
.archive-2026 h2,
.archive-2026 h3,
.archive-2026 p {
	margin-top: 0;
}

.archive-2026__intro {
	padding-top: clamp(72px, 9vw, 160px);
}

.archive-2026__intro-grid {
	display: grid;
	grid-template-columns: minmax(420px, 0.9fr) minmax(420px, 1.45fr);
	gap: clamp(45px, 6vw, 125px);
	align-items: end;
	padding-bottom: clamp(50px, 6vw, 110px);
}

.archive-2026__title {
	margin-bottom: clamp(32px, 4vw, 70px);
	color: var(--archive-white) !important;
	font-family: 'Sohne Breit Halbfett', sans-serif;
	font-size: clamp(64px, 8.2vw, 160px);
	font-weight: 600;
	letter-spacing: -0.055em;
	line-height: 0.88;
	text-transform: uppercase;
}

.archive-2026__meta {
	max-width: 620px;
	margin: 0;
	font-family: 'Sohne Mono', monospace;
	font-size: clamp(11px, 0.85vw, 16px);
	letter-spacing: 0.02em;
	line-height: 1.2;
	text-transform: uppercase;
}

.archive-2026__meta > div {
	display: grid;
	grid-template-columns: 72px 1fr;
	gap: 12px;
	padding: 8px 0 7px;
	border-top: 1px solid var(--archive-line);
}

.archive-2026__meta > div:last-child {
	border-bottom: 1px solid var(--archive-line);
}

.archive-2026__meta dt,
.archive-2026__meta dd {
	margin: 0;
}

.archive-2026__intro-copy {
	max-width: 1020px;
	font-size: clamp(16px, 1.25vw, 24px);
	line-height: 1.45;
}

.archive-2026__intro-copy > *:last-child {
	margin-bottom: 0;
}

.archive-2026__collage {
	display: grid;
	grid-template-columns: 1.05fr 1.5fr 1.15fr 0.65fr;
	height: clamp(390px, 47vw, 830px);
	background: #111;
}

.archive-2026__collage-item {
	min-width: 0;
	margin: 0;
	overflow: hidden;
}

.archive-2026__collage-item img,
.archive-2026__artwork img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.archive-2026__press {
	padding: var(--archive-section) 0;
	background: var(--archive-white);
	color: var(--archive-black);
}

.archive-2026__section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: clamp(35px, 4vw, 68px);
}

.archive-2026__section-head h2,
.archive-2026__rewatch h2 {
	max-width: 720px;
	margin-bottom: 0;
	font-family: 'Sohne Breit Halbfett', sans-serif;
	font-size: clamp(48px, 5.7vw, 105px);
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 0.92;
	text-transform: uppercase;
}

.archive-2026__section-actions,
.archive-2026__arrows {
	display: flex;
	align-items: center;
	gap: 10px;
}

.archive-2026__section-actions {
	gap: 22px;
}

.archive-2026__view-all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 7px 22px 6px;
	border: 1px solid currentColor;
	border-radius: 999px;
	color: inherit;
	font-size: 12px;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.archive-2026__arrows button {
	display: inline-grid;
	width: 40px;
	height: 40px;
	place-items: center;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: transparent;
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-size: 40px 40px !important;
	color: inherit;
	cursor: pointer;
	font-size: 0;
}

.archive-2026__arrows button::before {
	display: none;
}

.archive-2026__arrows button:first-child,
.archive-2026__arrows button[data-archive-press-prev],
.archive-2026__arrows button[data-archive-gallery-prev] {
	background-image: url('assets/images/slider-btn-left.svg');
}

.archive-2026__arrows button:last-child,
.archive-2026__arrows button[data-archive-press-next],
.archive-2026__arrows button[data-archive-gallery-next] {
	background-image: url('assets/images/slider-btn-right.svg');
}

.archive-2026__press-track {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc(28.5714% - 13.714px);
	gap: var(--archive-press-gap);
	padding-left: var(--archive-gutter) !important;
	padding-right: var(--archive-gutter) !important;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-padding-inline: var(--archive-gutter);
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.archive-2026__press-track::-webkit-scrollbar,
.archive-2026__gallery-thumbs::-webkit-scrollbar {
	display: none;
}

.archive-2026__press .press__item {
	width: auto;
	min-width: 0;
	margin: 0;
	scroll-snap-align: start;
}

.archive-2026__press .press__image {
	position: relative;
	aspect-ratio: 1.18 / 1;
	overflow: hidden;
}

.archive-2026__press .press__image img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
	transition: transform 260ms ease;
}

.archive-2026__press .press__image::before,
.archive-2026__press .press__image::after {
	position: absolute;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	transition: opacity 200ms ease;
}

.archive-2026__press .press__image::before {
	content: '';
	inset: 0;
	background: rgba(0, 0, 0, 0.34);
}

.archive-2026__press .press__image::after {
	content: 'READ STORY  ↗';
	top: 50%;
	left: 50%;
	min-width: 200px;
	padding: 13px 24px 11px;
	transform: translate(-50%, -50%);
	border-radius: 999px;
	background: var(--archive-white);
	color: var(--archive-black);
	font-family: 'Sohne Kraftig', sans-serif;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
}

.archive-2026__press .press__tag {
	z-index: 3;
}

.archive-2026__press .press__title {
	margin: 15px 0 5px;
	font-size: clamp(16px, 1.3vw, 23px);
	line-height: 1.05;
}

.archive-2026__press .press__source {
	font-family: 'Sohne Mono', monospace;
	font-size: 10px;
	text-transform: uppercase;
}

.archive-2026__view-all--mobile {
	display: none;
}

.archive-2026__highlights,
.archive-2026__rewatch {
	padding: var(--archive-section) 0 0;
}

.archive-2026__highlights .archive-2026__section-head h2,
.archive-2026__rewatch h2 {
	color: var(--archive-white) !important;
}

.archive-2026__highlights .archive-2026__arrows button {
	filter: invert(1);
}

@media (hover: hover) and (pointer: fine) {
	.archive-2026__press .press__image:hover::before,
	.archive-2026__press .press__image:hover::after,
	.archive-2026__press .press__image:focus-within::before,
	.archive-2026__press .press__image:focus-within::after {
		opacity: 1;
	}

	.archive-2026__press .press__image:hover img,
	.archive-2026__press .press__image:focus-within img {
		transform: scale(1.025);
	}
}

.archive-2026__gallery-stage {
	aspect-ratio: 16 / 8.4;
	overflow: hidden;
}

.archive-2026__gallery-stage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.archive-2026__gallery-thumbs {
	display: flex;
	gap: 6px;
	padding: 8px var(--archive-gutter) 0;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
}

.archive-2026__gallery-thumbs button {
	flex: 0 0 clamp(130px, 13vw, 245px);
	aspect-ratio: 16 / 7;
	padding: 0;
	border: 2px solid transparent;
	background: transparent;
	cursor: pointer;
	opacity: 0.48;
	overflow: hidden;
	scroll-snap-align: start;
	transition: opacity 180ms ease, border-color 180ms ease;
}

.archive-2026__gallery-thumbs button[aria-current='true'] {
	border-color: var(--archive-white);
	opacity: 1;
}

.archive-2026__gallery-thumbs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.archive-2026__rewatch {
	padding-bottom: var(--archive-section);
}

.archive-2026__rewatch h2 {
	margin-bottom: clamp(35px, 4vw, 65px);
}

.archive-2026__video-grid {
	display: grid;
	grid-template-columns: minmax(0, 2.15fr) minmax(300px, 0.9fr);
	gap: clamp(25px, 3vw, 60px);
	align-items: start;
}

.archive-2026__player {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #151515;
	overflow: hidden;
}

.archive-2026__player iframe,
.archive-2026__player video {
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.archive-2026__active-video-meta {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 18px;
	background: #222;
}

.archive-2026__active-video-meta h3 {
	margin: 0;
	font-size: 16px;
	line-height: 1.2;
}

.archive-2026__active-video-meta span,
.archive-2026__playlist small {
	font-family: 'Sohne Mono', monospace;
	font-size: 9px;
	text-transform: uppercase;
}

.archive-2026__playlist {
	display: grid;
	gap: 12px;
}

.archive-2026__playlist button {
	display: grid;
	grid-template-columns: 126px 1fr;
	gap: 14px;
	align-items: center;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	text-align: left;
	opacity: 0.58;
}

.archive-2026__playlist button[aria-current='true'] {
	opacity: 1;
}

.archive-2026__playlist img {
	width: 126px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.archive-2026__playlist strong,
.archive-2026__playlist small {
	display: block;
}

.archive-2026__playlist strong {
	font-size: 13px;
	line-height: 1.15;
}

.archive-2026__playlist small {
	margin-top: 4px;
	color: #aaa;
}

.archive-2026__artwork {
	width: 100%;
	aspect-ratio: 4 / 1.15;
	overflow: hidden;
}

@media (max-width: 1024px) {
	.archive-2026__intro-grid {
		grid-template-columns: minmax(300px, 0.85fr) minmax(340px, 1.15fr);
	}

	.archive-2026__video-grid {
		grid-template-columns: minmax(0, 1.7fr) minmax(270px, 0.8fr);
	}
}

@media (max-width: 767px) {
	.archive-2026 {
		--archive-gutter: 20px;
		--archive-section: 62px;
	}

	.archive-2026__intro {
		padding-top: 62px;
	}

	.archive-2026__intro-grid {
		display: block;
		padding-bottom: 48px;
	}

	.archive-2026__title {
		max-width: 290px;
		margin-bottom: 30px;
		font-size: clamp(52px, 16vw, 76px);
		line-height: 0.86;
	}

	.archive-2026__meta {
		max-width: none;
		font-size: 9px;
	}

	.archive-2026__meta > div {
		grid-template-columns: 55px 1fr;
		padding-block: 6px;
	}

	.archive-2026__intro-copy {
		margin-top: 28px;
		font-size: 14px;
		line-height: 1.5;
	}

	.archive-2026__collage {
		grid-template-columns: 1fr 1.25fr 1fr;
		height: 180px;
	}

	.archive-2026__collage-item--4 {
		display: none;
	}

	.archive-2026__section-head {
		align-items: flex-start;
		margin-bottom: 28px;
	}

	.archive-2026__section-head h2,
	.archive-2026__rewatch h2 {
		max-width: 300px;
		font-size: clamp(38px, 12vw, 54px);
		line-height: 0.9;
	}

	.archive-2026__section-actions .archive-2026__view-all,
	.archive-2026__press .archive-2026__arrows,
	.archive-2026__highlights .archive-2026__arrows {
		display: none;
	}

	.archive-2026__press-track {
		--archive-press-visible: 1.18;
		grid-auto-columns: minmax(245px, 78vw);
		gap: 10px;
	}

	.archive-2026__press .press__title {
		font-size: 16px;
	}

	.archive-2026__view-all--mobile {
		display: inline-flex;
		margin: 30px var(--archive-gutter) 0;
	}

	.archive-2026__gallery-stage {
		padding-inline: 0;
		aspect-ratio: 16 / 10;
	}

	.archive-2026__gallery-thumbs {
		padding-inline: 8px;
	}

	.archive-2026__gallery-thumbs button {
		flex-basis: 84px;
	}

	.archive-2026__video-grid {
		display: block;
	}

	.archive-2026__active-video-meta {
		padding: 13px 12px;
	}

	.archive-2026__playlist {
		margin-top: 15px;
		gap: 9px;
	}

	.archive-2026__playlist button {
		grid-template-columns: 112px 1fr;
		gap: 12px;
	}

	.archive-2026__playlist img {
		width: 112px;
	}

	.archive-2026__artwork {
		aspect-ratio: 1 / 0.86;
	}
}

@media (max-width: 420px) {
	.archive-2026 {
		--archive-gutter: 16px;
	}

	.archive-2026__intro {
		padding-top: 50px;
	}

	.archive-2026__title {
		font-size: 52px;
	}

	.archive-2026__section-head h2,
	.archive-2026__rewatch h2 {
		font-size: 39px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.archive-2026 *,
	.archive-2026 *::before,
	.archive-2026 *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* Keep inherited theme button chevrons from overlaying the SVG controls. */
.archive-2026 .archive-2026__arrows button[data-archive-press-prev]::before,
.archive-2026 .archive-2026__arrows button[data-archive-press-prev]::after,
.archive-2026 .archive-2026__arrows button[data-archive-press-next]::before,
.archive-2026 .archive-2026__arrows button[data-archive-press-next]::after,
.archive-2026 .archive-2026__arrows button[data-archive-gallery-prev]::before,
.archive-2026 .archive-2026__arrows button[data-archive-gallery-prev]::after,
.archive-2026 .archive-2026__arrows button[data-archive-gallery-next]::before,
.archive-2026 .archive-2026__arrows button[data-archive-gallery-next]::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	border: 0 !important;
	transform: none !important;
}
