.landing { display: grid; grid-template-areas: "intro video" "cards cards"; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; column-gap: var(--space-7); row-gap: var(--space-7); padding-block: clamp(3rem, 8vw, 7rem); }
.landing__intro { grid-area: intro; min-width: 0; }
.landing__video { grid-area: video; min-width: 0; }
.landing__video::before { background-image: var(--video-presenter-backdrop, url('../../assets/media/presentations/ogma-badjo-poster-v2.png')); }
.landing-header .site-header__top { flex-wrap: wrap; }
.landing__lede { font-size: 1.1rem; margin-bottom: 0; }
.landing__choices { grid-area: cards; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); width: 100%; max-width: 1100px; }
.landing__choice { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); min-height: 340px; padding: clamp(1.5rem, 3vw, 2.5rem); text-decoration: none; transition: transform var(--motion-normal), box-shadow var(--motion-normal); }
.landing__choice:hover { transform: translateY(-5px); box-shadow: var(--shadow-hover); }
.landing__choice strong { font-family: var(--font-display); font-size: clamp(1.7rem, 2.4vw, 2.3rem); line-height: 1.1; }
.landing__choice .lede { margin: 0; }
.landing__link { display: flex; align-items: center; gap: .5rem; margin-top: auto; color: var(--color-primary-strong); font-weight: var(--weight-strong); }
.landing__icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 18px; background: var(--color-success-soft); color: var(--color-badjo); }
.landing__icon--purple { background: var(--color-lavender-soft); color: var(--color-primary); }
@media (min-width: 1200px) {
  .landing.container, .landing-header.container { width: min(calc(100% - 2.5rem), var(--landing-content-max)); }
  .landing-header { padding-block: var(--space-3); }
  .landing { grid-template-areas: "intro video" "cards video"; grid-template-columns: minmax(0, 825fr) minmax(0, 525fr); align-items: start; column-gap: var(--landing-column-gap); row-gap: var(--landing-row-gap); padding-block: var(--landing-vertical-padding); }
  .landing .display-heading { font-size: var(--landing-hero-size); }
  .landing__lede { font-size: .875rem; }
  .landing__video { align-self: end; aspect-ratio: auto; padding-bottom: var(--landing-video-controls-space); }
  .landing__video .video-presenter__video { height: auto; aspect-ratio: 16 / 9; }
  .landing__video .video-presenter__play { top: auto; bottom: .45rem; min-height: 44px; padding: .55rem .75rem; font-size: .75rem; transform: translateX(-50%); }
  .landing__video .video-presenter__play:hover { transform: translate(-50%, -2px); }
  .landing__video .video-presenter__play:active { transform: translateX(-50%); }
  .landing__video .video-presenter__captions { top: auto; left: auto; right: .45rem; bottom: .45rem; }
  .landing__choices { max-width: none; gap: var(--landing-card-gap); }
  .landing__choice { min-height: var(--landing-card-height); padding: var(--landing-card-padding); gap: var(--space-3); }
  .landing__choice strong { font-size: var(--landing-card-title); }
  .landing__choice .lede { font-size: .875rem; }
  .landing__choice .eyebrow { font-size: .7rem; }
  .landing__icon { width: var(--landing-icon-size); height: var(--landing-icon-size); border-radius: 14px; }
  .landing__icon .icon { width: 1.1rem; height: 1.1rem; }
}
@media (min-width: 1200px) and (max-height: 800px) {
  .landing { --landing-vertical-padding: clamp(32px, 6vh, 48px); --landing-row-gap: var(--space-5); }
}
@media (max-width: 1199px) { .landing { grid-template-areas: "intro" "video" "cards"; grid-template-columns: minmax(0, 1fr); } .landing__video { width: min(100%, 900px); } }
@media (min-width: 769px) and (max-width: 1199px) {
  .landing.container, .landing-header.container { width: min(calc(100% - 2.5rem), 900px); }
  .landing { row-gap: var(--space-6); padding-block: var(--space-7); }
  .landing__video { width: min(100%, 700px); justify-self: center; }
  .landing__choices { max-width: none; }
  .landing__choice { min-height: 300px; padding: var(--space-5); }
}
@media (max-width: 768px) { .landing__choices { grid-template-columns: 1fr; } .landing__choice { min-height: 280px; } }
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) { .landing__video .video-presenter__play:hover { transform: translateX(-50%); } }