.pg-header:first-child {
  padding-top: clamp(50px, 5.5555555556vw, 80px);
}
.pg-header__title {
  font-size: clamp(34px, 4.1666666667vw, 60px);
  font-weight: bold;
  font-family: var(--ff-beaufort);
  text-align: center;
}

.pg-contents {
  margin-top: clamp(70px, 6.6666666667vw, 96px);
}

.pg-anchor-link:not(:first-child) {
  margin-top: clamp(48px, 6.6666666667vw, 96px);
}
.pg-anchor-link__inner {
  --minmax: max(calc(var(--content-min-margin, 24) * 1px), calc(var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw));
  max-width: var(--content-max-width, 100%);
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - var(--minmax) * 2);
}
.pg-anchor-link__items {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem 1.25rem;
}
@media (min-width: 993px) {
  .pg-anchor-link__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.pg-anchor-link__item {
  position: relative;
  background-color: var(--clr--border-gray-2);
  height: 4.375rem;
  border-radius: 0.5rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  transition-property: background-color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0s;
}
.pg-anchor-link__item a {
  font-weight: bold;
}
.pg-anchor-link__item a::after {
  content: "";
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.pg-anchor-link__item .c-svg {
  width: 0.75rem;
  fill: var(--clr--theme-red);
}
@media (min-width: 993px) {
  .pg-anchor-link__item:hover {
    background-color: #dcdcd5;
  }
}

.pg-sections {
  padding-bottom: clamp(70px, 6.6666666667vw, 96px);
}

.pg-section + .pg-section {
  margin-top: clamp(64px, 6.6666666667vw, 96px);
}
.pg-section__inner {
  --minmax: max(calc(var(--content-min-margin, 24) * 1px), calc(var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw));
  max-width: var(--content-max-width, 100%);
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - var(--minmax) * 2);
}
.pg-section__title {
  font-size: clamp(32px, 2.7777777778vw, 40px);
  font-weight: bold;
  font-family: var(--ff-beaufort);
}
.pg-section__content:not(:first-child) {
  margin-top: clamp(32px, 3.3333333333vw, 48px);
}

.pg-recipes__grid {
  display: grid;
  gap: clamp(20px, 2.7777777778vw, 40px) clamp(12px, 1.3888888889vw, 20px);
}
@media (max-width: 992px) {
  .pg-recipes__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pg-recipes__grid .pg-recipes__cell:first-child {
    grid-column: span 2;
    padding-bottom: 0.25rem;
  }
  .pg-recipes__grid:has(.pg-recipes__cell:last-child:nth-child(2n)) .pg-recipes__cell:nth-child(2) {
    grid-column: span 2;
  }
}
@media (min-width: 993px) {
  .pg-recipes__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.pg-recipe {
  position: relative;
}
.pg-recipe__img {
  border-radius: 0.5rem;
  overflow: hidden;
}
.pg-recipe__img a::after {
  content: "";
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.pg-recipe__img img {
  width: 100%;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pg-recipe__title {
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.2;
  margin-top: 0.5rem;
  font-weight: bold;
}
@media (min-width: 993px) {
  .pg-recipe:hover:has(a[href]) .pg-recipe__img img {
    transform: scale(1.05);
  }
}

.c-aside {
  border-top: 1px solid var(--clr--border-gray-2);
}/*# sourceMappingURL=index.css.map */