.about-featured { min-width: 0; padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid var(--line-light); border-radius: var(--radius-md); background: rgba(255,255,255,.04); }
.about-featured .card-kicker { color: var(--green-bright); }
.about-featured h2 { color: var(--white); font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.12; margin-bottom: 1.5rem; }
.about-featured > p:not(.card-kicker) { margin: 1.2rem 0 .7rem; color: var(--muted-light); font-size: .9rem; }
.video-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius-sm); background: radial-gradient(ellipse at 75% 20%, rgba(135,220,99,.2), transparent 65%), var(--ink); }
.video-frame iframe, .video-frame video { display: block; width: 100%; height: 100%; border: 0; }
.video-frame video { object-fit: contain; }
.video-launch { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column; gap: .75rem; padding: 1rem; border: 0; background: transparent; color: var(--white); cursor: pointer; font: inherit; font-weight: 750; }
.video-launch[hidden] { display: none; }
.video-play { display: grid; width: 62px; height: 62px; place-items: center; padding-left: 3px; border-radius: 50%; background: var(--green-bright); color: var(--ink); font-size: 1.3rem; transition: transform .2s ease; }
.video-launch:hover .video-play { transform: scale(1.08); }
.video-launch:focus-visible { outline-offset: -5px; }
.video-launch-detail { color: var(--muted-light); font-size: .75rem; font-weight: 500; }
.about-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.about-video-card { display: flex; min-width: 0; flex-direction: column; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); }
.about-video-copy { flex: 1; }
.about-video-card h3 { font-size: clamp(1.7rem, 3vw, 2.2rem); line-height: 1.12; }
.about-video-copy > p:last-child { color: var(--muted); }
.about-video-links { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 1.4rem; }
.about-videos + .license-intro { padding-top: 0; }
@media (max-width: 760px) {
    .about-video-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .video-play { transition: none; }
}

/* The institutional video leads the page with a larger, centered presentation. */
.about-hero .license-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 3rem; }
.about-hero .license-hero-copy { width: 100%; max-width: 860px; margin-inline: auto; text-align: center; }
.about-hero .license-hero-copy h1, .about-hero .license-hero-lead { margin-inline: auto; }
.about-hero .eyebrow, .about-hero .license-hero-actions { justify-content: center; }
.about-featured { width: min(100%, 1000px); margin-inline: auto; }
.about-featured h2 { max-width: 800px; margin-inline: auto; text-align: center; }
.video-thumbnail { display: block; width: 100%; height: 100%; object-fit: cover; }
.video-frame .video-launch { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to bottom, transparent 30%, rgba(7,26,21,.15) 55%, rgba(7,26,21,.75)); text-shadow: 0 2px 8px rgba(0,0,0,.7); }
.video-launch-detail { color: var(--white); }
.video-play { text-shadow: none; box-shadow: 0 4px 24px rgba(0,0,0,.3); }
.about-featured .video-play { width: 80px; height: 80px; font-size: 1.6rem; }
@media (max-width: 760px) {
    .about-hero .license-hero-grid { gap: 2rem; }
    .about-featured { padding: 1rem; }
}