/**
 * .about-adv__container pinned stacking cards — GSAP-driven (see
 * about-hero-stack.js). This mirrors the proven pattern already validated
 * in test.html: one ScrollTrigger pins the whole section, one timeline
 * (scrubbed) moves each card in turn, full-height cards fully cover the
 * previous one (no visible overlap edge, unlike a "deck of cards" peek).
 *
 * style.css itself is never edited for this effect — the JS sets each
 * card's initial position via gsap.set() (equivalent to inline styles), so
 * this file only needs to guarantee the stacking context / paint order is
 * correct; it does not redefine size, background, or typography, all of
 * which stay exactly as style.css already defines them for .about-hero__item.
 */
.about-adv__container {
	position: relative;
}
.about-hero__item {
	will-change: transform;
}