.ga-graphic-program .program-hero{padding-top:clamp(125px,11vw,166px)}
.ga-graphic-program .hero-copy h1{font-size:clamp(34px,3.8vw,56px);line-height:1.28}
.ga-graphic-program .hero-visual .visual-frame{overflow:hidden;min-height:0}
.ga-graphic-program .graphic-hero-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:15px}
.ga-graphic-program .material-card h4{min-height:0}
.ga-graphic-program .material-card p{margin-top:6px}
.ga-graphic-program .material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ga-graphic-program .material-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ga-graphic-program .hero-price .woocommerce-Price-amount,.ga-graphic-program .decision-action .woocommerce-Price-amount{direction:ltr;display:inline-block;white-space:nowrap;unicode-bidi:isolate}
@media(max-width:900px){.ga-graphic-program .material-grid,.ga-graphic-program .material-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ga-graphic-program .program-hero{padding-top:116px}.ga-graphic-program .material-grid,.ga-graphic-program .material-grid-two{grid-template-columns:1fr}}

/* Consistent rhythm between the three programme stages and their card rows. */
.ga-graphic-program .phase + .phase{margin-top:64px}
.ga-graphic-program .phase .material-grid{gap:22px}
@media(max-width:650px){.ga-graphic-program .phase + .phase{margin-top:48px}}
