:root {
  color-scheme: dark;
  --bg: #050507;
  --text: rgba(250, 248, 242, 0.94);
  --muted: rgba(250, 248, 242, 0.68);
  --line: rgba(246, 226, 160, 0.18);
  --gold: #ddb449;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: var(--text);
  font-family: "Manrope", Arial, sans-serif;
  background:
    radial-gradient(circle at 18% 0%, rgba(246, 226, 160, 0.1), transparent 22rem),
    radial-gradient(circle at 86% 8%, rgba(116, 79, 235, 0.11), transparent 24rem),
    #050507;
}

a {
  color: inherit;
}

.legal-page {
  width: min(100% - 2rem, 55rem);
  margin: 0 auto;
  padding: 1.2rem 0 4rem;
}

.legal-topbar,
.legal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.origin-mark {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  color: #f2cf8f;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.25rem;
  letter-spacing: .3em;
  text-decoration: none;
}

.origin-logo {
  width: 2.6rem;
  height: 2.6rem;
  display: block;
  border-radius: 50%;
  object-fit: cover;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 10px rgba(238, 185, 93, .38));
}

.site-menu-shell { position: relative; z-index: 3; }
.site-menu-toggle { width: 2.55rem; height: 2.55rem; display: grid; place-content: center; gap: .29rem; padding: 0; border: 1px solid rgba(218,164,85,.48); border-radius: 50%; background: rgba(2,6,10,.64); color: #efc878; box-shadow: 0 0 16px rgba(218,164,85,.16); cursor: pointer; }
.site-menu-toggle:hover, .site-menu-toggle[aria-expanded="true"] { border-color: rgba(239,200,120,.9); background: rgba(18,14,10,.88); }
.site-menu-toggle span { width: 1.05rem; height: 1px; display: block; background: currentColor; }
.site-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(.39rem) rotate(45deg); }
.site-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.site-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-.39rem) rotate(-45deg); }
.site-menu { position: absolute; top: calc(100% + .6rem); right: 0; min-width: 12.5rem; padding: .65rem; border: 1px solid rgba(218,164,85,.38); border-radius: .65rem; background: rgba(3,7,12,.97); box-shadow: 0 .7rem 1.8rem rgba(0,0,0,.48); }
.site-menu-link { display: block; padding: .56rem .62rem; border-radius: .35rem; color: rgba(246,234,208,.8); font-family: "Cormorant Garamond", Georgia, serif; font-size: .95rem; letter-spacing: .08em; text-decoration: none; }
.site-menu-link:hover { color: #efc878; background: rgba(218,164,85,.1); }
.site-menu-rule { height: 1px; margin: .38rem .2rem; background: rgba(218,164,85,.22); }
.site-menu-label { display: block; margin: .15rem .62rem .38rem; color: rgba(246,204,128,.75); font-family: "Cormorant Garamond", Georgia, serif; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; }
.site-language-select-wrap { display: block; padding: 0 .25rem .2rem; }
.site-language-select { width: 100%; padding: .48rem .55rem; border: 1px solid rgba(218,164,85,.26); border-radius: .35rem; background: rgba(246,234,208,.06); color: var(--text); font-family: "Cormorant Garamond", Georgia, serif; font-size: .95rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.legal-nav {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.legal-nav a,
.legal-footer a {
  color: var(--muted);
  font-size: 0.92rem;
  text-decoration: none;
}

.legal-nav a:hover,
.legal-footer a:hover {
  color: var(--gold);
}

.legal-card {
  margin-top: 4rem;
  padding-top: 2rem;
  border-top: 1px solid var(--line);
}

.legal-kicker {
  margin: 0 0 0.8rem;
  color: var(--gold);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

h1 {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3rem, 9vw, 5.7rem);
  line-height: 0.9;
  letter-spacing: 0;
}

h2 {
  margin: 2.35rem 0 0.75rem;
  color: rgba(246, 226, 160, 0.9);
  font-size: 1.08rem;
}

p,
li {
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.72;
}

ul {
  padding-left: 1.2rem;
}

.legal-updated {
  margin-top: 1rem;
  color: rgba(250, 248, 242, 0.56);
}

.legal-footer {
  margin-top: 4rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--line);
}

@media (max-width: 620px) {
  .legal-topbar,
  .legal-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .legal-nav {
    flex-wrap: wrap;
  }

  .legal-card {
    margin-top: 2.8rem;
  }

  .origin-mark { font-size: 1.1rem; letter-spacing: .24em; }
  .origin-logo { width: 2.35rem; height: 2.35rem; }
}