/* ==========================================================================
   hack.inc corporate site — Privacy Policy page
   ========================================================================== */

/* --- KV: About Usの構造を再利用し、背景装飾だけをPrivacy専用にする --- */
.privacy-hero__shape {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.privacy-hero__shape--1 {
  top: -22%;
  right: 11%;
  width: min(18vw, 260px);
  height: 135%;
  border-radius: 999px;
  background-color: var(--color-bg-decor-navy);
  transform: rotate(28deg);
}

.privacy-hero__shape--2 {
  top: 12%;
  right: -7%;
  width: min(27vw, 390px);
  aspect-ratio: 1;
  border: 1px solid rgba(30, 39, 97, 0.1);
  border-radius: 50%;
}

.privacy-hero__shape--3 {
  right: 32%;
  bottom: -18%;
  width: min(13vw, 180px);
  aspect-ratio: 1;
  border-radius: 18%;
  background-color: rgba(184, 115, 51, 0.09);
  transform: rotate(45deg);
}

.privacy-hero__title {
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.55;
}

/* --- Document --- */
.privacy-content {
  background-color: var(--color-bg-soft);
  border-bottom: 1px solid var(--color-border);
}

.privacy-document {
  max-width: 880px;
  margin-inline: auto;
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  line-height: 2.15;
}

.privacy-document__intro {
  color: var(--color-text-nav);
}

.privacy-document__section {
  margin-top: var(--space-6);
}

.privacy-document__section h2 {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-navy);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
}

.privacy-document__section h2 + p,
.privacy-document__section h2 + ul {
  margin-top: var(--space-3);
}

.privacy-document__section p + p,
.privacy-document__section ul + p {
  margin-top: var(--space-3);
}

.privacy-document ul {
  margin-top: var(--space-2);
  padding-left: 1.5rem;
  list-style: disc;
}

.privacy-document li {
  padding-left: 0.25rem;
}

.privacy-document li::marker {
  color: var(--color-copper);
}

.privacy-document__subsection {
  margin-top: var(--space-4);
}

.privacy-document__subsection h3 {
  color: var(--color-text-nav);
  font-size: 1rem;
  font-weight: 700;
}

.privacy-document__contact {
  line-height: 2.1;
}

.privacy-document__dates {
  margin-top: var(--space-7);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.9;
}

@media (max-width: 640px) {
  .privacy-hero__shape--1 {
    top: -12%;
    right: -12%;
    width: 34vw;
    height: 105%;
  }

  .privacy-hero__shape--2 {
    top: 38%;
    right: -26%;
    width: 68vw;
  }

  .privacy-hero__shape--3 {
    right: 45%;
    bottom: -6%;
    width: 28vw;
  }

  .privacy-hero__title {
    font-size: 1.75rem;
  }

  .privacy-document {
    font-size: 0.875rem;
    line-height: 2;
  }

  .privacy-document__section {
    margin-top: var(--space-5);
  }

  .privacy-document__section h2 {
    font-size: 1.0625rem;
  }

  .privacy-document__dates {
    margin-top: var(--space-6);
  }
}