@import "../template.css";
.page-article-detail {
  position: relative;
}
.page-article-detail .page-bg {
  height: 100vh;
}
@media (max-height: 640px) {
  .page-article-detail .page-bg {
    height: 32rem;
  }
}
@media (max-width: 992px) {
  .page-article-detail .page-bg {
    height: 32rem;
    background-color: rgba(var(--grey900), 1);
  }
}
.page-article-detail .page-bg:after {
  height: 100%;
}
@media (max-width: 992px) {
  .page-article-detail .page-bg:after {
    background: linear-gradient(180deg, rgba(var(--grey900), 0) 68%, rgba(var(--grey900), 0.85) 86%, rgba(var(--grey900), 1)), radial-gradient(38% 31% at 50% 51%, rgba(var(--grey900), 0.4) 0%, rgba(var(--grey900), 0) 100%), linear-gradient(180deg, rgba(var(--grey900), 0) 0%, rgba(var(--grey900), 0.3) 40%), rgba(var(--grey900), 0.15);
  }
}
@media (max-width: 992px) {
  .page-article-detail .page-content {
    padding-top: 3rem;
  }
}
.page-article-detail .page-content .page-head {
  min-height: 38vh;
  justify-content: center;
}