.c02.c02--watchable { width:min(calc(100% - 3rem),66.25rem); max-width:100%; margin:3rem auto; padding:0; color:inherit; background:none; scroll-margin-top:2rem; }
.c02--watchable .c02__watch-heading { margin:0 0 1.5rem; font-size:clamp(1.5rem,3vw,2.5rem); line-height:1.2; }
.c02--watchable .c02__watch-copy { margin:0 0 1.5rem; }
.c02--watchable .c02__watch-player + .c02__watch-copy { margin-top:1.5rem; }
.c02--watchable .c02__watch-player { aspect-ratio:16/9; width:100%; background:rgb(var(--black,0,0,0)); }
.c02--watchable .c02__watch-player iframe,.c02--watchable .c02__watch-player video { display:block; width:100%; height:100%; border:0; object-fit:contain; }
.c02--watchable .c02__watch-player > a { display:inline-block; padding:1rem; color:rgb(var(--white,255,255,255)); }
.c02--watchable .c02__watch-cta { margin-top:1.5rem; }

/* Decorative background for C02 feature panels. */
.c02.c02--has-background {
  position: relative;
  isolation: isolate;
  background: var(--c02-light-background, #f0f4f7);
  color: var(--c02-light-text, #15293b);
}
.c02.c02--has-background.c02--theme-dark {
  background: var(--c02-dark-background, #133550);
  color: var(--c02-dark-text, #fff);
}
.c02.c02--has-background.c02--watchable {
  padding: clamp(1.25rem, 3vw, 2.5rem);
}
.c02--has-background > .c02__background {
  position: absolute;
  inset: 0;
  z-index: -1;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: inherit;
  opacity: 0.15;
  pointer-events: none;
}

@media (min-width: 56rem) {
  .c02:is(.c02--facts-left, .c02--facts-right):has(> .c02__grid :is(.c02__figure, .c02__video, .c02__content > *)) {
    display: grid;
    align-items: start;
    gap: clamp(1.5rem, 4vw, 4rem);
  }
  .c02.c02--facts-left {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .c02.c02--facts-right {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .c02:is(.c02--facts-left, .c02--facts-right) > .c02__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .c02:is(.c02--facts-left, .c02--facts-right) > .c02__facts {
    align-self: center;
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
    padding: 0;
    border: 0;
  }
  .c02.c02--facts-left > .c02__facts {
    order: -1;
  }
}

/* Use the same content column as C01 in the 2026 master layout. */
main.full-width > .c02.c02--watchable { box-sizing:border-box; width:100%; }

/* Overlay copy on still images in the desktop split-facts layouts. */
@media (min-width: 56rem) {
  .c02:is(.c02--facts-left, .c02--facts-right) > .c02__grid:has(> .c02__figure):has(> .c02__content > *) {
    grid-template-rows: auto auto;
    row-gap: 0;
    isolation: isolate;
  }
  .c02:is(.c02--facts-left, .c02--facts-right) > .c02__grid:has(> .c02__content > *) > .c02__figure {
    grid-area: 1 / 1 / 3 / 2;
    display: grid;
    grid-template-rows: subgrid;
    align-self: stretch;
    margin: 0;
  }
  .c02:is(.c02--facts-left, .c02--facts-right) > .c02__grid > .c02__figure > .c02__caption {
    grid-row: 2;
  }
  .c02:is(.c02--facts-left, .c02--facts-right) > .c02__grid:has(> .c02__figure) > .c02__content:has(> *) {
    grid-area: 1 / 1;
    align-self: end;
    justify-self: end;
    z-index: 1;
    box-sizing: border-box;
    inline-size: min(75%, 29rem);
    margin: 0;
    padding: clamp(1rem, 2vw, 2rem);
    border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
    background: color-mix(in srgb, var(--c02-overlay-surface, #fff) 94%, transparent);
  }
  .c02.c02--facts-left > .c02__grid:has(> .c02__figure) > .c02__content:has(> *) {
    justify-self: start;
  }
  .c02.c02--theme-dark:is(.c02--facts-left, .c02--facts-right) {
    --c02-overlay-surface: var(--c02-dark-background, #133550);
  }
}