/* Converted from src/components/site/home/Press.module.css (CSS Module): local classes are prefixed "home-press__". */
/* Elementor sections 77c993b9 (≥768px: full-height video + 50% dark panel) and 3ba3055 (phones). */
/*
 * Full-height section: the panel is centred with a 10vh slack below it. When the viewport is too
 * short for both, the slack goes first (the section stays 100vh tall, as on the original); the
 * section only grows (min-content) when the panel itself does not fit. Not clipped: the
 * background video clips itself.
 */
.home-press__press {
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto minmax(0, 10vh) 1fr;
  grid-template-columns: minmax(0, 1fr);
  height: 100vh;
  min-height: min-content;
  /* Until the video mounts (after hydration, ≥768px only): its poster under the same overlay. */
  background:
    linear-gradient(rgb(0 0 0 / 0.32), rgb(0 0 0 / 0.32)),
    url("/video/newsroom_hingtonklarsey.poster.webp") center / cover no-repeat var(--color-surface-dark);
}

.home-press__inner {
  position: relative;
  grid-row: 2;
  width: 100%;
  max-width: var(--container-boxed);
  margin-inline: auto;
  padding: calc(10vh + 20px) 16px 0;
}

.home-press__panel {
  width: 50%;
  padding: calc(6vh + 20px) 60px;
  background-color: rgb(22 21 25 / 0.96);
}

.home-press__quote {
  margin: 0;
}

/* The first quote of the original was 5px narrower than the others (keeps its line breaks). */
.home-press__narrow {
  padding-right: 5px;
}

.home-press__logo {
  display: block;
  height: 54px; /* width from the attribute: the original squeezes the logos */
  margin-bottom: 20px;
}

.home-press__text {
  margin: 0;
}

.home-press__text p {
  margin: 0;
  font-size: var(--text-lead);
  line-height: 1.6;
  color: #fff;
}

.home-press__caption {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}

.home-press__source {
  font-family: var(--font-heading);
  font-size: var(--h6-size);
  font-style: normal;
  font-weight: var(--weight-semibold);
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #fff;
}

.home-press__title {
  font-size: var(--text-ui);
  line-height: 1.6;
  color: #82838a;
}

@media (max-width: 767px) {
  .home-press__press {
    display: block;
    height: auto;
    min-height: 0;
    padding: 20px;
    background-image: none;
  }

  .home-press__inner {
    padding: 0;
  }

  .home-press__panel {
    width: 100%;
    padding: 0 20px;
    background: none;
  }
}