/* === ЭТАП 2 ===
   Стили для page-10375.php («О компании»)
   Переиспользует токены/базовые классы из page-flexible-content.css
*/

/* ---------- HERO STATS ---------- */
.stl2-about-hero__decor { position: absolute; right: 0; top: 0; bottom: 0; left: calc(50% + 60px); z-index: 1; pointer-events: none; overflow: hidden; }

.stl2-about-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 40px; }
.stl2-about-stats__item {
	text-align: center; padding: 28px 20px;
	background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 12px;
}
.stl2-about-stats__value { font-size: 40px; font-weight: 800; color: var(--stl2-brand); line-height: 1; margin-bottom: 8px; font-family: Montserrat, sans-serif; }
.stl2-about-stats__label { font-size: 14px; color: rgba(255,255,255,.65); font-family: Montserrat, sans-serif; }

/* ---------- КТО МЫ ---------- */
.stl2-about-who { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.stl2-about-who__image { background: var(--stl2-gray-bg); border-radius: 16px; height: 360px; overflow: hidden; position: relative; }
.stl2-about-who__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.stl2-about-who__video { cursor: pointer; }
.stl2-about-who__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.stl2-about-who__play {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 64px; height: 64px; border-radius: 50%; background: var(--stl2-brand); border: none;
	color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center;
	cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,.25); transition: background .2s, transform .2s;
}
.stl2-about-who__play:hover { background: var(--stl2-brand-dark); transform: translate(-50%, -50%) scale(1.06); }

/* ---------- ТАЙМЛАЙН (ДЕСКТОП, ЗИГЗАГ) ---------- */
.stl2-tl-mobile { display: none; }
.stl2-tl-desktop { max-width: 1320px; margin: 48px auto 0; overflow: visible; padding: 0 0 24px; }
.stl2-tl-desktop__inner { width: 100%; height: 464px; position: relative; }

