/* About page (build/about.py). Scoped to body.page-slug-about / ac-about-* classes. */

/* --- 04 Our story: timeline ------------------------------------------------------ */
/* Items are a row at every width (year beside a bordered content column), so the
   content column must take the rest of the row below 1025 too, where .ac-fill stops. */
body.page-slug-about .e-con.ac-about-tl__content { flex: 1 1 0%; min-width: 0; }
body.page-slug-about .e-con.ac-about-tl { width: 100%; }
/* The year sits on the first line of the title: Oswald 30 vs 24, both lh 1.2. */
body.page-slug-about .ac-about-tl__year .elementor-heading-title { margin: 0; white-space: nowrap; }

/* --- 06 Services strip: horizontal tiles -------------------------------------------- */
body.page-slug-about .e-con.ac-about-tile__photo,
body.page-slug-about .e-con.ac-about-tile__content { flex: 0 0 50%; min-width: 0; }
/* 50% basis, not 0: with basis 0 the content's 64px padding is taken out before the split,
   leaving the photo 270 instead of Figma's 301. */
/* Photo fills the tile height beside the copy (Figma: 260 tall, cover). */
body.page-slug-about .ac-about-tile__photo { align-self: stretch; position: relative; min-height: 260px; }
body.page-slug-about .ac-about-tile__img,
body.page-slug-about .ac-about-tile__img .elementor-widget-container { position: absolute; inset: 0; }
body.page-slug-about .ac-about-tile__img img { display: block; width: 100%; height: 100% !important; object-fit: cover; }
body.page-slug-about .e-con.ac-about-tile { width: 100%; }

@media (max-width: 767px) {
	/* Photo over content. */
	body.page-slug-about .ac-about-tile__photo { min-height: 200px; flex: 0 0 auto; }
	body.page-slug-about .e-con.ac-about-tile__content { flex: 0 0 auto; }
}

/* Arrow link (Figma "Link": Inter bold 16, navy, 8px gap, 18px arrow). */
/* inline (not inline-flex): when the label wraps, the arrow follows the last word instead
   of being stranded at the right edge of a full-width flex box. */
.ac-about-link {
	display: inline;
	font-family: var(--e-global-typography-text-font-family, "Inter"), sans-serif;
	font-size: 16px; font-weight: 700; line-height: 1.55;
	color: var(--e-global-color-secondary); text-decoration: none;
}
.ac-about-link:hover, .ac-about-link:focus-visible { color: var(--e-global-color-accent); }
.ac-about-link .ac-about-ico { flex: none; transition: transform .15s ease; }
.ac-about-link:hover .ac-about-ico { transform: translateX(3px); }
@media (max-width: 1024px) {
	/* 44px tap height without moving the layout. */
	.ac-about-link { padding-block: 12px; }   /* inline: padding grows the hit box, not the layout */
}

.ac-about-link .ac-about-ico { display: inline-block; vertical-align: -3px; margin-left: 8px; }