/* Reading Room hero artwork — replaces the retired CSS illustration. */
.coffee-scene {
  position: relative;
  margin: 0;
  width: min(48vw, 760px);
  height: auto;
  justify-self: end;
}

.coffee-scene::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: -1px;
  border: 1px solid rgba(211, 174, 120, .28);
  border-radius: 46% 46% 18px 18px;
  pointer-events: none;
}

.coffee-scene::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 12% -6% -12% 10%;
  background: rgba(201, 140, 91, .2);
  filter: blur(50px);
}

.coffee-scene img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 46% 46% 18px 18px;
  box-shadow: 0 35px 75px #050805;
  filter: saturate(.82) contrast(1.03);
}

@media (max-width: 850px) {
  .coffee-scene {
    width: 100%;
    height: auto;
    margin-top: 55px;
    justify-self: stretch;
  }
}

@media (max-width: 520px) {
  .coffee-scene {
    margin-top: 40px;
    transform: none;
  }

  .coffee-scene img,
  .coffee-scene::before {
    border-radius: 34% 34% 12px 12px;
  }
}

.adult-book-on-hold {
  opacity: .78;
}

.adult-rights-hold {
  display: inline-block;
  margin-top: auto;
  color: #8b4c2b;
  font-weight: 700;
}