/*
 * Figma Follow Strip
 * Desktop 1:241 box 1471×292 #ededed r15 · outer x20
 * Heading 1:242 Futura Medium 80 / lh 76 uppercase · x145 y7023 (left 125, top 70)
 * Links   1:243 Futura Medium 33 / lh 40 · x910 y7055 (left 890, top 102)
 * Mobile  1:655 full-bleed · Futura Medium 44/45 + 28/51 · gap 20 · pad 40/10 · h 328
 */

/* Kill Elementor + legacy min-height:730px that inflates the strip section */
.elementor-section.atrin-follow-section,
.elementor-section.atrin-follow-section > .elementor-container,
.elementor-section.atrin-follow-section > .elementor-container > .elementor-column,
.elementor-section.atrin-follow-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
.elementor-section.atrin-follow-section .elementor-widget-atrin_follow,
.elementor-section.atrin-follow-section .elementor-widget-container {
	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;
	background: #fff !important;
	background-color: #fff !important;
}

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

.atrin-follow {
	--atrin-follow-ink: #000000;
	--atrin-follow-bg: #ededed;
	/* Match Events/About — Figma Futura Medium; avoid AvantGarde Alt glyph clash */
	--atrin-follow-display: Futura, 'Futura PT', 'Century Gothic', 'itc-avant-garde-gothic-pro', sans-serif;
	--atrin-frame: 1512;
	--atrin-pad: 20;

	box-sizing: border-box;
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 0 var(--atrin-gutter-x);
	/* White gutters — grey lives on __inner only (Figma inset card); body is #2a2a2a */
	background: #fff !important;
	color: var(--atrin-follow-ink);
	font-family: Futura, 'Futura PT', 'Century Gothic', 'itc-avant-garde-gothic-pro', sans-serif;
	font-style: normal;
	font-weight: 500;
}

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

.atrin-follow__inner {
	position: relative;
	display: block;
	width: 100%;
	max-width: none; /* fill Figma grid between gutters */
	min-height: calc(292 * var(--atrin-u));
	height: auto;
	margin: 0;
	padding: calc(70 * var(--atrin-u)) calc(125 * var(--atrin-u));
	border-radius: calc(15 * var(--atrin-u));
	background: var(--atrin-follow-bg);
	/* visible so reveal translateY is not clipped (overflow:hidden broke IO + is-inview) */
	overflow: visible;
}

.atrin-follow__heading {
	margin: 0;
	padding: 0;
	width: max-content;
	max-width: min(calc(670 * var(--atrin-u)), 100%);
	font-family: Futura, 'Futura PT', 'Century Gothic', 'itc-avant-garde-gothic-pro', sans-serif !important;
	font-weight: 500 !important;
	font-style: normal !important;
	font-size: calc(80 * var(--atrin-u));
	/* Figma 76; pad so round Ü dots (yMax ~814/1000) never clip */
	line-height: calc(92 * var(--atrin-u));
	letter-spacing: 0;
	text-transform: uppercase;
	font-kerning: normal;
	font-feature-settings: 'kern' 1;
	/* Figma 1:242 whitespace-nowrap — soft-wrap off; <br> still breaks lines */
	white-space: nowrap;
	color: var(--atrin-follow-ink);
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: visible;
}

/* Absolute positions match Figma 1:242 / 1:243 inside the grey box */
.atrin-follow__list {
	position: absolute;
	left: calc(890 * var(--atrin-u)); /* 910 − 20 */
	top: calc(102 * var(--atrin-u)); /* 7055 − 6953 */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	min-width: calc(149 * var(--atrin-u));
}

.atrin-follow__list li {
	margin: 0;
	padding: 0;
	line-height: 0;
}

.atrin-follow__link {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Futura, 'Futura PT', 'Century Gothic', 'itc-avant-garde-gothic-pro', sans-serif !important;
	font-weight: 500 !important;
	font-style: normal !important;
	font-size: calc(33 * var(--atrin-u));
	line-height: calc(40 * var(--atrin-u));
	letter-spacing: 0;
	color: var(--atrin-follow-ink);
	text-decoration: none;
	text-transform: none;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

.atrin-follow__link:hover,
.atrin-follow__link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 4px;
	color: var(--atrin-follow-ink) !important;
}

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

/* Desktop mid-widths keep absolute Figma layout via global --atrin-u */

/* Mobile 1:655 — full-bleed, centered type, no radius */
@media (max-width: 991px) {
	.atrin-follow {
		padding: 0;
	}

	.atrin-follow__inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
		max-width: none;
		width: 100%;
		height: auto;
		min-height: 328px;
		margin: 0;
		padding: 40px 0;
		border-radius: 0;
		text-align: center;
		overflow: visible;
	}

	.atrin-follow__heading {
		width: 100%;
		font-size: 50px;
		/* Extra lh so round umlauts clear (yMax ~0.88em) */
		line-height: 56px;
		font-weight: 500 !important;
		text-align: center;
		/* Mobile may need soft wrap for long EN strings */
		white-space: normal;
	}

	.atrin-follow__list {
		position: static;
		left: auto;
		top: auto;
		align-items: center;
		min-width: 0;
		width: 100%;
		max-width: 370px;
	}

	.atrin-follow__link {
		width: 100%;
		font-size: 28px;
		line-height: 51px;
		font-weight: 500 !important;
		text-align: center;
	}
}

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