.privacy-page {
  background: var(--color-page);
}

.privacy-page__section {
  position: relative;
  overflow: clip;
  padding-block: var(--space-10);
}

.privacy-page a {
  color: var(--color-pale-sand-100);
  text-decoration-color: var(--color-oxidised-copper-500);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

.privacy-page a:hover {
  color: var(--color-signal-white);
  text-decoration-color: var(--color-electric-violet-500);
}

.privacy-page__hero {
  isolation: isolate;
  padding-block: var(--space-11) var(--space-10);
  background: var(--color-graphite-950);
}

.privacy-page__hero-material {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(112deg, rgb(167 101 78 / 18%) 0 1px, transparent 1px 100%),
    radial-gradient(circle at 80% 28%, rgb(142 99 255 / 12%), transparent 32%),
    repeating-linear-gradient(0deg, rgb(232 223 208 / 3%) 0 1px, transparent 1px 7px),
    var(--color-graphite-950);
}

.privacy-page__hero-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  align-items: end;
}

.privacy-page__hero-panel {
  grid-column: 3 / span 6;
  min-width: 0;
  padding: var(--space-7);
  border: var(--border-default);
  border-left: 2px solid var(--color-oxidised-copper-500);
  background: rgb(36 40 45 / 84%);
  box-shadow: var(--shadow-deep);
}

.privacy-page__hero-panel > *:last-child {
  margin-bottom: 0;
}

.privacy-page__hero-panel h1 {
  max-width: 12ch;
  margin-top: var(--space-3);
  font-size: clamp(3.4rem, 6vw, 4.5rem);
}

.privacy-page__hero-lead {
  max-width: 62ch;
  color: var(--color-pale-sand-100);
  font-size: var(--text-lead);
  line-height: var(--line-lead);
}

.privacy-page__hero-scope {
  max-width: 62ch;
}

.privacy-page__document-code {
  display: flex;
  grid-column: 10 / span 3;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-5) 0 var(--space-5) var(--space-4);
  border-left: var(--border-copper);
  color: var(--color-pale-sand-300);
  font-family: var(--font-heading);
  font-size: var(--text-technical);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: var(--line-technical);
}

.privacy-page__document-code strong {
  color: var(--color-pale-sand-100);
  font-size: var(--text-meta);
}

.privacy-page__controller-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  align-items: start;
}

.privacy-page__controller-panel {
  grid-column: 1 / span 5;
  min-width: 0;
  padding: var(--space-6);
  border: var(--border-copper);
  background: var(--color-graphite-800);
  box-shadow: var(--shadow-panel);
}

.privacy-page__controller-panel > *:last-child,
.privacy-page__controller-copy > *:last-child {
  margin-bottom: 0;
}

.privacy-page__controller-panel h2 {
  margin-top: var(--space-3);
}

.privacy-page__contact-list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
}

.privacy-page__contact-list > div {
  display: grid;
  grid-template-columns: minmax(6.5rem, 0.36fr) minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
}

.privacy-page__contact-list dt,
.privacy-page__contact-list dd {
  min-width: 0;
  margin: 0;
}

.privacy-page__contact-list dd {
  overflow-wrap: anywhere;
}

.privacy-page__controller-copy {
  grid-column: 7 / span 4;
  min-width: 0;
  padding-top: var(--space-6);
}

.privacy-page__controller-copy p {
  max-width: 64ch;
}

.privacy-page__data {
  background: linear-gradient(180deg, var(--color-graphite-900), var(--color-graphite-950));
}

.privacy-page__data-heading {
  width: calc((100% - (11 * var(--space-5))) / 12 * 6 + 5 * var(--space-5));
  min-width: 0;
  margin-left: calc((100% - (11 * var(--space-5))) / 12 + var(--space-5));
}

.privacy-page__data-heading h2 {
  margin-top: var(--space-3);
}

.privacy-page__data-bands {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-7);
}

.privacy-page__data-band {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  align-items: start;
  min-width: 0;
  padding: var(--space-6);
  border: var(--border-default);
}

.privacy-page__data-band--communication { background: var(--color-graphite-800); }
.privacy-page__data-band--cooperation { border-color: rgb(30 102 103 / 85%); background: var(--color-deep-teal-800); }
.privacy-page__data-band--technical { background: rgb(36 40 45 / 72%); }

.privacy-page__band-number {
  grid-column: 1 / span 1;
  min-width: 0;
  color: var(--color-oxidised-copper-500);
  font-family: var(--font-heading);
  font-size: var(--text-h3);
  font-weight: 650;
  letter-spacing: -0.04em;
  line-height: 1;
}

.privacy-page__band-title {
  grid-column: 2 / span 3;
  min-width: 0;
}

.privacy-page__band-copy {
  grid-column: 5 / span 5;
  min-width: 0;
}

.privacy-page__band-copy p {
  max-width: 66ch;
}

