/* Corporate on a desktop (corporate.css's layer from 1100px; Keynote and Forum build
 * on it). The header bar runs the window's width with the container inside. The
 * hero is a split band in the container: the date, the title, the description at
 * the lead's size and the two buttons on the left; the cover filling the right
 * half the band's full height (without one, the brand's color). Under it, the
 * partners as one strip across the window. The page is two equal columns, the
 * hero's own, so the buttons (a sibling of the hero) land in the left one. */

.t-corporate { --title-size: 56px; }

.page.corporate {
  padding: 0 var(--gutter);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 64px;
}
.corporate > * { grid-column: 1 / -1; }

.t-corporate .hero--split {
  grid-row: 1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 64px;
  align-items: center;
  padding: 40px 0;
}
.t-corporate .hero--split .hero__body { padding-bottom: 96px; }
.t-corporate .hero--split .hero__img,
.t-corporate .hero--split .hero__collage { width: 100%; height: var(--hero-band); }
.t-corporate .hero--split.hero--solid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.t-corporate .hero--split.hero--solid::after {
  content: "";
  grid-area: 1 / 2;
  height: var(--hero-band);
  border-radius: var(--r-card);
  background: var(--brand-hero);
}
.t-corporate .hero--split .hero__date { font-size: 14px; }
.t-corporate .hero--split .hero__eyebrow { max-width: var(--measure); font-size: var(--lead-size); line-height: 1.45; }

.corp-actions { grid-area: 1 / 1; align-self: end; z-index: 1; gap: 12px; padding: 0 0 40px; }
.corp-actions .cta__button { min-width: 260px; min-height: 56px; font-size: 16px; }
.corp-agenda { min-height: 56px; padding: 0 24px; font-size: 16px; }

/* One column: every section the container's width (a pair would leave one alone in half). */
.corp-main { grid-template-columns: minmax(0, 1fr); padding: 8px 0 0; }

/* The partners' strip, right under the hero whatever its place in the list (the
   beacon reports it above the gallery: components/beacons.js measures where a
   strip is). A band across the window, painted past the container by its border
   image, which takes no room and scrolls nothing. */
.t-corporate:not(.t-keynote, .t-forum) .corp-section--sponsors {
  order: -1;
  margin: 0 0 16px;
  padding: 24px 0;
  border-radius: 0;
  border-image: conic-gradient(var(--band) 0 0) fill 0 / / 0 100vw;
}
.t-corporate:not(.t-keynote, .t-forum) .corp-main { padding-top: 0; }

.t-corporate .chip, .t-corporate .moment-chip { min-height: 40px; font-size: var(--chip-size); }
.t-corporate .moment-chip__cover { width: 30px; height: 30px; }
.t-corporate .block-title { font-size: 22px; }
.t-corporate .thumb__caption { font-size: 13px; }
.corp-bar__name { font-size: 17px; }