/*
 * Home (Figma 61:42508 D-EN, 64:47373 M-EN, 65:48450 D-AR, 65:48750 M-AR).
 * Base = 390 frame; >=1024 = 1440 frame. AR uses the EN DOM order mirrored by dir="rtl"; every AR
 * row (head, content row, article rows, Read More links) is a true mirror of EN in Figma.
 */

/* ---------- Hero: the scroll animation, see assets/css/home-scroll.css. ---------- */

/* ---------- Latest News ---------- */
.tec-home-news { background: var(--tec-page); padding-bottom: 50px; overflow: hidden; }
.tec-home-news__inner { padding-top: 50px; }

/* Header row: 95.8 high incl. 22px bottom margin; title block bottom-aligned with View All. */
.tec-home-news__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 0;
	height: 95.8px;
	padding-bottom: 22px;
}
.tec-home-news__titles {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 0 1 208px;
	min-width: 0;
	height: 73.8px;
}
[dir="rtl"] .tec-home-news__titles { flex-basis: 130px; }
/* Mobile eyebrow is a Component 16 Size=M instance (13px EN, 13.5px AR, LEFT). */
.tec-home-news__label { align-self: flex-start; }
.tec-home-news__title {
	font-size: 28px;
	font-weight: 800;
	line-height: 37.8px;
	color: var(--tec-navy);
	text-align: left;
	white-space: nowrap;
}
/* AR H2 stays LEFT-aligned in its column (spec: LEFT/CENTER inside a flex-end container). */
[dir="rtl"] .tec-home-news__title { text-align: left; }

.tec-home-news__all-link {
	display: block;
	flex: none;
	width: 57px;
	padding: 10px 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 24.5px;
	color: var(--tec-green);
	white-space: nowrap;
}
[dir="rtl"] .tec-home-news__all-link { width: 67px; }

/* Content: mobile stacks featured article, then the list (Margin 24px top, fixed 210). */
.tec-home-news__grid { display: flex; flex-direction: column; }

.tec-home-news__featured { display: flex; flex-direction: column; min-width: 0; }
.tec-home-news__media { flex: none; }
.tec-home-news__media--featured { width: 100%; height: 210px; border-radius: 18px; }

.tec-home-news__date {
	font-size: 12.5px;
	font-weight: 400;
	line-height: 21.88px;
	color: var(--tec-green);
	white-space: nowrap;
}
/* Date margin: 12px top, 33.9 high; the text box sits at y=3 inside it. */
.tec-home-news__date--featured { height: 33.9px; padding-top: 15px; }

.tec-home-news__ftitle,
.tec-home-news__ititle { font-weight: 600; color: var(--tec-navy); }
.tec-home-news__ftitle {
	position: relative;
	top: 1px;
	max-width: 322px;
	padding-top: 2px;
	font-size: 18px;
	line-height: 24.3px;
	text-align: left;
}
[dir="rtl"] .tec-home-news__ftitle { max-width: 319px; text-align: right; }

/* Secondary list: Margin padding-top 24, fixed 210; column gap 18. */
.tec-home-news__list {
	display: flex;
	flex-direction: column;
	gap: 18px;
	height: 210px;
	padding-top: 24px;
}
.tec-home-news__item { display: flex; align-items: flex-start; gap: 14px; }
.tec-home-news__media--item { width: 110px; height: 84px; border-radius: 12px; }
.tec-home-news__info { display: flex; flex-direction: column; flex: 0 1 226px; min-width: 0; }
.tec-home-news__date--item { height: 21px; font-size: 12px; line-height: 21px; }
.tec-home-news__ititle { font-size: 15px; line-height: 20.25px; text-align: left; }
.tec-home-news__item--1 .tec-home-news__ititle { max-width: 225px; }
.tec-home-news__item--2 .tec-home-news__ititle { max-width: 196px; }
[dir="rtl"] .tec-home-news__ititle { text-align: right; }
[dir="rtl"] .tec-home-news__item--1 .tec-home-news__ititle { max-width: 221px; }
[dir="rtl"] .tec-home-news__item--2 .tec-home-news__ititle { max-width: 207px; }

/* Read More (desktop only). */
.tec-home-news__more {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 8px;
	font-weight: 500;
	color: var(--tec-grey);
}
.tec-home-news__more-text { white-space: pre; }

@media (min-width: 1024px) {
	/* D: column, padding 10px 120px 0, hug with no children. Height Inferred: the 2064 frame minus
	   Header 110, News 800.9 and Footer 602 (same remainder in D-AR); the literal hug would be 10px. */
	.tec-home__hero { height: 551.1px; }

	.tec-home-news { padding-bottom: 120px; }
	.tec-home-news__inner { padding-top: 120px; }

	.tec-home-news__head { height: 130.7px; padding-bottom: 36px; }
	.tec-home-news__titles { flex-basis: 312px; gap: 14px; height: 94.69px; }
	[dir="rtl"] .tec-home-news__titles { flex-basis: 195px; }
	.tec-home-news__title { font-size: 42px; line-height: 56.7px; }

	/* Row gap 32: 648.88 + 32 + 519.11 = 1200. */
	.tec-home-news__grid { flex-direction: row; gap: 32px; align-items: flex-start; }
	.tec-home-news__featured { flex: 0 1 648.88px; }
	.tec-home-news__media--featured { height: 300px; }
	.tec-home-news__date--featured { height: 35.9px; padding-top: 17px; }
	.tec-home-news__ftitle { max-width: 583px; padding-top: 4px; font-size: 21px; line-height: 28.35px; }
	/* D-AR: 621 wide at x=22.88 of 648.88, so 5px in from the right edge. */
	[dir="rtl"] .tec-home-news__ftitle { max-width: 621px; margin-right: 5px; }
	.tec-home-news__more--featured { margin-top: 10px; font-size: 13.5px; line-height: 23.63px; }

	.tec-home-news__list { flex: 0 1 519.11px; min-width: 0; gap: 26px; height: auto; padding-top: 0; }
	/* EN: image 150 x fill (stretches to the article); AR: fixed 150x112. */
	.tec-home-news__item { align-items: stretch; gap: 18px; }
	.tec-home-news__media--item { width: 150px; height: auto; }
	[dir="rtl"] .tec-home-news__item { align-items: flex-start; }
	[dir="rtl"] .tec-home-news__media--item { height: 112px; }
	.tec-home-news__info { flex-basis: 351.11px; }
	.tec-home-news__date--item { height: 21.88px; padding-top: 3px; font-size: 12.5px; line-height: 21.88px; overflow: visible; }
	.tec-home-news__ititle { position: relative; top: 1px; padding-top: 2px; font-size: 17px; line-height: 22.95px; }
	.tec-home-news__item--1 .tec-home-news__ititle { max-width: 308px; }
	.tec-home-news__item--2 .tec-home-news__ititle { max-width: 334px; }
	[dir="rtl"] .tec-home-news__item--1 .tec-home-news__ititle { max-width: 325px; }
	[dir="rtl"] .tec-home-news__item--2 .tec-home-news__ititle { max-width: 315px; }
	.tec-home-news__more--item { margin-top: 6px; font-size: 13px; line-height: 22.75px; }
}