/* Minimal HGG legal pages using the shared animated site atmosphere. */
.legal-page { min-height: 100vh; }
.legal-main, .legal-page .site-foot { position: relative; z-index: 2; }
.legal-main { width: min(860px, calc(100% - 40px)); margin: 0 auto; padding: clamp(82px, 11vh, 128px) 0 clamp(72px, 10vh, 118px); }
.legal-hero { text-align: center; margin-bottom: clamp(44px, 7vh, 72px); }
.legal-kicker { color: rgba(160,155,140,.48); font-family: var(--font-display); font-size: 9px; letter-spacing: .42em; text-indent: .42em; text-transform: uppercase; }
.legal-hero h1 { margin-top: 16px; color: var(--gold-3); font-family: var(--font-display); font-size: clamp(34px,5vw,62px); font-weight: 500; letter-spacing: .12em; text-indent: .12em; text-transform: uppercase; }
.legal-rule { display:flex; align-items:center; justify-content:center; gap:12px; margin:22px auto 0; }
.legal-rule span { width:min(120px,22vw); height:1px; }
.legal-rule span:first-child { background:linear-gradient(90deg,transparent,rgba(200,170,110,.58)); }
.legal-rule span:last-child { background:linear-gradient(90deg,rgba(200,170,110,.58),transparent); }
.legal-rule i { width:6px; height:6px; background:var(--gold-2); transform:rotate(45deg); box-shadow:0 0 9px rgba(200,170,110,.42); }
.legal-copy { color:rgba(224,220,209,.72); font-size:14px; line-height:1.9; }
.legal-copy h2 { margin:38px 0 12px; color:var(--gold-3); font-family:var(--font-display); font-size:17px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; }
.legal-copy h2:first-child { margin-top:0; }
.legal-copy p + p { margin-top:14px; }
.legal-copy ul { margin:14px 0 0 20px; }
.legal-copy li + li { margin-top:8px; }
.legal-copy strong { color:rgba(240,230,210,.92); font-weight:600; }
.legal-copy a { color:var(--gold-2); text-decoration:none; }
.legal-copy a:hover { color:var(--gold-3); }
.legal-updated { margin-top:44px; padding-top:18px; border-top:1px solid rgba(200,170,110,.14); color:rgba(160,155,140,.50); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
@media (max-width:620px) { .legal-main { width:min(100% - 30px,860px); } .legal-copy { font-size:13px; line-height:1.85; } }