/* Rólunk – egyedi szekciók + tablet hero (< 1502px). Asztali pixel: rolunk.css */

@media (max-width: 1501px) {
  body.page-rolunk {
    overflow-x: clip;
  }

  .page-rolunk .sheet,
  .page-rolunk .page-shell {
    overflow-x: visible;
    max-width: 100%;
  }

  .page-rolunk .sheet-team--leadership {
    background-color: #fdfaf9 !important;
    box-shadow: 0 0 0 100vmax #fdfaf9;
    clip-path: inset(0 -100vmax);
  }

  .page-rolunk .sheet-team--directors {
    background: #fff !important;
    box-shadow: 0 0 0 100vmax #fff;
    clip-path: inset(0 -100vmax);
  }

  .page-rolunk .sheet-team__inner {
    padding-inline: clamp(1.25rem, 4vw, 3rem);
  }

  .page-rolunk .sheet-team__row--3,
  .page-rolunk .sheet-team__row--2 {
    padding-inline: 0;
    margin-inline: 0;
    max-width: none;
    justify-content: stretch;
  }

  .page-rolunk .sheet-team__row--2 .sheet-person__bio {
    max-width: none !important;
  }

  .page-rolunk .sheet-cta {
    background-color: #d5ccbc !important;
    box-shadow: 0 0 0 100vmax #d5ccbc;
    clip-path: inset(0 -100vmax);
  }

  .page-rolunk .sheet-footer {
    background-color: #292422 !important;
    box-shadow: 0 0 0 100vmax #292422;
    clip-path: inset(0 -100vmax);
  }
}

/* Rólunk hero: szöveg a fejléckép fölött (900+, kétoszlop) */
@media (min-width: 900px) {
  .page-rolunk .sheet-top {
    overflow: visible;
  }

  .page-rolunk .sheet-top__hero {
    position: relative;
    z-index: 2;
    background: transparent;
  }

  .page-rolunk .sheet-top__left-prose {
    position: relative;
    z-index: 2;
    background: #fff;
  }

  .page-rolunk .sheet-top__photo {
    position: relative;
    z-index: 1;
    width: calc(100% + var(--sheet-bleed, 0px));
    max-width: none;
    margin-right: calc(-1 * var(--sheet-bleed, 0px));
    overflow: hidden;
  }
}

/* Tablet: ugyanaz a hero rács mint asztalin – prose sor egy vonalban, bal hasáb széles */
@media (min-width: 900px) and (max-width: 1501px) {
  .page-rolunk {
    --pad-content: clamp(1.25rem, 4vw, 3.5rem);
    --ink-muted: #575756;
    --gap-logo-title: clamp(1.25rem, 2.5vw, 2.5625rem);
  }

  .page-rolunk .sheet-top {
    display: grid !important;
    grid-template-columns: minmax(0, 34.75fr) minmax(0, 65.25fr);
    grid-template-rows: minmax(clamp(16rem, 38vw, 35.8125rem), auto) auto;
    width: 100%;
    overflow: visible;
    align-items: start;
  }

  /* Gyerekek közvetlenül a főrácsba – hero és left-prose külön sor */
  .page-rolunk .sheet-top__left {
    display: contents !important;
  }

  .page-rolunk .sheet-top__hero {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    padding:
      clamp(1.25rem, 2.5vw, 1.9375rem)
      0
      0
      var(--pad-content);
    min-width: 0;
  }

  .page-rolunk .sheet-top__left-prose {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    margin: 0;
    padding:
      clamp(1.5rem, 3vw, 4.25em)
      clamp(0.5rem, 2vw, 1.5rem)
      0
      var(--pad-content);
    width: auto;
    max-width: none;
    min-width: min(37.1875em, 100%);
    font-size: 0.9375rem;
    line-height: 1.65;
  }

  .page-rolunk .sheet-top__left-prose p {
    max-width: 37.1875em;
  }

  .page-rolunk .sheet-top__logo {
    width: clamp(6.5rem, 12vw, 8.625rem);
    margin: 0 !important;
  }

  .page-rolunk .sheet-top__title {
    margin: var(--gap-logo-title) 0 0 !important;
    max-width: 17.5em;
    font-size: clamp(1.75rem, 2.8vw, 2.4375rem);
    color: var(--ink-heading);
    white-space: normal;
  }

  .page-rolunk .sheet-top__subtitle {
    margin-top: clamp(1rem, 2vw, 2.75rem) !important;
    white-space: normal;
    margin-right: 0 !important;
    color: var(--ink-muted);
  }

  .page-rolunk .sheet-top__intro {
    margin-top: clamp(1rem, 2vw, 1.5rem) !important;
    width: auto !important;
    max-width: 20.5em;
    margin-right: 0 !important;
    color: var(--ink-muted);
  }

  .page-rolunk .sheet-top__photo {
    grid-column: 2;
    grid-row: 1;
    min-height: clamp(16rem, 38vw, 35.8125rem);
    aspect-ratio: 1100 / 573;
    align-self: stretch;
  }

  .page-rolunk .sheet-top__right-prose {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    margin: 0;
    padding:
      clamp(1.5rem, 3vw, 4.25em)
      clamp(1rem, 2vw, 2.1875em)
      clamp(2rem, 3vw, 3.125em)
      clamp(1rem, 6vw, 10em);
    width: 100%;
    max-width: none;
    font-size: 0.9375rem;
    line-height: 1.65;
  }

  .page-rolunk .sheet-top__right-prose p {
    max-width: 23em;
  }
}