.bible-study-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 50% 12%, rgba(216,179,95,.22), transparent 34%),
    linear-gradient(135deg, #020d07, #072717 52%, #020d07);
  padding:110px 20px 90px;
}

.bible-study-stage{
  width:min(1100px, 100%);
  margin:0 auto;
}

.study-desk{
  min-height:620px;
  display:grid;
  place-items:center;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,216,122,.18), transparent 34%),
    linear-gradient(135deg, #2a1609, #5a3218 48%, #1a0d05);
  box-shadow:
    0 40px 120px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.closed-bible{
  position:relative;
  width:min(420px, 88vw);
  height:560px;
  border:0;
  border-radius:24px 34px 34px 24px;
  cursor:pointer;
  color:#f8e6b1;
  background:
    linear-gradient(135deg, #241008, #4a1d10 58%, #160904);
  box-shadow:
    18px 24px 50px rgba(0,0,0,.45),
    inset 0 0 0 2px rgba(216,179,95,.42),
    inset 14px 0 18px rgba(255,255,255,.06),
    inset -18px 0 22px rgba(0,0,0,.28);
  display:grid;
  place-items:center;
  align-content:center;
  gap:18px;
  font-family:Georgia, "Times New Roman", serif;
  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.closed-bible:hover{
  transform:translateY(-8px) rotate(-1deg);
  box-shadow:
    22px 34px 70px rgba(0,0,0,.5),
    inset 0 0 0 2px rgba(216,179,95,.58),
    inset 14px 0 18px rgba(255,255,255,.07),
    inset -18px 0 22px rgba(0,0,0,.3);
}

.bible-cover-cross{
  font-size:4.2rem;
  color:#d8b35f;
  text-shadow:0 0 22px rgba(216,179,95,.32);
}

.bible-cover-title{
  font-size:3rem;
  line-height:.9;
  font-weight:700;
  letter-spacing:.02em;
}

.bible-cover-subtitle{
  font-family:Arial, sans-serif;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#d8b35f;
}

@media(max-width:700px){
  .bible-study-page{
    padding:84px 14px 70px;
  }

  .study-desk{
    min-height:560px;
    border-radius:24px;
  }

  .closed-bible{
    width:min(330px, 86vw);
    height:450px;
  }

  .bible-cover-title{
    font-size:2.35rem;
  }
}



.bible-book{
  position:relative;
  width:min(920px, 94vw);
  min-height:580px;
  display:grid;
  place-items:center;
  perspective:1800px;
}

.open-bible{
  position:absolute;
  inset:auto;
  width:min(920px, 94vw);
  min-height:560px;
  display:grid;
  grid-template-columns:1fr 1fr;
  opacity:0;
  pointer-events:none;
  transform:scale(.92) translateY(18px);
  transition:
    opacity .45s ease,
    transform .55s ease;
}

.bible-book.is-open .closed-bible{
  opacity:0;
  pointer-events:none;
  transform:rotateY(-82deg) translateX(-120px);
}

.bible-book.is-open .open-bible{
  opacity:1;
  pointer-events:auto;
  transform:scale(1) translateY(0);
}

.bible-page{
  min-height:560px;
  padding:42px 36px;
  background:
    linear-gradient(90deg, rgba(120,72,18,.12), transparent 12%),
    linear-gradient(180deg, #fff7df, #ead7a8);
  color:#1b140c;
  box-shadow:
    inset 0 0 34px rgba(88,49,12,.18),
    0 26px 60px rgba(0,0,0,.32);
  font-family:Georgia, "Times New Roman", serif;
}

.bible-page-left{
  border-radius:28px 8px 8px 28px;
  border-right:1px solid rgba(86,47,12,.22);
}

.bible-page-right{
  border-radius:8px 28px 28px 8px;
  border-left:1px solid rgba(255,255,255,.5);
}

.page-kicker{
  margin:0 0 12px;
  color:#8b6425;
  font-family:Arial, sans-serif;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.bible-page h2{
  margin:0 0 18px;
  color:#241008;
  font-size:2.4rem;
  line-height:.9;
}

.bible-page p{
  font-size:1.1rem;
  line-height:1.75;
}

@media(max-width:760px){
  .bible-book{
    min-height:620px;
  }

  .open-bible{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .bible-page{
    min-height:320px;
    padding:30px 24px;
  }

  .bible-page-left{
    border-radius:24px 24px 6px 6px;
  }

  .bible-page-right{
    border-radius:6px 6px 24px 24px;
  }
}