/*
 * Figma Press
 * Desktop 1:126 title 80/70 · x145
 * Intro   1:132 Inter 16/23 · x144 w478
 * CTA     1:236 277×40 · #110c00 · Inter 12 · r5 · “Alle Pressedateien downloaden”
 * Gallery 1:156–1:161 · 3 cols × ~229 · gap 20 · hover “Bild downloaden” #f0f0f0
 * Legal   1:136 · x766 w726
 * Mobile  1:685 · title 68/70 · pad 10/60 · CTA full-width
 */

.elementor-section.atrin-press-section,
.elementor-section.atrin-press-section > .elementor-container,
.elementor-section.atrin-press-section > .elementor-container > .elementor-column,
.elementor-section.atrin-press-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
.elementor-section.atrin-press-section .elementor-widget-atrin_press,
.elementor-section.atrin-press-section .elementor-widget-container,
.elementor-section.press-section.atrin-press-section,
.elementor-section.press-section.atrin-press-section > .elementor-container,
.elementor-section.press-section.atrin-press-section > .elementor-container > .elementor-column,
.elementor-section.press-section.atrin-press-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
	max-width: none !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	align-items: flex-start !important;
	align-content: flex-start !important;
}

.elementor-section.atrin-press-section > .elementor-container,
.elementor-section.press-section.atrin-press-section > .elementor-container {
	display: block !important;
}

#press-show,
.elementor-section.atrin-press-section,
.elementor-section.press-section.atrin-press-section {
	scroll-margin-top: calc(var(--atrin-header-h, 150px) + 24px);
	overflow: visible !important;
}

.atrin-press {
	--atrin-press-ink: #110c00;
	--atrin-press-bg: #ffffff;
	--atrin-press-font: 'Inter', Helvetica, Arial, sans-serif;
	--atrin-press-display: Futura, 'Futura PT', 'Century Gothic', 'itc-avant-garde-gothic-pro', sans-serif;
	--atrin-frame: 1512;
	--atrin-pad: 20;
	--atrin-pad-l: 144; /* Figma title/body x144–145 */
	--atrin-pad-r: 20;
	--atrin-card: 229;
	--atrin-gap: 20;

	box-sizing: border-box;
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0;
	/* Contact CTA ~7864 · Press title 8014 → ~150 */
	padding: calc(100 * var(--atrin-u)) 0 calc(80 * var(--atrin-u));
	background: var(--atrin-press-bg);
	color: var(--atrin-press-ink);
	font-family: var(--atrin-press-font);
	overflow: visible;
	scroll-margin-top: calc(var(--atrin-header-h, 150px) + 24px);
}

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

.atrin-press__inner {
	width: 100%;
	max-width: none; /* Figma grid: full-bleed like hero/events */
	margin: 0;
	padding: 0 var(--atrin-gutter-x) 0 var(--atrin-gutter-l);
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, calc(478 * var(--atrin-u))) minmax(0, 1fr);
	column-gap: calc((766 - 144 - 478) * var(--atrin-u)); /* Figma body→gallery: 766 − 144 − 478 */
	row-gap: calc(40 * var(--atrin-u));
	align-items: start;
}

.atrin-press__intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	min-width: 0;
}

.atrin-press__title {
	margin: 0 0 calc(100 * var(--atrin-u)); /* 8014+70 → 8084; body 8184 = 100 */
	padding: 0;
	font-family: var(--atrin-press-display);
	font-weight: 500;
	font-size: calc(80 * var(--atrin-u));
	line-height: calc(70 * var(--atrin-u));
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--atrin-press-ink);
	text-align: left;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

.atrin-press__body {
	margin: 0 0 calc(19 * var(--atrin-u)); /* 8184+138 → 8322; CTA 8341 ≈ 19 */
	padding: 0;
	max-width: calc(478 * var(--atrin-u));
	font-family: var(--atrin-press-font);
	font-weight: 400;
	font-size: calc(16 * var(--atrin-u));
	line-height: calc(23 * var(--atrin-u));
	color: #000;
}

.atrin-press__body p {
	margin: 0 0 1em;
}

.atrin-press__body p:last-child {
	margin-bottom: 0;
}

