/* =====================================
   LUCUBRARE — FULL GALLERY PAGE
===================================== */


/* =====================================
   HERO
===================================== */

.gallery-page-hero {
  position: relative;

  min-height: 430px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding:
    120px
    clamp(24px, 5vw, 72px)
    76px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 12%,
      rgba(200, 146, 62, 0.12),
      transparent 28%
    ),
    radial-gradient(
      circle at 50% 110%,
      rgba(255, 255, 255, 0.035),
      transparent 34%
    ),
    #020202;

  border-bottom:
    1px solid rgba(255, 255, 255, 0.06);
}


.gallery-page-heading {
  position: relative;
  z-index: 2;

  width: min(100%, 980px);

  text-align: center;
}


.gallery-page-heading h1 {
  margin:
    28px
    0
    0;

  color: #f4f1eb;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(58px, 7.5vw, 112px);

  font-weight: 400;
  line-height: 0.95;

  letter-spacing: -0.04em;
}


.gallery-page-heading p {
  max-width: 620px;

  margin:
    28px
    auto
    0;

  color:
    rgba(244, 241, 235, 0.62);

  font-size:
    clamp(13px, 1.2vw, 16px);

  line-height: 1.7;
}


/* =====================================
   COLLECTION
===================================== */

.gallery-page-collection {
  padding-top:
    clamp(84px, 9vw, 130px);
}


.gallery-page-collection .gallery-heading {
  margin-bottom:
    clamp(40px, 5vw, 64px);
}


/* =====================================
   CURRENT NAV ITEM
===================================== */

.lucubrare-nav-links a[aria-current="page"] {
  color: #fff;
}


.lucubrare-nav-links a[aria-current="page"]::after {
  transform: scaleX(1);
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 620px) {

  .gallery-page-hero {
    min-height: 360px;

    padding:
      108px
      24px
      62px;
  }


  .gallery-page-heading h1 {
    font-size:
      clamp(48px, 15vw, 70px);
  }


  .gallery-page-heading p {
    margin-top: 22px;
  }

}