/* ===== About v2 (полностью другой набор блоков) — .abt-* ===== */

/* TYPO HERO */
.abt-hero {
	padding: 38px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	background:
		radial-gradient(1200px 500px at 20% 0%, rgba(255, 220, 166, .08), transparent 60%),
		linear-gradient(180deg, #0a0d10, #101418);
}

.abt-hero__wrap {
	max-width: var(--max);
	margin: 0 auto;
	padding: 0 16px
}

.abt-hero__title {
	font-size: clamp(30px, 6vw, 56px);
	line-height: 1.05;
	margin: 0 0 6px
}

.abt-hero__kicker {
	color: #ffdca6;
	opacity: .9;
	letter-spacing: .4px
}

/* SECTION HEAD */
.abt-h {
	margin: 0 0 8px;
	color: #ffdca6;
	font-size: clamp(20px, 3.2vw, 28px)
}

/* LETTER */
.abt-letter__wrap {
	max-width: 820px
}

.abt-letter__p {
	color: var(--text);
	margin: 10px 0
}

.abt-letter__p--drop:first-letter {
	float: left;
	font-size: 3.2em;
	line-height: .9;
	margin: .05em .14em 0 0;
	color: #ffdca6;
	font-weight: 800;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.abt-letter__sig {
	margin-top: 8px;
	font-weight: 800;
	color: #a2b1c4
}

/* CHARTER (статьи с марками в полях) */
.abt-charter .abt-article {
	position: relative;
	padding: 12px 0 12px 52px;
	border-top: 1px solid rgba(255, 255, 255, .06)
}

.abt-charter .abt-article:first-of-type {
	border-top: 0
}

.abt-article::before {
	content: attr(data-index);
	position: absolute;
	left: 0;
	top: 12px;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #221b10;
	border: 1px solid #6b5524;
	color: #ffdca6;
	font-weight: 800;
	letter-spacing: .6px
}

.abt-article__h {
	margin: 0 0 4px
}

.abt-article__p {
	margin: 0;
	color: var(--text)
}

/* PRESS (цитаты с медиастрокой) */
.abt-press__item {
	padding: 12px 0;
	border-top: 1px solid rgba(255, 255, 255, .06)
}

.abt-press__item:first-child {
	border-top: 0
}

.abt-quote {
	margin: 0;
	font-size: clamp(16px, 2.2vw, 18px);
	line-height: 1.55;
	position: relative;
	padding-left: 26px
}

.abt-quote::before {
	content: "“";
	position: absolute;
	left: 0;
	top: -6px;
	color: #ffdca6;
	font-size: 28px
}

.abt-meta {
	margin-top: 6px;
	color: #a2b1c4
}

/* SUSTAINABILITY SNAPSHOT */
.abt-bars {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 8px
}

.abt-bar {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 10px;
	align-items: center
}

.abt-bar__label {
	color: #c9d1db
}

.abt-bar__val {
	color: #ffdca6;
	font-weight: 800
}

.abt-bar__track {
	grid-column: 1/-1;
	height: 10px;
	border-radius: 999px;
	background: #0f0b05;
	border: 1px solid rgba(255, 255, 255, .08);
	overflow: hidden
}

.abt-bar__fill {
	display: block;
	height: 100%;
	width: 0;
	background: linear-gradient(90deg, #6b5524, #ffdca6)
}

.abt-chips {
	margin-top: 12px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap
}

.abt-chip {
	background: rgba(255, 255, 255, .06);
	color: #a2b1c4;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px
}

/* CAREERS (details) */
.abt-job {
	border-top: 1px solid rgba(255, 255, 255, .06);
	padding: 10px 0
}

.abt-job__sum {
	cursor: pointer;
	font-weight: 800
}

.abt-job__body {
	color: var(--text);
	margin-top: 6px
}

/* LEGAL */
.abt-legal {
	background: linear-gradient(180deg, #0a0d10, #12161b);
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	padding: 44px 0
}

.abt-legal__wrap {
	display: grid;
	grid-template-columns: 1.3fr .7fr;
	gap: 24px;
	align-items: center
}

.abt-legal__h {
	margin: 0 0 6px;
	color: #ffdca6
}

.abt-legal__p {
	color: var(--text)
}

.abt-legal__logos {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px
}

.abt-legal__logos img {
	height: 44px;
	display: block
}

.abt-legal__age {
	background: #221b10;
	color: #ffdca6;
	border: 1px solid #6b5524;
	border-radius: 999px;
	padding: 6px 12px;
	font-weight: 800;
	letter-spacing: .6px
}

/* Responsive */
@media (max-width:1100px) {
	.abt-legal__wrap {
		grid-template-columns: 1fr
	}
}

/* ========== 8) VISUAL INTERLUDE ========== */
.abt-vi {
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06)
}

.abt-vi__fig {
	margin: 0;
	position: relative
}

.abt-vi__img {
	width: 100%;
	height: 48vh;
	min-height: 320px;
	object-fit: cover;
	filter: saturate(1.02) brightness(.86)
}

.abt-vi__cap {
	position: absolute;
	inset: auto 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-start;
	padding: 22px 16px;
	background: linear-gradient(180deg, transparent, rgba(8, 10, 12, .85) 60%, rgba(8, 10, 12, .95));
}

.abt-vi__kicker {
	color: #a2b1c4;
	font-size: 12px;
	background: rgba(255, 255, 255, .06);
	padding: 6px 10px;
	border-radius: 999px
}

.abt-vi__line {
	color: #ffdca6;
	font-weight: 800;
	font-size: clamp(18px, 3.4vw, 28px)
}

/* ========== 9) PHOTO ESSAY (чередование) ========== */
.abt-essay__grid {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 24px;
	align-items: center
}

.abt-essay__img img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, .08)
}

.abt-essay__p {
	color: var(--text)
}

/* reverse rows на больших экранах */
.abt-essay__copy--rev {
	order: 3
}

.abt-essay__img--rev {
	order: 4
}

@media (max-width:1100px) {
	.abt-essay__grid {
		grid-template-columns: 1fr
	}

	.abt-essay__img img {
		height: 220px
	}

	.abt-essay__copy--rev,
	.abt-essay__img--rev {
		order: unset
	}
}

/* ========== 10) PORTRAIT WALL (мозаика) ========== */
.abt-wall {
	background: #0a0d10;
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	padding: 12px 0
}

.abt-wall__grid {
	max-width: var(--max);
	margin: 0 auto;
	padding: 0 16px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px
}

.abt-wall__ph {
	width: 100%;
	height: 160px;
	object-fit: cover;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .08);
	mask-image: radial-gradient(120px 90px at 50% 50%, #000 65%, transparent 100%);
}

@media (max-width:1100px) {
	.abt-wall__grid {
		grid-template-columns: repeat(3, 1fr)
	}

	.abt-wall__ph {
		height: 140px
	}
}

@media (max-width:720px) {
	.abt-wall__grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.abt-wall__ph {
		height: 120px
	}
}

/* ========== 11) AMBIENT REEL (auto-scroll) ========== */
.abt-reel {
	overflow: hidden;
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	background: linear-gradient(180deg, #0a0d10, #101418)
}

.abt-reel__track {
	display: flex;
	gap: 12px;
	align-items: center;
	will-change: transform;
	padding: 12px 16px;
	animation: abt-marquee 28s linear infinite
}

.abt-reel__ph {
	height: 140px;
	min-width: 220px;
	object-fit: cover;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .08)
}

@keyframes abt-marquee {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-50%)
	}
}

@media (prefers-reduced-motion: reduce) {
	.abt-reel__track {
		animation: none
	}
}