@font-face {
  font-family: "Vitrazh Display";
  src: url("fonts/VitrazhDisplay-Regular.ttf") format("truetype");
  font-display: swap;
}

:root {
  --vitrazh-ivory: #f3eee4;
  --vitrazh-cream: #f2eddc;
  --vitrazh-navy: #192c3b;
  --vitrazh-burgundy: #340910;
  --vitrazh-slate: #252c34;
  --vitrazh-line: rgba(25, 44, 59, 0.2);
}

body {
  background:
    radial-gradient(circle at 82% 14%, rgba(52, 9, 16, 0.08), transparent 26rem),
    linear-gradient(135deg, rgba(25, 44, 59, 0.025) 1px, transparent 1px),
    var(--vitrazh-ivory);
  background-size: auto, 48px 48px, auto;
  color: var(--vitrazh-navy);
}

.privacy-nav {
  min-height: 92px;
  padding: 10px clamp(20px, 4vw, 72px);
  border-color: var(--vitrazh-line);
  background: rgba(243, 238, 228, 0.9);
  backdrop-filter: blur(12px);
}

.privacy-nav a:last-child {
  padding: 13px 18px;
  border-left: 3px solid var(--vitrazh-burgundy);
  color: var(--vitrazh-navy);
}

.privacy-main {
  padding-top: clamp(96px, 10vw, 150px);
  background: linear-gradient(90deg, transparent 0 66%, rgba(25, 44, 59, 0.035) 66% 100%);
}

.privacy-main::before {
  content: "ВИТРАЖ";
  color: rgba(25, 44, 59, 0.055);
  font-family: "Vitrazh Display", "Cormorant Garamond", serif;
  letter-spacing: -0.045em;
}

.privacy-head .kicker,
.privacy-content span {
  color: var(--vitrazh-burgundy);
}

.privacy-head h1 {
  max-width: 11ch;
  font-family: "Vitrazh Display", "Cormorant Garamond", serif;
  line-height: 0.82;
  letter-spacing: -0.035em;
}

.privacy-head h1 em {
  color: var(--vitrazh-burgundy);
}

.privacy-head p,
.privacy-content p,
.privacy-content li {
  color: rgba(37, 44, 52, 0.78);
}

.privacy-content {
  position: relative;
}

.privacy-content::before {
  content: "+";
  position: absolute;
  top: -58px;
  right: 0;
  color: var(--vitrazh-burgundy);
  font: 400 30px/1 Manrope, sans-serif;
}

.privacy-content section {
  border-color: var(--vitrazh-line);
  transition: background-color 180ms ease, transform 180ms ease;
}

.privacy-content section:hover {
  background: rgba(242, 237, 220, 0.65);
  transform: translateX(-8px);
}

.privacy-content h2 {
  font-family: "Cormorant Garamond", serif;
  color: var(--vitrazh-navy);
}

.privacy-back {
  background: var(--vitrazh-navy);
  box-shadow: inset 4px 0 0 var(--vitrazh-burgundy);
}

.privacy-back:hover,
.privacy-back:focus-visible {
  background: var(--vitrazh-burgundy);
}

@media (prefers-reduced-motion: reduce) {
  .privacy-content section { transition: none; }
}

@media (max-width: 600px) {
  .privacy-main { background: var(--vitrazh-ivory); }
  .privacy-head h1 {
    max-width: 100%;
    font-size: clamp(48px, 15vw, 60px);
    line-height: 0.9;
    overflow-wrap: anywhere;
  }
  .privacy-content section:hover { transform: none; }
}