/*
 * Figma News — MacBook Pro 14" (1:92) @ 1512
 * Title   1:195  Futura Medium 80 / lh 70 · centered · #110c00 · mb 45
 * Grid    images x=20 / 517 / 1015 · 477×262 · col-gap 20 · row-gap 53
 * Badge   1:207 / 1:209  pill #110c00 · Inter Medium 12 / lh 28 · px 23 · h 28 · r30
 * Title   1:196  Futura Medium 27 / lh 32 uppercase
 * Sub     1:198  Inter Medium 20 / lh 28
 * Gaps    image→badge→title→sub = 10px each
 * Load    1:235  165×39 · #110c00 · Inter 16 · r5 · mt ~30 from last card
 * Mobile  1:627  pad 10 · stack gap 40 · outline Mehr laden full-width
 */

/* Kill Elementor column gap that shrinks the 1512 frame */
.elementor-section.atrin-news-section > .elementor-container,
.elementor-section.news-section > .elementor-container {
	max-width: none !important;
}

.elementor-section.atrin-news-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
.elementor-section.news-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
}

.atrin-news {
	--atrin-news-ink: #110c00;
	--atrin-news-bg: #ffffff;
	--atrin-news-font: 'Inter', Helvetica, Arial, sans-serif;
	--atrin-news-display: Futura, 'Futura PT', 'Century Gothic', 'itc-avant-garde-gothic-pro', sans-serif;
	--atrin-frame: 1512;
	--atrin-pad: 20;
	--atrin-card: 477;
	--atrin-gap: 20;
	--atrin-img-h: 262;
	--atrin-stack-gap: 10;

	box-sizing: border-box;
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: calc(112 * var(--atrin-u)) 0 calc(151 * var(--atrin-u));
	background: var(--atrin-news-bg);
	color: var(--atrin-news-ink);
	font-family: var(--atrin-news-font);
	/* Do not use overflow-x:clip — it forces overflow-y to auto and clips the 80/70 title */
	overflow: visible;
	/* Clear fixed header when jumping to #news-show */
	scroll-margin-top: calc(var(--atrin-header-h, 150px) + 24px);
}

/* Elementor sections often set overflow:hidden which clips the title under the header */
.elementor-section.atrin-news-section,
.elementor-section.news-section {
	overflow: visible !important;
}

.atrin-news *,
.atrin-news *::before,
.atrin-news *::after {
	box-sizing: border-box;
}

.atrin-news__inner {
	width: 100%;
	max-width: none; /* Figma grid: full-bleed like hero/events */
	margin: 0;
	padding: 0 var(--atrin-gutter-x);
	box-sizing: border-box;
}

