/* FILE: ueber-uns.css
   PURPOSE: Template-owned masthead for the JSON About landing. */

.iss-about-page {
  --iss-about-hero-head-height: clamp(16rem, 38svh, 24rem);
  --iss-dossier-visual-min-height: calc(100svh - var(--iss-about-hero-head-height));
  --iss-dossier-visual-padding-block: clamp(1rem, 2svh, 1.5rem);
  --iss-dossier-visual-border-top: 0;
  --iss-dossier-visual-media-height: clamp(18rem, 34svh, 23rem);
  --iss-dossier-visual-media-ratio: auto;
  --iss-dossier-visual-body-padding-top: 0.65rem;
  --iss-dossier-visual-title-font-family: var(--wp--preset--font-family--plex, sans-serif);
  --iss-dossier-visual-title-font-size: 0.82rem;
  --iss-dossier-visual-title-transform: uppercase;
  --iss-dossier-visual-text-font-size: 0.88rem;
  --iss-dossier-visual-text-line-height: 1.33;

  background: var(--iss-white);
  color: var(--iss-black);
  overflow: clip;
}

.wp-site-blocks > .iss-about-page {
  margin-block-start: 0;
}

.iss-about-hero {
  color: var(--iss-white);
  background: var(--iss-black);
}

.iss-about-hero__inner {
  display: grid;
  align-content: end;
  justify-items: end;
  min-height: var(--iss-about-hero-head-height);
  padding-top: calc(var(--iss-header-height) + 4rem);
  padding-bottom: clamp(2rem, 5vw, 4rem);
  text-align: right;
}

.iss-about-hero :is(.iss-page-hero__kicker, .iss-page-hero__title) {
  max-width: 18ch;
  margin-right: 0;
  margin-left: auto;
  color: inherit;
}

.iss-about-hero .iss-page-hero__kicker {
  margin-bottom: 0.7rem;
}

.iss-about-hero .iss-page-hero__title {
  font-family: var(--wp--preset--font-family--plex-serif, "IBM Plex Serif", Georgia, serif);
  font-size: 5.5rem;
  line-height: 0.9;
}

.iss-about-page > .iss-landing-editorial {
  margin-block-start: 0;
}

@media (max-width: 720px) {
  .iss-about-page {
    --iss-dossier-visual-min-height: 0;
  }

  .iss-about-hero__inner {
    min-height: 16rem;
    padding-top: calc(var(--iss-header-height) + 2.5rem);
  }

  .iss-about-hero .iss-page-hero__title {
    font-size: 3rem;
  }
}