@charset "UTF-8";
@font-face {
  font-family: "Martina Plantijn Light";
  src: url("../fonts/martina-plantijn-light.woff2") format("woff2");
}
@font-face {
  font-family: "Martina Plantijn Light Italic";
  src: url("../fonts/martina-plantijn-light-italic.woff2") format("woff2");
}
* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Martina Plantijn Light", serif;
  font-style: normal;
  color: #3c585f;
  font-size: 18px;
  padding: 0;
  margin: 0;
  background: linear-gradient(#ffe6d9 70%, white);
}

p {
  margin: 0;
  max-width: 65ch;
}

ul {
  padding: 0;
  margin: 1em 0;
}

ul li,
ul p {
  display: inline-block;
  margin-bottom: 1em;
}

li::before {
  content: "—   ";
}

li img {
  width: 40px;
}

main {
  margin: auto;
}

section {
  flex: 1;
}

a,
.link {
  color: currentColor;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.4rem;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

.main-carousel {
  padding: 0;
  margin: 0;
}
.main-carousel .hero-text,
.main-carousel figure {
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
}
@media (min-width: 1200px) {
  .main-carousel .hero-text,
  .main-carousel figure {
    padding: 0 1rem 0 3rem;
  }
}
.main-carousel h2 {
  margin: 1rem;
  padding: 1rem 0 3rem;
  border-top: 1px solid currentColor;
}
@media (min-width: 1200px) {
  .main-carousel h2 {
    margin: 0 1rem 0 3rem;
  }
}
.main-carousel .hero-text {
  font-size: clamp(1.5rem, 5vw, 3rem);
  min-height: 50dvh;
  display: grid;
  align-items: center;
}
.main-carousel .hero-text p {
  max-width: 30ch;
}
.main-carousel .hero-text p.footer {
  margin: 4rem 0;
}
.main-carousel figure {
  margin: 0;
  position: relative;
  display: grid;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  margin-bottom: 10rem;
  row-gap: 2rem;
}
@media (min-width: 1200px) {
  .main-carousel figure {
    grid-template-columns: 2fr 1fr;
  }
}
.main-carousel figure img {
  width: 100%;
  height: auto;
  z-index: 700;
  padding: 0;
  margin: 0;
}
.main-carousel figure:hover img {
  filter: none;
  mix-blend-mode: normal;
}
.main-carousel figure figcaption {
  z-index: 800;
  font-size: clamp(1rem, 4vw, 2.4rem);
  margin: 0;
  display: flex;
  flex-direction: column;
}
.main-carousel figure figcaption h3 {
  font-size: inherit;
  margin: auto 0 1rem;
}
.main-carousel figure figcaption p {
  font-size: clamp(1rem, 3vw, 2rem);
}/*# sourceMappingURL=2024hold.css.map */