.about-body {
  background-color: #e9e2e2;
  background: #f0f0eb;
}
.about-container {
  width: 100vw;
}

.about {
  width: 100%;
  display: flex;
  flex: row;
  align-items: center;
  justify-content: space-between;
  display: none;
}

.about-blurb-title {
  font-family: "LTC Bodoni 175 Pro Regular";
  font-size: 70px;
  font-family: "ltc-bodoni-175", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.4px;
  color: #6b7646;
  font-weight: 400;
  margin-bottom: 20px;
}

.about-blurb {
  color: #d23636;
  color: black;
  font-family: "Tinos";
  font-family: "LTC Bodoni 175 Pro Regular";
  background-color: #fff3;
  background: none;
  backdrop-filter: blur(3px);
  font-size: 15pt;
  width: 100%;
  padding: 2rem;

  b {
    font-weight: 600;
    font-size: 14pt;
    color: transparent; /* Set text color to transparent */
    background: linear-gradient(
        to right,
        #e08583,
        #d23138 25%,
        #e08583 50%,
        #d23138 75%,
        #e08583 100%
      )
      0% 0% / 200% 100%;
    -webkit-background-clip: text; /* Clip the background to the text */
    background-clip: text; /* Clip the background to the text */
    animation: slide 10s linear infinite; /* Apply the animation */
    display: inline;
    background-size: 200% 100%;
  }
}

.about-blurb:last-of-type {
  display: none;
}

.about-blurb b:nth-child(1) {
  animation-delay: 1s;
}
.about-blurb b:nth-child(2) {
  animation-delay: 2s;
}

.about-blurb span {
  display: block;
}

.about-blurb span:first-letter,
.about-blurb p:first-letter {
  font-size: 40px;
  font-weight: 700;
}

.divided-image {
  position: relative;
  width: 550px; /* Adjust width as needed */
  height: 550px;
  overflow: hidden;
}

.holland-left,
.holland-right {
  position: absolute;
  top: 0;
  width: 50%; /* Maintain half-and-half split between images */
  height: auto; /* Keep the aspect ratio */
}

.holland-left {
  left: 0;
  z-index: 100004 !important;
}

.holland-right {
  right: 0;
  z-index: 100000 !important;
}

.about-title svg {
  position: absolute;
  width: 40%;
  height: 20%;
}

#text-container {
  z-index: 100007;
  font-family: "BDScript-Bold";
  font-family: "ltc-bodoni-175", serif;
  font-weight: 400;
  font-style: normal;
  overflow: visible;
  color: #6b7646;
  letter-spacing: 0;
  position: absolute;
  margin-top: 120px;
}

.book2 {
  --color: #6c764c;
}

.about-new {
  padding: 80px 0 250px;
}

.about-new__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 0 30px;
}

.about-new__image {
  height: auto;
  width: 50%;
  flex: 1 1 50%;
}

.about-new__image img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.about-new__text {
  flex: 0 0 50%;
  font-size: 20pt;
  color: #6c764c;
  font-family: "ltc-bodoni-175", serif;
  line-height: 1.2;
  padding-left: 50px;
  text-align: left;
}

.about-new__text p:first-of-type {
  text-indent: 0;
}

.about-new__text p:first-of-type:first-letter {
  float: left;
  font-size: 4em;
  line-height: 0.6;
  padding: 0.15em 0 0 0;
  text-transform: uppercase;
}

.about-new__text-top {
  display: flex;
  max-width: 780px;
  margin-inline: auto;
  justify-content: center;
}

.about-new__text-top span {
  font-size: 65pt;
  line-height: 0.8;
}

@media (max-width: 1200px) {
  .about-new__text {
    font-size: 16pt;
  }

  .about-new__text-top span {
    font-size: 40pt;
    line-height: 1;
  }
}

@media (max-width: 992px) {
  .about {
    flex-direction: column;
    padding-top: 64px;
  }

  .divided-image {
    width: 100%;
    height: 420px;
  }

  .about-blurb span {
    display: none;
  }

  .about-blurb:last-of-type {
    display: block;
    padding-bottom: 130px;
  }

  .about-new__wrapper {
    flex-direction: column-reverse;
  }

  .about-new__image,
  .about-new__text {
    flex: 1 1 100%;
    width: 100%;
  }

  .about-new__text {
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 830px) {
  .about-new__text-top-right {
    flex-direction: column;
  }

  .about-new__text-top-right p {
    line-height: 1.2;
  }

  .about-new__text {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .divided-image {
    height: 250px;
  }
}

@media (max-width: 575px) {
	.about-new__wrapper {
		padding: 0 15px; 
	}
	.about-new {
		padding: 60px 0 220px;
	}
}