.atrin-press__cta {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: calc(10 * var(--atrin-u)) calc(30 * var(--atrin-u));
	min-width: calc(277 * var(--atrin-u));
	min-height: calc(40 * var(--atrin-u));
	border: 0;
	border-radius: calc(5 * var(--atrin-u));
	background: var(--atrin-press-ink);
	color: #fff !important;
	font-family: var(--atrin-press-font);
	font-weight: 400;
	font-size: calc(12 * var(--atrin-u));
	line-height: calc(20 * var(--atrin-u));
	text-transform: uppercase;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.atrin-press .atrin-press__cta:hover,
.atrin-press .atrin-press__cta:focus,
.atrin-press .atrin-press__cta:focus-visible,
.atrin-press .atrin-press__cta:active {
	opacity: 0.85;
	background: var(--atrin-press-ink) !important;
	background-color: var(--atrin-press-ink) !important;
	color: #fff !important;
	outline: none;
}

.atrin-press__aside {
	display: flex;
	flex-direction: column;
	gap: 24px;
	min-width: 0;
	width: 100%;
}

.atrin-press__gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, calc(var(--atrin-card) * var(--atrin-u))));
	/* Figma: top-row bottoms align · gap ~37 · col gap 20 */
	column-gap: calc(var(--atrin-gap) * var(--atrin-u));
	row-gap: calc(37 * var(--atrin-u));
	justify-content: end;
	align-items: start;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.atrin-press__card {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #ededed;
	overflow: hidden;
}

/* Figma crop boxes 1:156–1:161 (229×344 / 228×285 / 229×343 / 229×344 / 229×344 / 229×314) */
.atrin-press__card:nth-child(1) {
	aspect-ratio: 229 / 344;
}

.atrin-press__card:nth-child(2) {
	aspect-ratio: 228 / 285;
	/* y8076 − y8017 = 59 → % of column width so it scales */
	margin-top: calc(59 / 229 * 100%);
}

.atrin-press__card:nth-child(3) {
	aspect-ratio: 229 / 343;
	margin-top: calc(1 / 229 * 100%);
}

.atrin-press__card:nth-child(4) {
	aspect-ratio: 229 / 344;
}

.atrin-press__card:nth-child(5) {
	aspect-ratio: 229 / 344;
}

.atrin-press__card:nth-child(6) {
	aspect-ratio: 229 / 314;
	/* y8428 − y8398 = 30 */
	margin-top: calc(30 / 229 * 100%);
}

.atrin-press__card-link {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none !important;
}

.atrin-press__img {
	display: block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	object-fit: cover;
	object-position: center top;
}

/* Figma 1:158 Component 3 mirrors photo horizontally */
.atrin-press__card:nth-child(3) .atrin-press__img {
	transform: scaleX(-1);
}

.atrin-press__dl {
	position: absolute;
	left: 50%;
	bottom: 9px;
	transform: translateX(-50%) translateY(4px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 10px;
	border-radius: 5px;
	background: #f0f0f0;
	color: #000 !important;
	font-family: var(--atrin-press-font);
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
}

.atrin-press__card-link:hover .atrin-press__dl,
.atrin-press__card-link:focus-visible .atrin-press__dl,
.atrin-press.is-touch .atrin-press__dl {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0s;
}

.atrin-press__card-link:focus-visible {
	outline: 2px solid var(--atrin-press-ink);
	outline-offset: 3px;
}

.atrin-press__legal {
	margin: 0;
	padding: 0;
	max-width: calc(726 * var(--atrin-u));
	width: 100%;
	margin-left: auto;
	font-family: var(--atrin-press-font);
	font-weight: 400;
	font-size: calc(12 * var(--atrin-u));
	line-height: calc(20 * var(--atrin-u));
	color: #000;
	text-align: left;
}

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

/* Mid press: keep artboard scale — avoid unscaled 1fr stretch fighting gallery */

/* Mobile — Figma 1:685 / 1:686
 * Title 68/70 · body 16/23 · full-width CTA · pad 60/10/40 · gap 20
 * Gallery + legal are desktop-only in Figma (no press images on mobile).
 */
@media (max-width: 991px) {
	.atrin-press {
		padding: 10px 0 40px;
	}

	.atrin-press__inner {
		display: flex;
		flex-direction: column;
		padding: 0 10px;
		gap: 0;
		max-width: none;
	}

	.atrin-press__intro {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		width: 100%;
	}

	.atrin-press__title {
		margin: 0;
		width: 100%;
		font-size: 68px;
		line-height: 70px;
	}

	.atrin-press__body {
		margin: 0;
		max-width: none;
		width: 100%;
		font-size: 16px;
		line-height: 23px;
	}

	.atrin-press__cta {
		width: 100%;
		min-width: 0;
		align-self: stretch;
	}

	/* Figma mobile Press has no gallery / legal — download via CTA ZIP only */
	.atrin-press__aside {
		display: none !important;
	}
}

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