.privacy-page__band-title > *:last-child,
.privacy-page__band-copy > *:last-child { margin-bottom: 0; }

.privacy-page__section-heading {
  min-width: 0;
}

.privacy-page__section-heading h2 {
  margin-top: var(--space-3);
}

.privacy-page__legal-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  align-items: stretch;
  margin-top: var(--space-7);
}

.privacy-page__legal-basis,
.privacy-page__recipients {
  min-width: 0;
  padding: var(--space-7);
}

.privacy-page__legal-basis {
  grid-column: 1 / span 7;
  background: var(--color-pale-sand-100);
  color: var(--color-graphite-950);
}

.privacy-page__legal-basis :is(h3, p, a) { color: var(--color-graphite-950); }
.privacy-page__legal-basis p { max-width: 60ch; }
.privacy-page__legal-basis a { text-decoration-color: var(--color-oxidised-copper-500); }

.privacy-page__recipients {
  grid-column: 9 / span 4;
  border: var(--border-copper);
  background: var(--color-graphite-800);
}

.privacy-page__recipients h3 { margin-top: var(--space-3); }
.privacy-page__recipients p:last-child { max-width: 54ch; margin-bottom: 0; }

.privacy-page__retention {
  background: linear-gradient(135deg, var(--color-graphite-900), var(--color-graphite-800));
}

.privacy-page__retention-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  align-items: stretch;
}

.privacy-page__retention-flow {
  display: flex;
  grid-column: 1 / span 8;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-7);
}

.privacy-page__retention-block,
.privacy-page__security-block {
  min-width: 0;
  padding: var(--space-6);
  border-top: var(--border-copper);
}

.privacy-page__retention-block { width: calc((100% - var(--space-5)) * 0.875); }
.privacy-page__retention-block h3,
.privacy-page__security-block h3 { margin-top: var(--space-3); }
.privacy-page__retention-block p:last-child { max-width: 66ch; margin-bottom: 0; }

.privacy-page__security-block {
  width: calc((100% - var(--space-5)) * 0.75);
  align-self: flex-end;
  border: var(--border-default);
  border-top-color: var(--color-oxidised-copper-500);
  background: rgb(17 19 22 / 70%);
}

.privacy-page__security-block p { max-width: 58ch; }
.privacy-page__security-block > *:last-child { margin-bottom: 0; }

.privacy-page__safeguard-tags {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.privacy-page__safeguard-tags > span {
  min-width: 0;
  padding: var(--space-2) var(--space-3);
  border: var(--border-default);
  color: var(--color-pale-sand-300);
  font-family: var(--font-heading);
  font-size: var(--text-technical);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: var(--line-technical);
  text-transform: uppercase;
}

.privacy-page__retention-material {
  grid-column: 10 / span 3;
  min-width: 0;
  border-left: 1px solid rgb(167 101 78 / 38%);
  background: linear-gradient(145deg, transparent, rgb(30 102 103 / 21%));
}

.privacy-page__rights {
  background: var(--color-graphite-950);
}

.privacy-page__rights-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.privacy-page__rights-panel {
  display: flex;
  grid-column: 2 / span 10;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-7);
  background: var(--color-deep-teal-800);
  border: 1px solid rgb(232 223 208 / 22%);
  box-shadow: var(--shadow-deep);
}

.privacy-page__rights-panel > :is(h2, h3, p, ul) { margin: 0; }
.privacy-page__rights-panel h2 { margin-top: var(--space-1); }
.privacy-page__rights-intro { max-width: 64ch; }

.privacy-page__rights-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4) var(--space-6);
  min-width: 0;
  padding: 0;
  list-style: none;
}

.privacy-page__rights-list > li {
  min-width: 0;
  padding-top: var(--space-3);
  border-top: 1px solid rgb(232 223 208 / 24%);
  color: var(--color-pale-sand-300);
}

.privacy-page__request-process {
  display: flex;
  width: min(100%, 44rem);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.privacy-page__request-process > * { margin: 0; }
.privacy-page__request-process p { max-width: 64ch; }

.privacy-page__mail-tag {
  display: flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-oxidised-copper-500);
  background: var(--color-oxidised-copper-500);
  color: var(--color-graphite-950) !important;
  font-family: var(--font-heading);
  line-height: 1.2;
  text-decoration: none !important;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}

