/* Additions are scoped so the original portfolio and pointer motion stay intact. */
.teaching-real-photo > img { aspect-ratio: 4 / 3; object-fit: cover; }
.teaching-course-preview { display: block; margin-top: 18px; }
.teaching-course-preview img { aspect-ratio: 16 / 9; }
.case-photo-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 32px 0; }
.case-photo-pair img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; }
.football-feature { padding: 96px 0; background: #f6f8f8; scroll-margin-top: 80px; }
.football-heading h2 { margin: 18px 0; font-size: 48px; line-height: 1.2; }
.football-heading > p:not(.teaching-eyebrow) { font-size: 22px; line-height: 1.6; margin-bottom: 24px; }
.football-heading em { font-style: normal; color: #15715d; }
.product-tabs { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; padding-bottom: 16px; border-bottom: 1px solid #ccd7d4; }
.product-tabs button { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #c9d5d2; border-radius: 4px; background: transparent; padding: 12px 18px; font: inherit; font-size: 14px; color: #33453e; cursor: pointer; transition: background 180ms ease, transform 180ms ease; }
.product-tabs button[aria-selected="true"] { color: #fff; background: #173c31; border-color: #173c31; }
.product-tabs button:hover { transform: translateY(-3px); }
.product-tabs svg { width: 18px; height: 18px; }
.product-screen-stage { margin-top: 24px; }
.product-screen-stage figure { margin: 0; }
.product-screen-stage figure[hidden] { display: none; }
.product-screen-stage img { display: block; width: 100%; height: auto; border: 1px solid #d2dcd9; border-radius: 4px; }
.product-screen-stage figcaption, .product-note { margin-top: 14px; color: #607269; font-size: 12px; line-height: 1.8; }
.product-flow { display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr; gap: 24px; align-items: center; margin-top: 36px; }
.product-flow > div { padding-top: 20px; border-top: 1px solid #d2dcd9; }
.product-flow span { color: #15715d; font-size: 12px; }
.product-flow h3 { margin: 12px 0; font-size: 19px; }
.product-flow p { color: #607269; font-size: 13px; }
.product-flow > svg { width: 20px; color: #15715d; }
.real-project-thumb { overflow: hidden; }
.real-project-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 480ms ease; }
.project-card:hover .real-project-thumb img { transform: scale(1.055); }
@media (max-width: 800px) {
  .football-feature { padding: 64px 0; }
  .football-heading h2 { font-size: 34px; }
  .football-heading > p:not(.teaching-eyebrow) { font-size: 18px; }
  .case-photo-pair, .product-flow { grid-template-columns: 1fr; gap: 18px; }
  .product-flow > svg { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .product-tabs button, .real-project-thumb img { transition: none; transform: none !important; }
}