.stl2-tl-line {
	position: absolute; left: 11%; right: 11%; top: 219px; height: 2px;
	background: repeating-linear-gradient(to right, var(--stl2-brand), var(--stl2-brand) 8px, transparent 8px, transparent 18px);
	z-index: 0;
}
.stl2-tl-card {
	position: absolute; transform: translateX(-50%); z-index: 3; width: 260px;
}
.stl2-tl-card--top { top: 0; }
.stl2-tl-card--bottom { top: 280px; }
.stl2-tl-card__inner {
	width: 260px; height: 160px; box-sizing: border-box; background: #fff; border-radius: 10px;
	border: 1px solid #E8E8E4; padding: 16px; box-shadow: 0 2px 14px rgba(0,0,0,.07);
	display: flex; flex-direction: column; justify-content: flex-start;
}
.stl2-tl-card--top .stl2-tl-card__inner { border-top: 3px solid var(--stl2-brand); }
.stl2-tl-card--bottom .stl2-tl-card__inner { border-bottom: 3px solid var(--stl2-brand); }
.stl2-tl-card__year { font-size: 22px; font-weight: 800; color: var(--stl2-brand); margin-bottom: 10px; letter-spacing: -.5px; line-height: 1.15; font-family: Montserrat, sans-serif; }
.stl2-tl-card__text { font-size: 14px; color: #6E6E6A; line-height: 1.45; font-family: Montserrat, sans-serif; }

.stl2-tl-connector { position: absolute; width: 2px; height: 60px; margin-left: -1px; background: var(--stl2-brand); z-index: 1; }
.stl2-tl-connector--top { top: 160px; }
.stl2-tl-connector--bottom { top: 230px; }

.stl2-tl-dot {
	position: absolute; top: 210px; width: 20px; height: 20px; margin-left: -10px;
	border-radius: 50%; background: var(--stl2-brand); z-index: 2;
	box-shadow: 0 0 0 4px #fff, 0 0 0 6px rgba(243,68,35,.42);
	animation: stl2TlDotPulse 2s ease-in-out infinite;
}
@keyframes stl2TlDotPulse {
	0%, 100% { box-shadow: 0 0 0 4px #fff, 0 0 0 6px rgba(243,68,35,.42); }
	50% { box-shadow: 0 0 0 4px #fff, 0 0 0 16px rgba(243,68,35,.16), 0 0 0 26px rgba(243,68,35,.05); }
}

/* ---------- ТАЙМЛАЙН (МОБИЛЬНАЯ ВЕРСИЯ) ---------- */
.stl2-tl-mobile__row { display: flex; align-items: flex-start; gap: 16px; position: relative; padding-left: 4px; margin-bottom: 20px; }
.stl2-tl-mobile__row:last-child { margin-bottom: 0; }
.stl2-tl-mobile { position: relative; }
.stl2-tl-mobile::before {
	content: ''; position: absolute; left: 15px; top: 12px; bottom: 12px; width: 2px;
	background: repeating-linear-gradient(to bottom, var(--stl2-brand), var(--stl2-brand) 6px, transparent 6px, transparent 13px);
	z-index: 0;
}
.stl2-tl-mobile__dot {
	width: 20px; height: 20px; border-radius: 50%; background: var(--stl2-brand); flex-shrink: 0;
	box-shadow: 0 0 0 4px #fff, 0 0 0 6px rgba(243,68,35,.3); position: relative; z-index: 1; margin-top: 2px;
}
.stl2-tl-mobile__card {
	background: #fff; border: 1px solid #E8E8E4; border-radius: 10px; border-top: 3px solid var(--stl2-brand);
	padding: 14px 16px; box-shadow: 0 2px 14px rgba(0,0,0,.07); flex: 1;
}

/* ---------- ОБОРУДОВАНИЕ ---------- */
.stl2-equipment-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.stl2-equipment-card { background: #fff; border: 1px solid var(--stl2-border); border-radius: 14px; padding: 28px 24px; border-top: 4px solid var(--stl2-brand); }
.stl2-equipment-card__head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.stl2-equipment-card__icon {
	width: 48px; height: 48px; background: #FFF5F2; border-radius: 12px;
	display: flex; align-items: center; justify-content: center; font-size: 22px; color: var(--stl2-brand); flex-shrink: 0;
}
.stl2-equipment-card__head strong { font-size: 17px; font-weight: 700; font-family: Montserrat, sans-serif; }
.stl2-equipment-card__list { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.stl2-equipment-card__list li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: #444; font-family: Montserrat, sans-serif; }
.stl2-equipment-card__list li i { color: var(--stl2-brand); margin-top: 3px; flex-shrink: 0; }

/* ---------- КОМАНДА ---------- */
.stl2-team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
.stl2-team-card {
	background: #fff; border: 1px solid var(--stl2-border); border-radius: 14px; padding: 24px;
	text-align: center; display: flex; flex-direction: column; align-items: center;
}
.stl2-team-card__photo { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin-bottom: 16px; flex-shrink: 0; }
.stl2-team-card__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.stl2-team-card__name { font-size: 15px; font-weight: 700; margin-bottom: 4px; font-family: Montserrat, sans-serif; }
.stl2-team-card__position { font-size: 13px; color: var(--stl2-text-muted); font-family: Montserrat, sans-serif; }
.stl2-team-card__quote {
	margin-top: 12px; padding: 12px; background: var(--stl2-gray-bg); border-left: 3px solid var(--stl2-brand);
	border-radius: 0 6px 6px 0; font-size: 13px; color: var(--stl2-text-muted); font-weight: 500; line-height: 1.5;
	font-family: Montserrat, sans-serif; text-align: left;
}

/* ---------- КЛИЕНТЫ ---------- */
.stl2-clients-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 24px; }
.stl2-clients-grid__item {
	background: #fff; border: 1px solid var(--stl2-border); border-radius: 10px; height: 72px;
	display: flex; align-items: center; justify-content: center; padding: 8px; box-sizing: border-box; overflow: hidden;
}
.stl2-clients-grid__item img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; }

/* ---------- НОВОСТИ (news.php) ---------- */
.stl2-news-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; gap: 16px; flex-wrap: wrap; }
.stl2-news-head__link {
	display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--stl2-brand); color: var(--stl2-brand);
	padding: 10px 22px; border-radius: 24px; font-size: 14px; font-weight: 700; text-decoration: none;
	font-family: Montserrat, sans-serif; white-space: nowrap;
}
.stl2-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.stl2-news-card { background: #fff; border: 1px solid var(--stl2-border); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; }
.stl2-news-card__img { display: block; }
.stl2-news-card__img {
	height: 160px; background: var(--stl2-dark) center/cover no-repeat; border-radius: 10px 10px 0 0;
	display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.7); font-size: 28px;
}
.stl2-news-card__body { padding: 20px; }
.stl2-news-card__date { font-size: 13px; color: var(--stl2-brand); font-weight: 700; font-family: Montserrat, sans-serif; margin-bottom: 10px; }
.stl2-news-card__title {
	display: block; font-size: 17px; font-weight: 700; color: var(--stl2-dark); line-height: 1.35;
	margin-bottom: 10px; font-family: Montserrat, sans-serif; text-decoration: none;
}
.stl2-news-card__title:hover { color: var(--stl2-brand); }
.stl2-news-card__excerpt { font-size: 15px !important; color: var(--stl2-text-muted); line-height: 1.55; }

/* ---------- АДАПТИВНОСТЬ ---------- */
@media (max-width: 900px) {
	.stl2-about-stats { grid-template-columns: repeat(2, 1fr); }
	.stl2-about-who { grid-template-columns: 1fr; }
	.stl2-equipment-grid { grid-template-columns: 1fr; }
	.stl2-team-grid { grid-template-columns: repeat(2, 1fr); }
	.stl2-clients-grid { grid-template-columns: repeat(3, 1fr); }
	.stl2-news-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
	.stl2-tl-desktop { display: none !important; }
	.stl2-tl-mobile { display: block !important; }
}

@media (max-width: 600px) {
	.stl2-about-stats { grid-template-columns: 1fr; }
	.stl2-team-grid { grid-template-columns: 1fr; }
	.stl2-clients-grid { grid-template-columns: repeat(2, 1fr); }
}