/* Start custom CSS */@scope (.mrkt-about-persons) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base,
  .elementor :scope {
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  /* Both cells stretch to the same height: photo fills one, copy + values the other */
  .elementor :scope {
    /* Layout */
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
    align-items: stretch;
    gap: var(--mrkt-space-L);
    padding-block: var(--mrkt-section-padding-block);
    padding-inline: var(--mrkt-section-padding-inline);
  }

  :scope .media {
    /* Layout */
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: var(--mrkt-space-XS);
    margin: 0;
    min-block-size: min(72svh, 44rem);
  }

  :scope .photo {
    /* Positioning */
    position: relative;

    /* Layout */
    overflow: hidden;
    min-block-size: 100%;

    /* Style */
    border-radius: var(--mrkt-radius-base);
    background-color: var(--mrkt-color-background-alt);
  }

  :scope .photo img {
    /* Positioning */
    position: absolute;
    inset: 0;

    /* Layout */
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Editorial figure caption: hairline rule, tracked caps. No two-span wrapper here. */
  :scope .caption {
    /* Layout */
    margin: 0.875rem 0 0;
    padding-top: 0.75rem;

    /* Typography */
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.4;
    text-transform: uppercase;

    /* Style */
    border-top: var(--mrkt-border-width) solid var(--mrkt-color-border);
    color: var(--mrkt-color-text-secondary);
  }

  :scope .text {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-M);
    align-content: center;
  }

  :scope .title {
    /* Layout */
    margin: 0;
    max-width: 18ch;
  }

  :scope .text p {
    /* Layout */
    margin: 0;
    max-width: var(--mrkt-max-content-width);
  }

  /* Values as ruled rows, like the vineyard's Rieden */
  :scope .values {
    /* Layout */
    display: grid;
    gap: 0;
    margin: var(--mrkt-space-XS) 0 0;
  }

  :scope .row {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-XXS);
    margin: 0;
    padding-block: var(--mrkt-space-S);
    border-block-start: var(--mrkt-border-width) solid var(--mrkt-color-border-soft);
  }

  :scope .row .mrkt-typo-h5,
  :scope .row .mrkt-typo-body-small {
    /* Layout */
    margin: 0;
  }

  @media screen and (width < 1301px) {
    .elementor :scope {
      /* Layout */
      grid-template-columns: minmax(0, 1fr);
    }

    :scope .media {
      /* Layout */
      min-block-size: min(60svh, 32rem);
    }
  }
}

@scope (.mrkt-about-hof) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base,
  .elementor :scope {
    padding: 0;
    min-width: 0;
    min-height: 0;
  }
    
    .mrkt-typo-year {
        /* Display year: the founding year as a typographic monument */
      --mrkt-typo-year-family: var(--mrkt-font-heading);
      --mrkt-typo-year-size: clamp(5rem, 11vw, 8.5rem);
      --mrkt-typo-year-weight: 500;
      --mrkt-typo-year-line-height: 0.85;
      --mrkt-typo-year-letter-spacing: -0.04em;
      /* Typography */
      font-family: var(--mrkt-typo-year-family);
      font-size: var(--mrkt-typo-year-size);
      font-weight: var(--mrkt-typo-year-weight);
      line-height: var(--mrkt-typo-year-line-height);
      letter-spacing: var(--mrkt-typo-year-letter-spacing);
    }
  /* Full-bleed land photo; the year sits on its scrim, so nothing floats in a void */
  .elementor :scope {
    /* Positioning */
    position: relative;
    isolation: isolate;

    /* Layout */
    display: grid;
    align-content: end;
    min-block-size: min(75svh, 48rem);
    padding-block: var(--mrkt-section-padding-block);
    padding-inline: var(--mrkt-section-padding-inline);

    /* Style */
    background-color: var(--mrkt-color-secondary-strong);
    color: var(--mrkt-color-background);
  }

  /* Scrim: darker at the bottom, where the type sits */
  .elementor :scope::before {
    /* Positioning */
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    /* Style */
    background: linear-gradient(180deg, color-mix(in srgb, var(--mrkt-color-secondary-strong) 20%, transparent) 0%, color-mix(in srgb, var(--mrkt-color-secondary-strong) 78%, transparent) 100%);
  }

  :scope .photo {
    /* Positioning */
    position: absolute;
    inset: 0;
    z-index: -2;
  }

  :scope .heritage {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-S);
  }

  /* Gold reads as the crest's "seit 1819" on the dark scrim */
  :scope .year {
    /* Layout */
    margin: 0;

    /* Style */
    color: var(--mrkt-color-accent);
  }

  :scope .heritage-title {
    /* Layout */
    margin: 0;
    max-width: 16ch;
  }

  :scope .heritage p:not(.year) {
    /* Layout */
    margin: 0;
    max-width: var(--mrkt-max-content-width);

    /* Style */
    color: color-mix(in srgb, var(--mrkt-color-background) 82%, transparent);
  }
}/* End custom CSS */