/* Photo/video presentation from the kindergarten profile, on the homepage ice surface. */
body.monpasie-home {
  --mp-home-media-gold: #b08a43;
  --mp-home-media-ink: #641d23;
  --mp-home-media-cut: 14px;
  --mp-home-media-inner-cut: 13.414px;
}

body.monpasie-home :where(#gallery) > .mp-shell {
  width: min(1360px, calc(100% - 64px));
}

body.monpasie-home .mp-section:where(#gallery, #video) { padding-block: 56px 64px; }
body.monpasie-home :where(#video) .mp-section-heading { margin-bottom: 32px; }

body.monpasie-home :where(#gallery, #video) .mp-section-heading h2 {
  font: 500 48px/1.05 'Cormorant Garamond', Georgia, serif;
  letter-spacing: 0;
  color: var(--mp-home-media-ink);
}

body.monpasie-home #gallery .mp-gallery__collage {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: none;
  grid-auto-rows: auto;
  gap: 16px;
  align-items: start;
}

body.monpasie-home #gallery .mp-gallery__item {
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  min-height: 0;
  height: auto;
  aspect-ratio: 2 / 3;
  border: 2px solid var(--mp-ice);
  border-radius: 20px;
  background: var(--mp-ice);
  box-shadow: 0 8px 24px #243f2d14;
}

body.monpasie-home #gallery .mp-gallery__item img { object-fit: cover; }

body.monpasie-home #video .mp-video__heading {
  display: block;
  width: 100%;
  text-align: center;
}

body.monpasie-home #video .mp-video__heading :is(h2, .elementor-widget-heading) { max-width: none; }
body.monpasie-home #video .mp-video__heading > :is(p, .elementor-widget-text-editor) {
  width: min(680px, 100%);
  margin: 16px auto 0;
  font: 400 16px/1.5 Manrope, Arial, sans-serif;
}

body.monpasie-home #video .mp-video__grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 28px 24px;
  align-items: start;
  width: 100%;
  max-width: 1360px;
  margin-inline: auto;
}

body.monpasie-home #video .mp-video-card {
  margin: 0;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

body.monpasie-home #video .mp-video__grid > .mp-video-card--portrait { grid-column: span 2; }
body.monpasie-home #video .mp-video__grid > .mp-video-card--landscape { grid-column: span 5; }
body.monpasie-home #video :is(.mp-video__grid, .mp-video__landscapes) .mp-video-card:hover { transform: none; box-shadow: none; }
body.monpasie-home #video .mp-video-card__preview {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid var(--mp-home-media-gold);
  border-radius: 20px;
  background: var(--mp-ice);
  overflow: hidden;
}

body.monpasie-home #video .mp-video-card--portrait .mp-video-card__preview { aspect-ratio: 2 / 3; }
body.monpasie-home #video .mp-video-card--landscape .mp-video-card__preview { aspect-ratio: 16 / 9; }
body.monpasie-home #video .mp-video-card__preview img { transform: none; filter: none; transition: none; }
body.monpasie-home #video .mp-video-card--portrait .mp-video-card__preview img { object-fit: cover; }
body.monpasie-home #video .mp-video-card__veil { display: none; }
body.monpasie-home #video .mp-video-card__play {
  top: 50%;
  left: 50%;
  bottom: auto;
  width: 56px;
  height: 56px;
  margin: 0;
  transform: translate(-50%, -50%);
  border: 1px solid var(--mp-home-media-gold);
  background: var(--mp-burgundy);
  color: #fff;
  box-shadow: none;
}

body.monpasie-home #video .mp-video-card__preview:hover .mp-video-card__play { transform: translate(-50%, -50%); background: #73262b; }
body.monpasie-home #video .mp-video-card__caption { display: flex; flex-direction: column; align-items: flex-start; min-height: 0; padding: 12px 0 0; gap: 6px; }
body.monpasie-home #video :is(.mp-video-card__caption h3, .mp-video__selected-caption p) {
  margin: 0;
  font: 600 18px/1.4 Manrope, Arial, sans-serif;
  letter-spacing: 0;
  color: var(--mp-ink);
  overflow-wrap: anywhere;
}

body.monpasie-home #video :is(.mp-video-card__caption > span, .mp-video__selected-caption span) { font: 500 13px/1.5 Manrope, Arial, sans-serif; color: var(--mp-muted); letter-spacing: 0; text-transform: none; }
body.monpasie-home #video .mp-video__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 32px;
}

body.monpasie-home #video .mp-video__footer :is(.elementor-widget-button, .mp-button) { width: min(430px, 100%); }
body.monpasie-home #video .mp-video__footer :is(.mp-button, .elementor-button) {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 16px 24px;
  border-radius: 16px;
}
body.monpasie-home #video .mp-video__footer .elementor-button { width: 100%; }