.atrin-news__title {
	margin: 0 0 calc(45 * var(--atrin-u));
	padding: 0;
	font-family: var(--atrin-news-display);
	font-weight: 500;
	font-size: calc(80 * var(--atrin-u));
	/* Figma 1:195 — Futura Medium 80 / lh 70 */
	line-height: calc(70 * var(--atrin-u));
	letter-spacing: 0;
	text-transform: uppercase;
	text-align: center;
	color: var(--atrin-news-ink);
	scroll-margin-top: calc(var(--atrin-header-h, 150px) + 24px);
	overflow: visible;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

.atrin-news__grid {
	display: grid;
	/* Figma 477 tracks @ x20 / 517 / 1015 — scale with artboard */
	grid-template-columns: repeat(3, calc(var(--atrin-card) * var(--atrin-u)));
	justify-content: start;
	align-items: start;
	column-gap: calc(var(--atrin-gap) * var(--atrin-u));
	row-gap: calc(53 * var(--atrin-u));
	margin: 0;
	padding: 0;
	width: calc((var(--atrin-card) * 3 + var(--atrin-gap) * 2) * var(--atrin-u));
	max-width: 100%;
}

@media (min-width: 1512px) {
	.atrin-news__grid {
		grid-template-columns: repeat(3, calc(var(--atrin-card) * var(--atrin-u)));
	}
}

.atrin-news__card {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: none;
	min-width: 0;
	border: 0;
	background: transparent;
	/* Must stay visible — 3-line titles previously clipped the subline */
	overflow: visible;
	height: auto;
}

/* Flex gap avoids Elementor figure { margin:0 } killing image→badge spacing */
.atrin-news__card-link {
	appearance: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(var(--atrin-stack-gap) * 1px);
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	font: inherit;
	/* UA button stylesheet sets nowrap — titles must wrap inside the card */
	white-space: normal;
	height: auto;
}

a.atrin-news__card-link {
	cursor: pointer;
}

.atrin-news__card-link--static {
	cursor: default;
}

/* Kill Elementor reset.css button:hover pink (#cc3366) */
.atrin-news .atrin-news__card-link:hover,
.atrin-news .atrin-news__card-link:focus,
.atrin-news .atrin-news__card-link:focus-visible,
.atrin-news .atrin-news__card-link:active {
	background: transparent !important;
	background-color: transparent !important;
	color: inherit;
}

.atrin-news__card-link:hover .atrin-news__card-title,
.atrin-news__card-link:focus-visible .atrin-news__card-title {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.atrin-news__card-link:focus-visible {
	outline: 2px solid var(--atrin-news-ink);
	outline-offset: 4px;
}

/* Beat Elementor: .elementor .elementor-widget figure { margin: 0 } */
.elementor .elementor-widget .atrin-news figure.atrin-news__media,
.atrin-news figure.atrin-news__media,
.atrin-news__media {
	position: relative;
	display: block;
	align-self: stretch;
	width: 100%;
	height: auto;
	aspect-ratio: 477 / 262;
	margin: 0 !important;
	padding: 0;
	overflow: hidden;
	background: #d9d9d9;
	border: 0;
}

.atrin-news__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.atrin-news__img--placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: #d9d9d9;
}

.atrin-news__duration {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	font-family: var(--atrin-news-font);
	font-size: 11px;
	font-weight: 500;
	line-height: 18px;
}

/*
 * Badge 1:207 VIDEO 83×28 / 1:209 NEWS 82×28
 * px-[23px] · rounded-[30px] · Inter Medium 12 / lh 28 · #110c00
 */
.atrin-news .atrin-news__badge{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: max-content;
	max-width: 100%;
	height: 28px;
	min-height: 28px;
	margin: 0;
	padding: 0 23px;
	border: 0;
	border-radius: 30px;
	background: var(--atrin-news-ink);
	color: #ffffff;
	font-family: var(--atrin-news-font) !important;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	line-height: 28px;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}

.atrin-news .atrin-news__card-title,
.atrin-news__card-title {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	font-family: var(--atrin-news-display);
	font-weight: 500;
	font-size: calc(27 * var(--atrin-u));
	line-height: calc(32 * var(--atrin-u));
	text-transform: uppercase;
	color: var(--atrin-news-ink);
	white-space: normal !important;
	overflow-wrap: anywhere;
	word-break: normal;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

.atrin-news .atrin-news__card-sub,
.atrin-news__card-sub {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	flex: 0 0 auto;
	align-self: stretch;
	font-family: var(--atrin-news-font) !important;
	font-weight: 500;
	font-size: calc(20 * var(--atrin-u));
	line-height: calc(28 * var(--atrin-u));
	color: var(--atrin-news-ink);
	text-transform: none;
	white-space: normal !important;
	overflow-wrap: anywhere;
}

.atrin-news__card-date {
	margin: 0;
	padding: 0;
	font-family: var(--atrin-news-font) !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: var(--atrin-news-ink);
	opacity: 0.7;
}

.atrin-news__empty {
	margin: 0 0 40px;
	text-align: center;
	font-size: 16px;
}

.atrin-news__more-wrap {
	display: flex;
	justify-content: center;
	margin: 30px 0 0; /* 6763 − (6705 + 28) */
}

.atrin-news__more-wrap[hidden] {
	display: none !important;
}

.atrin-news__more {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0;
	padding: calc(10 * var(--atrin-u)) calc(30 * var(--atrin-u));
	min-width: calc(165 * var(--atrin-u));
	min-height: calc(39 * var(--atrin-u));
	height: auto;
	width: auto;
	border: 1px solid var(--atrin-news-ink) !important;
	border-radius: 5px;
	background: var(--atrin-news-ink) !important;
	background-color: var(--atrin-news-ink) !important;
	color: #fff !important;
	font-family: var(--atrin-news-font) !important;
	font-size: calc(16 * var(--atrin-u)) !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.atrin-news__more[hidden] {
	display: none !important;
}

.atrin-news .atrin-news__more:hover,
.atrin-news .atrin-news__more:focus,
.atrin-news .atrin-news__more:focus-visible,
.atrin-news .atrin-news__more:active {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--atrin-news-ink) !important;
	border-color: var(--atrin-news-ink) !important;
	outline: none;
}

.atrin-news__more[aria-busy='true'] {
	opacity: 0.7;
	cursor: wait;
}

@media (prefers-reduced-motion: reduce) {
	.atrin-news__more {
		transition: none;
	}
}

	/* Mid / tablet — drop to 2 cols when 3 would crush titles */
	@media (max-width: 1199px) and (min-width: 992px) {
		.atrin-news__title {
			font-size: clamp(56px, 6vw, 80px);
			line-height: 0.875; /* 70/80 */
		}

		.atrin-news__grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			column-gap: 20px;
		}
	}

	/* Mobile — Figma 1:627 */
	@media (max-width: 991px) {
		.atrin-news {
			padding: 40px 0 40px;
		}

		.atrin-news__inner {
			padding: 0 10px;
		}

		.atrin-news__title {
		margin-bottom: 40px;
		font-size: 80px;
		line-height: 1;
	}

	.atrin-news__grid {
		grid-template-columns: 1fr;
		justify-content: stretch;
		row-gap: 40px;
		column-gap: 0;
	}

	.atrin-news__card {
		max-width: none;
	}

	.elementor .elementor-widget .atrin-news figure.atrin-news__media,
	.atrin-news figure.atrin-news__media,
	.atrin-news__media {
		height: auto;
		aspect-ratio: 370 / 203;
	}

	.atrin-news__card-title {
		font-size: 27px;
		line-height: 32px;
	}

	.atrin-news__more-wrap {
		margin-top: 40px;
	}

	.atrin-news__more {
		width: 100%;
		min-width: 0;
		min-height: 39px;
		padding: 10px 30px;
		font-size: 16px !important;
		background: transparent !important;
		background-color: transparent !important;
		box-shadow: none !important;
		color: var(--atrin-news-ink) !important;
		border: 1px solid var(--atrin-news-ink) !important;
	}

	.atrin-news__more[hidden] {
		display: none !important;
	}

	.atrin-news .atrin-news__more:hover,
	.atrin-news .atrin-news__more:focus,
	.atrin-news .atrin-news__more:focus-visible,
	.atrin-news .atrin-news__more:active {
		background: transparent !important;
		background-color: transparent !important;
		color: var(--atrin-news-ink) !important;
	}
}

@media (max-width: 480px) {
	.atrin-news__title {
		font-size: clamp(48px, 18vw, 80px);
		line-height: 1;
	}
}

.elementor-editor-active .atrin-news,
.elementor-editor-preview .atrin-news,
.elementor-editor-active .elementor-widget-atrin_news,
.elementor-editor-preview .elementor-widget-atrin_news {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	width: 100% !important;
}

/* ---------- Video popup ---------- */
html.atrin-news-modal-open {
	overflow: hidden;
}

.atrin-news-modal[hidden] {
	display: none !important;
}

.atrin-news-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.atrin-news-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(17, 12, 0, 0.72);
	cursor: pointer;
}

