/** Shopify CDN: Minification failed

Line 253:1 Expected "}" to go with "{"

**/


/* CSS from section stylesheet tags */
/* --- Algemene sectiestijlen --- */
.split-timelapse-section {
  width: 100%;
  min-height: calc(90vh + 1cm);
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
  font-family: 'Assistant', sans-serif;
}

@media (max-width: 900px) {
  .split-timelapse-section {
    padding-left: 0;
    padding-right: 0;
    /* Hier kun je voor mobiel ook extra padding-top/bottom zetten indien gewenst */
  }
}

.split-timelapse-inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  max-width: 1400px;
  min-height: 90vh;
  width: 100%;
  background: none;
  gap: 0rem;
  position: relative;
  overflow: visible;
}

/* --- Achtergrondafbeelding alleen desktop --- */
.stm-bg-image {
  display: none;
}
@media (min-width: 901px) {
  .stm-bg-image {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 50% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
    border-radius: 0.1rem !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }
  .stm-media {
    position: relative;
    z-index: 2;
  }
}

/* --- Media en content --- */
.stm-media {
  display: flex;
  flex: 1 1 50%;
  align-items: center;
  justify-content: center;
}
.stm-desktop-media {
  display: block;
  width: 50%;
}
.stm-mobile-media {
  display: none;
}
.stm-desktop-video, .stm-mobile-video {
  width: 100%;
  border-radius: 0.1rem;
  display: block;
  background: #fff;
  box-shadow: 0 8px 32px 0 rgba(25, 25, 25, 0.18);  /* Subtiele dropshadow */
}

@media (max-width: 900px) {
  .stm-mobile-video {
    box-shadow: none;
  }
}

.stm-content {
  flex: 1 1 50%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;   /* tekst naar boven */
  align-items: flex-start;
  background: none;
  padding: 2rem 7.5rem 3rem 7rem;     /* top, right, bottom, left */
  border-radius: 0;
  margin: 3rem 0;
  box-sizing: border-box;
  z-index: 2;
  box-shadow: none;
}

.stm-heading {
  font-size: 4.5rem;
  font-weight: 600;
  color: #111;
  margin-bottom: 1.6rem;
  line-height: 1.13;
  font-family: 'Assistant', sans-serif;
  letter-spacing: 0em;
}
.stm-body {
  font-size: 1.6rem;            /* desktopgrootte */
  font-weight: 400;
  color: #3e3e3e;
  margin-bottom: 2.5rem;
  line-height: 1.6;
  font-family: 'Assistant', sans-serif;
  max-width: 600px;
  letter-spacing: 0.06rem;      /* letterruimte exact als theme */
}

@media (max-width: 750px) {
  .stm-body {
    font-size: 1.5rem;          /* mobielgrootte */
  }
}

/* --- Mobiel responsive --- */
@media (max-width: 900px) {
  .split-timelapse-inner {
    flex-direction: column;
    min-height: unset;
    max-width: 100vw;
    padding: 0;
  }
  .stm-bg-image {
    display: none;
  }
  .stm-media {
    flex-direction: column;
    gap: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .stm-desktop-media {
    display: none;
  }
  .stm-mobile-media {
    display: block;
    width: 100%;
    margin-bottom: 4rem;
    margin-top: 2rem;
    box-sizing: border-box;
    padding-left: 1.5rem;   /* Dawn default padding on mobile */
    padding-right: 1.5rem;
  }
  .stm-mobile-video {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 0.1rem;
    background: #fff;
    display: block;
  }
  .stm-content {
    align-items: flex-start;
    border-radius: 0;
    max-width: 100vw;
    box-shadow: none;
    background: #fff;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
  }
  .stm-heading {
    font-size: 4.5rem;
    font-family: 'Assistant', sans-serif;
    font-weight: 600;
    letter-spacing: 0em;
    line-height: 1.27;
    margin-bottom: 0rem;
    margin-top: 0;
  }
  .stm-body {
    font-size: 1.5rem;
    font-family: 'Assistant', sans-serif;
    font-weight: 400;
    letter-spacing: 0.06rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
    margin-bottom: 1.5rem;
    max-width: 60rem;
    margin-top: 1rem; 
    margin-bottom: 3rem;
  }
  /* Alle H1 binnen stm-content: geen extra top margin */
  .stm-content h1, .stm-heading, h1 {
    margin-top: 0;
  }
}

/* --- Geen extra padding op smal mobiel, want 1.5rem is overal gelijk aan Dawn --- */
@media (max-width: 600px) {
  .stm-content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    padding-top: 0;
    padding-bottom: 0;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
  }
  .stm-heading {
    font-size: 3.39rem;
    font-family: 'Assistant', sans-serif;
    font-weight: 600;
    letter-spacing: 0.068rem;
    line-height: 1.27;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .stm-body {
    font-size: 1.5rem;
    margin-top: 1rem; 
    margin-bottom: 3rem;
  }
  /* Geen extra padding op .stm-mobile-media hier! */

  @media (max-width: 749px) {
  .split-timelapse-section.page-width {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .stm-mobile-media {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}