.privacy-page {
  position: relative;
  padding: clamp(2rem, 5vw, 4rem) 0 clamp(3rem, 6vw, 5rem);
  color: #172132;
}

.privacy-shell {
  width: min(100% - 2.5rem, 960px);
  margin-inline: auto;
  display: grid;
  gap: 1rem;
}

.privacy-hero {
  display: grid;
  gap: 0.85rem;
  padding: clamp(1.1rem, 2vw, 1.5rem) 0 0.4rem;
}

.privacy-hero h1 {
  margin: 0;
  color: #111925;
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-size: clamp(2.8rem, 6vw, 5rem);
  line-height: 0.9;
  letter-spacing: -0.05em;
}

.privacy-hero p,
.privacy-card p,
.privacy-card li {
  color: #4d5967;
  line-height: 1.7;
}

.privacy-updated {
  font-weight: 800;
  color: #21364b;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.privacy-card {
  display: grid;
  gap: 0.85rem;
  padding: clamp(1.1rem, 2.6vw, 1.45rem);
  border-radius: 1.5rem;
  border: 1px solid rgb(18 30 44 / 0.08);
  background: rgb(255 255 255 / 0.66);
  box-shadow:
    0 24px 48px rgb(17 24 35 / 0.08),
    inset 0 1px 0 rgb(255 255 255 / 0.68);
  backdrop-filter: blur(14px);
}

.privacy-card h2 {
  margin: 0;
  color: #111925;
  font-size: clamp(1.3rem, 2.6vw, 1.7rem);
}

.privacy-card p {
  margin: 0;
}

.privacy-card ul {
  margin: 0;
  padding-left: 1.2rem;
}

.privacy-card li + li {
  margin-top: 0.55rem;
}

.privacy-card a {
  color: #103f7a;
  font-weight: 800;
}

.privacy-contact {
  background:
    radial-gradient(circle at top right, rgb(96 159 141 / 0.14), transparent 24%),
    rgb(255 255 255 / 0.72);
}

@media (max-width: 767.98px) {
  .privacy-shell {
    width: min(100% - 1.25rem, 960px);
  }
}