@charset "UTF-8";

.dp-page-head {
  padding-block: var(--dp-s6) var(--dp-s7);

  background: var(--dp-paper-2);
}

.dp-page-head__title {
  margin-top: var(--dp-s4);
  font-size: var(--wp--preset--font-size--3-xl);
}

.dp-page-head__desc {
  margin-top: var(--dp-s3);
  max-width: var(--dp-w-prose);
  color: var(--dp-mute);
  font-size: var(--wp--preset--font-size--sm);
}

.dp-section__title {
  margin-bottom: var(--dp-s6);
  font-size: var(--wp--preset--font-size--2-xl);
}

.dp-label {
  display: block;
  color: var(--dp-accent-d);
  font-family: var(--dp-font-num);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 700;
  letter-spacing: .14em;
}

.dp-page-head--deco {
  position: relative;
  overflow: hidden;

  padding-block: var(--dp-s7) var(--dp-s7);
  min-height: 14rem;

  --dp-deco-size:  34rem;
  --dp-deco-top:  -13rem;
  --dp-deco-right: -7rem;
  --dp-deco2-x:     92%;
  --dp-deco2-y:     76%;

  background-image: radial-gradient(
    circle 9rem at var(--dp-deco2-x) var(--dp-deco2-y),
    rgba(14, 101, 117, .07) 0 100%,
    transparent 100%
  );
  background-repeat: no-repeat;
}

.dp-page-head--deco > * { position: relative; z-index: 1; }

.dp-page-head--deco::before {
  content: "";
  position: absolute;
  top: var(--dp-deco-top);
  right: var(--dp-deco-right);
  width: var(--dp-deco-size);
  height: var(--dp-deco-size);
  border-radius: 50%;
  background: rgba(255, 255, 255, .62);
  pointer-events: none;
}

@media (min-width: 768px) {
  .dp-page-head--deco {
    padding-block: var(--dp-s8) var(--dp-s9);
    min-height: 23.7rem;
  }
}

.dp-page-head--deco .dp-label { margin-top: var(--dp-s7); }

.dp-page-head--deco > .dp-container:not(:has(.dp-breadcrumb)) .dp-label {
  margin-top: 0;
}
.dp-page-head--deco .dp-page-head__title { margin-top: var(--dp-s3); }

.dp-page-head--deco > .dp-container:not(:has(.dp-label)) .dp-page-head__title {
  margin-top: var(--dp-s7);
}