.privacy-page__mail-tag span {
  min-width: 0;
  font-size: var(--text-technical);
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.privacy-page__mail-tag strong {
  min-width: 0;
  color: inherit;
  overflow-wrap: anywhere;
}

.privacy-page__mail-tag:hover {
  background: var(--color-oxidised-copper-400);
  color: var(--color-graphite-950) !important;
  transform: translateY(-2px);
}

.privacy-page__individual-review {
  width: min(100%, 44rem);
  min-width: 0;
  padding-top: var(--space-5);
  border-top: var(--border-copper);
}

.privacy-page__individual-review p { max-width: 64ch; }
.privacy-page__individual-review > *:last-child { margin-bottom: 0; }

.privacy-page__closing {
  padding-block-bottom: var(--space-11);
}

.privacy-page__closing-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.privacy-page__closing-copy {
  grid-column: 3 / span 5;
  min-width: 0;
}

.privacy-page__closing-copy h2 { margin-top: var(--space-3); }
.privacy-page__closing-copy p { max-width: 58ch; }

.privacy-page__closing-links {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  padding-top: var(--space-4);
  border-top: var(--border-copper);
}

.privacy-page__closing-links > a {
  display: inline-flex;
  width: fit-content;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
}

@media (max-width: 61.1875rem) {
  .privacy-page__hero-grid,
  .privacy-page__controller-grid,
  .privacy-page__legal-grid,
  .privacy-page__retention-grid,
  .privacy-page__rights-grid,
  .privacy-page__closing-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }

  .privacy-page__hero-panel { grid-column: 2 / span 6; }
  .privacy-page__document-code { display: none; }
  .privacy-page__controller-panel { grid-column: 1 / span 4; }
  .privacy-page__controller-copy { grid-column: 5 / span 4; }
  .privacy-page__data-heading { width: calc((100% - (7 * var(--space-5))) / 8 * 6 + 5 * var(--space-5)); margin-left: 0; }
  .privacy-page__data-band { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .privacy-page__band-number { grid-column: 1 / span 1; }
  .privacy-page__band-title { grid-column: 2 / span 2; }
  .privacy-page__band-copy { grid-column: 4 / span 5; }
  .privacy-page__legal-basis { grid-column: 1 / span 8; }
  .privacy-page__recipients { grid-column: 1 / span 8; margin-top: var(--space-5); }
  .privacy-page__retention-flow { grid-column: 1 / span 6; }
  .privacy-page__retention-material { grid-column: 7 / span 2; }
  .privacy-page__rights-panel { grid-column: 1 / span 8; }
  .privacy-page__closing-copy { grid-column: 2 / span 6; }
}

@media (max-width: 52.4375rem) {
  .privacy-page__section { padding-block: var(--space-8); }
  .privacy-page__hero { padding-block: var(--space-9) var(--space-8); }
  .privacy-page__controller-grid { row-gap: var(--space-6); }
  .privacy-page__controller-panel,
  .privacy-page__controller-copy { grid-column: 1 / span 8; }
  .privacy-page__controller-copy { padding-top: 0; }
  .privacy-page__retention-flow { grid-column: 1 / span 8; }
  .privacy-page__retention-material { display: none; }
  .privacy-page__retention-block,
  .privacy-page__security-block { width: 100%; align-self: stretch; }
}

@media (max-width: 47.4375rem) {
  .privacy-page__hero-grid,
  .privacy-page__controller-grid,
  .privacy-page__data-band,
  .privacy-page__legal-grid,
  .privacy-page__retention-grid,
  .privacy-page__rights-grid,
  .privacy-page__closing-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

  .privacy-page__hero-panel { grid-column: 1 / span 4; padding: var(--space-5); }
  .privacy-page__hero-panel h1 { max-width: 10ch; font-size: clamp(2.5rem, 11vw, 3rem); }
  .privacy-page__hero-lead { max-width: none; font-size: var(--text-lead); }
  .privacy-page__hero-scope { max-width: none; }
  .privacy-page__controller-panel,
  .privacy-page__controller-copy { grid-column: 1 / span 4; }
  .privacy-page__controller-panel { padding: var(--space-5); }
  .privacy-page__contact-list > div { grid-template-columns: 1fr; gap: var(--space-1); }
  .privacy-page__data-heading { width: 100%; margin-left: 0; }
  .privacy-page__data-bands { gap: var(--space-4); margin-top: var(--space-6); }
  .privacy-page__data-band { row-gap: var(--space-3); padding: var(--space-5); }
  .privacy-page__band-number,
  .privacy-page__band-title,
  .privacy-page__band-copy { grid-column: 1 / span 4; }
  .privacy-page__legal-grid { row-gap: var(--space-4); margin-top: var(--space-6); }
  .privacy-page__legal-basis,
  .privacy-page__recipients { grid-column: 1 / span 4; padding: var(--space-5); }
  .privacy-page__recipients { margin-top: 0; }
  .privacy-page__retention-flow { grid-column: 1 / span 4; gap: var(--space-6); }
  .privacy-page__retention-block,
  .privacy-page__security-block { padding: var(--space-5); }
  .privacy-page__rights-panel { grid-column: 1 / span 4; gap: var(--space-4); padding: var(--space-5); }
  .privacy-page__rights-list { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .privacy-page__mail-tag { width: 100%; flex-wrap: wrap; }
  .privacy-page__closing { padding-block-bottom: var(--space-9); }
  .privacy-page__closing-copy { grid-column: 1 / span 4; }
  .privacy-page__closing-links > a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .privacy-page__hero-material { background: var(--color-graphite-950); }
}
