.elementor-1063 .elementor-element.elementor-element-781f82c{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1063 .elementor-element.elementor-element-18121436{--display:flex;--min-height:680px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1063 .elementor-element.elementor-element-2a63151e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:50px;}.elementor-1063 .elementor-element.elementor-element-211b4c25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:50px;--padding-right:60px;}@media(min-width:768px){.elementor-1063 .elementor-element.elementor-element-18121436{--content-width:1100px;}.elementor-1063 .elementor-element.elementor-element-211b4c25{--content-width:1140px;}}/* Start custom CSS for container, class: .elementor-element-781f82c *//* SCENE BACKGROUND */

.book-scene {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 40px 20px;
  box-sizing: border-box;

  background:
    linear-gradient(rgba(245,225,190,0.12), rgba(245,225,190,0.12)),
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,0.03) 0px,
      rgba(255,255,255,0.03) 2px,
      rgba(0,0,0,0.012) 2px,
      rgba(0,0,0,0.012) 4px
    ),
    linear-gradient(180deg, #e9d1ac 0%, #eedabd 100%);
}


/* BOOK WRAPPER */

.open-book {
  position: relative;
  display: flex;
  width: min(1100px, 90vw);
  min-height: 680px;
  height: auto;
  align-items: stretch;

  filter: drop-shadow(0 20px 30px rgba(0,0,0,0.18));
}


/* PAGE BASE */

.page {
  flex: 1 1 50%;
  position: relative;
  background: linear-gradient(180deg, #f8f5ef 0%, #f2ede6 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  overflow: visible;
}


/* LEFT PAGE */

.page-left {
  border-radius: 6px 0 0 6px;
  box-shadow:
    inset 18px 0 0 rgba(0,0,0,0.03),
    inset -12px 0 25px rgba(0,0,0,0.04);
}


/* RIGHT PAGE */

.page-right {
  border-radius: 0 6px 6px 0;
  box-shadow:
    inset -18px 0 0 rgba(0,0,0,0.03),
    inset 12px 0 25px rgba(0,0,0,0.04);
}


/* BOOK CENTER GUTTER */

.open-book::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 26px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.12) 0%,
    rgba(0,0,0,0.05) 18%,
    rgba(255,255,255,0.42) 50%,
    rgba(0,0,0,0.05) 82%,
    rgba(0,0,0,0.12) 100%
  );
  z-index: 5;
  pointer-events: none;
}


/* INNER PAGE SHADOW */

.page-left::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  width: 42px;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.05) 100%
  );
}

.page-right::after {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 42px;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.05) 0%,
    rgba(0,0,0,0) 100%
  );
}


/* OUTER PAGE EDGE */

.page-left::before,
.page-right::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  width: 14px;
  background: repeating-linear-gradient(
    180deg,
    #e7e1d8 0px,
    #f7f3ed 3px,
    #ddd6cd 6px
  );
  opacity: 0.9;
}

.page-left::before {
  left: -10px;
  border-radius: 4px 0 0 4px;
}

.page-right::before {
  right: -10px;
  border-radius: 0 4px 4px 0;
}


/* BOTTOM PAGE CURL */

.open-book::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 36px;
  height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.88) 0%,
    #ebe6de 100%
  );
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  filter: drop-shadow(0 3px 4px rgba(0,0,0,0.15));
}


/* TYPOGRAPHY */

.book-eyebrow .elementor-heading-title {
  font-size: 12px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #8f7d67;
  font-weight: 600;
}

.book-title .elementor-heading-title {
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.05;
  color: #3f352c;
  font-weight: 500;
}

.book-text,
.book-text p {
  font-size: 16px;
  line-height: 1.8;
  color: #65584d;
  max-width: 420px;
}

.book-button .elementor-button {
  background: transparent;
  color: #3f352c;
  border: 1px solid #bba78d;
  padding: 14px 28px;
  border-radius: 999px;
  transition: all .25s ease;
}

.book-button .elementor-button:hover {
  background: #3f352c;
  color: #f8f5ef;
  border-color: #3f352c;
}


/* LONG CONTENT FIXES */

.page .elementor-widget,
.page .elementor-element,
.page .elementor-widget-container {
  max-width: 100%;
}

.page p,
.page li {
  word-break: normal;
  overflow-wrap: break-word;
}


/* MOBILE */

@media (max-width: 900px) {
  .open-book {
    flex-direction: column;
    width: min(92vw, 700px);
  }

  .page-left,
  .page-right {
    border-radius: 6px;
    min-height: auto;
  }

  .open-book::before,
  .open-book::after,
  .page-left::before,
  .page-right::before,
  .page-left::after,
  .page-right::after {
    display: none;
  }
}/* End custom CSS */