.atrin-news-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(960px, 100%);
	max-height: calc(100vh - 48px);
	overflow: auto;
	padding: 28px 28px 32px;
	border-radius: 8px;
	background: #fff;
	color: #110c00;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}

/* Match header mobile nav “Close” control */
.atrin-news-modal__close {
	appearance: none;
	-webkit-appearance: none;
	position: absolute;
	top: 16px;
	right: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	font-family: Inter, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 40px;
	color: #110c00 !important;
	cursor: pointer;
	text-align: right;
	white-space: nowrap;
}

.atrin-news-modal__close:hover,
.atrin-news-modal__close:focus-visible {
	background: transparent !important;
	color: #110c00;
	opacity: 0.65;
	outline: none;
}

.atrin-news-modal__title {
	margin: 0 72px 8px 0;
	padding: 0;
	font-family: Futura, 'Futura PT', 'Century Gothic', 'itc-avant-garde-gothic-pro', sans-serif;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.25;
	text-transform: uppercase;
}

.atrin-news-modal__sub {
	margin: 0 40px 16px 0;
	padding: 0;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 500;
}

.atrin-news-modal__media {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #110c00;
}

.atrin-news-modal__iframe,
.atrin-news-modal__video,
.atrin-news-modal__poster {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.atrin-news-modal__video {
	object-fit: contain;
	background: #000;
}

.atrin-news-modal__note {
	margin: 16px 0 0;
	padding: 0;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	opacity: 0.75;
}

@media (max-width: 640px) {
	.atrin-news-modal {
		padding: 12px;
	}

	.atrin-news-modal__dialog {
		padding: 20px 16px 20px;
		max-height: calc(100vh - 24px);
	}

	.atrin-news-modal__title {
		font-size: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.atrin-news-modal__dialog {
		scroll-behavior: auto;
	}
}