/**

 * Team block.

 *

 * @package Krizia

 */



/* ==========================================================

   BLOCK AND SURFACE

   ========================================================== */



.krz-team {

  --krz-team-background: #EBE7E2;

  --krz-team-padding-top: clamp(6rem, 12vw, 10.8rem);

  --krz-team-padding-bottom: clamp(6rem, 12vw, 10.8rem);



  min-height: 1px;

  overflow: visible;

  position: relative;

  width: 100%;

}



.krz-team__surface {

  background: var(--krz-team-background);

  overflow: hidden;

  padding:

    calc(

      var(--krz-team-padding-top) +

      var(--krz-overlap-offset, 0px)

    )

    0

    var(--krz-team-padding-bottom);

  position: relative;

  text-align: center;

  width: 100%;

}



.krz-team__container {

  max-width: 1140px;

  text-align: center;

}



/* ==========================================================

   HEADING

   ========================================================== */



.krz-team__title {

  border: 0;

  clear: none;

  color: #361e0c;

  font-family: "Spectral", Georgia, serif;

  font-size: 36px;

  font-weight: 200;

  letter-spacing: 0.2em;

  line-height: 44px;

  margin: 0;

  margin-right: -0.2em;

  padding: 0;

  text-align: center;

  text-transform: uppercase;

}



.krz-team__kicker {

  color: #7d451b;

  font-family: "Manrope", Arial, sans-serif;

  font-size: 16px;

  font-weight: 700;

  letter-spacing: 0.4em;

  line-height: 28px;

  margin: 1.4rem 0 0;

  margin-right: -0.4em;

  text-align: center;

  text-transform: uppercase;

}



/* ==========================================================

   GRID

   ========================================================== */



.krz-team__grid {

  margin-top: clamp(2rem, 3.5vw, 3.2rem);

  row-gap: 1.5rem;

}



.krz-team__member {

  margin-bottom: 0;

}



.krz-team__card {

  overflow: hidden;

}



.krz-team__card img {

  aspect-ratio: 0.78;

  border-radius: 6px;

  display: block;

  height: auto;

  object-fit: cover;

  width: 100%;

}



/* ==========================================================

   TEXT

   ========================================================== */



.krz-team__text {

  color: #361e0c;

  font-family: "Manrope", Arial, sans-serif;

  font-size: 18px;

  font-weight: 400;

  letter-spacing: 0.04em;

  line-height: 34px;

  margin: clamp(3rem, 5vw, 4.6rem) auto 0;

  max-width: 860px;

  text-align: center;

}



.krz-team__text p {

  margin: 0;

}



.krz-team__text p + p {

  margin-top: 1.5rem;

}



/* ==========================================================

   MOBILE

   ========================================================== */



@media screen and (max-width: 767px) {

  .krz-team {

    --krz-team-padding-top: 4.2rem;

    --krz-team-padding-bottom: 4.2rem;

  }



  .krz-team__title {

    font-size: 30px;

    letter-spacing: 0.2em;

    line-height: 48px;

    margin-right: -0.2em;

  }



  .krz-team__kicker {

    font-size: 16px;

    letter-spacing: 0.4em;

    line-height: 28px;

    margin-right: -0.4em;

    margin-top: 1rem;

  }



  /*

   * Une seule photo par ligne sur mobile.

   */

  .krz-team__grid {

    display: grid;

    gap: 1.5rem;

    grid-template-columns: minmax(0, 1fr);

    margin-left: 0;

    margin-right: 0;

    margin-top: 2.4rem;

  }



  .krz-team__grid > .krz-team__member {

    flex: none;

    max-width: none;

    padding-left: 0;

    padding-right: 0;

    width: 100%;

  }



  .krz-team__card img {

    aspect-ratio: 0.82;

  }



  .krz-team__text {

    font-size: 18px;

    letter-spacing: 0.04em;

    line-height: 34px;

    margin-top: 2.8rem;

    max-width: 285px;

  }

}



/* ==========================================================

   GUTENBERG

   ========================================================== */



.editor-styles-wrapper .krz-team__surface {

  min-height: 480px;

}