@media screen and (min-width: 768px), print {
  .breadcrumb__list {
    padding-bottom: 1.6rem;
  }
}
:where(.main-area) a {
  display: block;
}
:where(.main-area) img {
  inline-size: 100%;
  block-size: auto;
}
@media screen and (min-width: 768px), print {
  :where(.main-area) a {
    transition-duration: 0.3s;
  }
}

.main-area {
  --lp-color-black: var(--black);
  inline-size: 100%;
  margin-inline: auto;
  -webkit-padding-after: calc(70 * (100vw / 375));
  padding-block-end: calc(70 * (100vw / 375));
  color: var(--lp-color-black);
}

.main-section {
  -webkit-margin-before: calc(50 * (100vw / 375));
  margin-block-start: calc(50 * (100vw / 375));
}
.main-section h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: calc(16 * (100vw / 375));
  font-family: "acumin-pro-condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: calc(50 * (100vw / 375));
  text-align: center;
  letter-spacing: 0.05em;
}
.main-section h2::after {
  content: "";
  display: block;
  inline-size: calc(50 * (100vw / 375));
  block-size: 3px;
  background-color: var(--lp-color-black);
}
.main-section .kangol-lead,
.main-section .kangol-desc {
  font-family: var(--hirakaku);
  text-align: center;
}
.main-section .kangol-lead {
  -webkit-margin-before: calc(47 * (100vw / 375));
  margin-block-start: calc(47 * (100vw / 375));
  font-size: calc(18 * (100vw / 375));
  font-weight: var(--font-weight-semibold);
  line-height: 2;
  letter-spacing: 0.07em;
}
.main-section .kangol-desc {
  -webkit-margin-before: calc(44 * (100vw / 375));
  margin-block-start: calc(44 * (100vw / 375));
  font-size: calc(14 * (100vw / 375));
  font-weight: var(--font-weight-light);
  line-height: 2.5;
  letter-spacing: 0.04em;
}
.main-section .product-gallery {
  -webkit-margin-before: calc(68 * (100vw / 375));
  margin-block-start: calc(68 * (100vw / 375));
}
.main-section .product-gallery h3 {
  font-family: "acumin-pro-condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: calc(33 * (100vw / 375));
  text-align: center;
  letter-spacing: 0.05em;
}
.main-section .product-gallery__list {
  --grid-repeat-count: 2;
  display: grid;
  grid-template-columns: repeat(var(--grid-repeat-count), 1fr);
  gap: calc(5 * (100vw / 375));
  inline-size: calc(359 * (100vw / 375));
  -webkit-margin-before: calc(14 * (100vw / 375));
  margin-block-start: calc(14 * (100vw / 375));
  margin-inline: auto;
}
.main-section .kangol-link {
  display: grid;
  place-items: center;
  inline-size: calc(280 * (100vw / 375));
  block-size: calc(54 * (100vw / 375));
  -webkit-margin-before: calc(50 * (100vw / 375));
  margin-block-start: calc(50 * (100vw / 375));
  margin-inline: auto;
  font-family: var(--font-weight-semibold);
  font-size: calc(16 * (100vw / 375));
  color: var(--white);
  line-height: 1.3125;
  letter-spacing: 0.1em;
  background-color: var(--lp-color-black);
}

@media screen and (min-width: 768px), print {
  .main-area {
    max-inline-size: 104rem;
    -webkit-padding-after: 10rem;
    padding-block-end: 10rem;
    padding-inline: 2rem;
  }
  .main-section {
    -webkit-margin-before: 7rem;
    margin-block-start: 7rem;
  }
  .main-section h2 {
    row-gap: 1.6rem;
    font-size: 5.4rem;
  }
  .main-section h2::after {
    inline-size: 5rem;
  }
  .main-section .kangol-lead {
    -webkit-margin-before: 4.7rem;
    margin-block-start: 4.7rem;
    font-size: 1.8rem;
    line-height: 1;
  }
  .main-section .kangol-desc {
    -webkit-margin-before: 4.4rem;
    margin-block-start: 4.4rem;
    font-size: 1.6rem;
    line-height: 2.5;
    letter-spacing: 0.07em;
  }
  .main-section .product-gallery {
    -webkit-margin-before: 9.8rem;
    margin-block-start: 9.8rem;
  }
  .main-section .product-gallery h3 {
    font-size: 3.6rem;
  }
  .main-section .product-gallery__list {
    --grid-repeat-count: 4;
    gap: 0.8rem;
    inline-size: 100%;
    -webkit-margin-before: 1.8rem;
    margin-block-start: 1.8rem;
  }
  .main-section .kangol-link {
    inline-size: 28rem;
    block-size: 5.4rem;
    -webkit-margin-before: 7rem;
    margin-block-start: 7rem;
    font-size: 1.6rem;
  }
}