@media (min-width: 1101px) {
  body.monpasie-home #video .mp-video__grid > .mp-video-card--landscape:nth-last-child(2) { grid-column: 3 / span 3; }
  body.monpasie-home #video .mp-video__grid > .mp-video-card--landscape:last-child { grid-column: 6 / span 3; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  body.monpasie-home :where(#gallery) > .mp-shell { width: calc(100% - 48px); max-width: 640px; }
  body.monpasie-home #gallery .mp-gallery__collage { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.monpasie-home #video .mp-video__grid { max-width: 100%; grid-template-columns: repeat(6, minmax(0, 1fr)); }
  body.monpasie-home #video .mp-video__grid > .mp-video-card--landscape { grid-column: span 3; }
}

@media (max-width: 1100px) {
  body.monpasie-home .mp-section:where(#gallery, #video) { padding-block: 40px 48px; }
  body.monpasie-home :where(#gallery, #video) .mp-section-heading h2 { font-size: 40px; }
  body.monpasie-home #gallery .mp-gallery__heading { display: block; text-align: center; }
  body.monpasie-home #gallery .mp-gallery__note { width: min(480px, 100%); margin: 16px auto 0; }
}

@media (max-width: 760px) {
  body.monpasie-home .mp-section:where(#gallery, #video) { padding-block: 32px; }
  body.monpasie-home :where(#gallery) > .mp-shell { width: calc(100% - 32px); }
  body.monpasie-home :where(#gallery, #video) .mp-section-heading h2 { font-size: 32px; }
  body.monpasie-home #gallery .mp-layered-track { display: block; padding: 12px 0; }
  body.monpasie-home #gallery .mp-gallery__collage:not(.mp-layered-track) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.monpasie-home #gallery .mp-layered-track::before { aspect-ratio: 2 / 3; }
  body.monpasie-home #gallery .mp-layered-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(68%, 260px);
    aspect-ratio: 2 / 3;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
  body.monpasie-home #gallery .mp-layered-photo::after { display: none; }
  body.monpasie-home #video .mp-video__deck { padding: 12px 0; }
  body.monpasie-home #video .mp-video__deck .mp-video-card__caption { display: none; }
  body.monpasie-home #video .mp-video__mobile-note { font-size: 16px; line-height: 1.5; }
  body.monpasie-home #video .mp-video__deck::before { width: min(68%, 260px); aspect-ratio: 2 / 3; }
  body.monpasie-home #video .mp-video__deck .mp-video-card {
    top: 12px;
    width: min(68%, 260px);
    aspect-ratio: 2 / 3;
    border-radius: 0;
    overflow: visible;
  }
  body.monpasie-home #video .mp-video-gallery .mp-video__deck .mp-video-card__preview { aspect-ratio: 2 / 3; height: 100%; }
  body.monpasie-home #video .mp-video-gallery .mp-video-card__preview img { object-fit: cover; }
  body.monpasie-home #video .mp-video__deck .mp-video-card__preview:not([aria-current=true]) .mp-video-card__play { visibility: hidden; }
  body.monpasie-home #video .mp-video-card__preview { border: 0; border-radius: 0; background: transparent; overflow: visible; }
  body.monpasie-home #gallery .mp-layered-photo::before,
  body.monpasie-home #video .mp-video-card__preview::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--mp-home-media-gold);
    clip-path: polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
    pointer-events: none;
  }
  body.monpasie-home #gallery .mp-layered-photo img,
  body.monpasie-home #video .mp-video-card__preview img {
    position: relative;
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    max-width: none;
    max-height: none;
    margin: 1px;
    border-radius: 0;
    background: var(--mp-ice);
    clip-path: polygon(13.414px 0,calc(100% - 13.414px) 0,100% 13.414px,100% calc(100% - 13.414px),calc(100% - 13.414px) 100%,13.414px 100%,0 calc(100% - 13.414px),0 13.414px);
  }
  body.monpasie-home #gallery .mp-layered-photo::before { z-index: 0; }
  body.monpasie-home #gallery .mp-layered-photo img { z-index: 1; margin: 0; }
  body.monpasie-home #video .mp-video__selected-caption { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; margin: 12px 0 32px; }
  body.monpasie-home #video :is(.mp-video-card__caption h3, .mp-video__selected-caption p) { font-size: 16px; }
  body.monpasie-home #video .mp-video__landscapes { gap: 28px; margin-top: 0; }
  body.monpasie-home #video .mp-video-gallery .mp-video__landscapes .mp-video-card__preview { border-radius: 0; }
  body.monpasie-home #video .mp-video__footer :is(.mp-button, .elementor-widget-button) { width: 100%; }
}