/* =========================================================
   Mizunara Studio
   Page / Category
========================================================= */

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

.category-hero {
  display: grid;

  grid-template-columns:
    1fr
    1fr;

  align-items: center;

  gap: 60px;

  width:
    min(1200px, 90%);

  min-height: 80vh;

  margin: auto;
}

/* =========================================================
   BADGE
========================================================= */

.category-badge {
  display: inline-block;

  margin-bottom: 20px;

  padding:
    10px
    18px;

  border-radius: 999px;

  background:
    rgba(255, 255, 255, 0.4);

  color: var(--gold);
}

/* =========================================================
   CONTENT
========================================================= */

.category-content h1 {
  margin-bottom: 20px;

  font-size: 4rem;
}

.category-content p {
  margin-bottom: 30px;

  font-size: 1.1rem;

  line-height: 1.8;
}

/* =========================================================
   IMAGE
========================================================= */

.category-image img {
  width: 100%;

  border-radius: 30px;

  object-fit: cover;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1000px) {

  .category-hero {
    grid-template-columns: 1fr;

    text-align: center;
  }
}