/* =============================================================
 * EMA Legal Hero — banner for legal pages (Privacy / Terms / etc.)
 * Self-contained; pulls only Oswald font from the theme stack.
 * ========================================================== */
  :root{
    --soot:#12110F;
    --soot-2:#1C1A17;
    --red:#A01428;          /* logo crimson */
    --red-deep:#7E0F1F;     /* deeper crimson for hover */
    --red-bright:#C41E36;   /* brighter crimson for accents */
    --gold:#A08C50;         /* logo warm gold/tan */
    --gold-bright:#C2A862;  /* slightly lifted gold for highlights */
    --cream:#F5EFD9;
    --cream-2:#EDE5C5;
    --green:#1F4D3F;
    --green-soft:#286A57;
    --rule:rgba(18,17,15,.12);
    --display:'Oswald', 'Arial Narrow', sans-serif;
    --sans:'Oswald', 'Arial Narrow', sans-serif;
    --hand:'Oswald', 'Arial Narrow', sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--sans);
    color:var(--soot);
    background:var(--cream);
    -webkit-font-smoothing:antialiased;
    line-height:1.5;
    font-size:16px;
    overflow-x:hidden;
  }
.legal-hero{
    background:#12110F;
    color:#F5EFD9;
    padding:90px 32px 70px;
    border-bottom:3px solid #12110F;
    position:relative;
    overflow:hidden;
}

.legal-hero::before{
    content:"";
    position:absolute;
    top:-100px;right:-100px;
    width:420px;height:420px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(160,140,80,.18) 0%, transparent 70%);
    pointer-events:none;
}

.legal-hero-inner{
    max-width:880px;margin:0 auto;
    position:relative;z-index:1;
}

/* Meta eyebrow */
.legal-hero .meta{
    display:inline-flex;align-items:center;gap:14px;
    font-family:'Oswald','Arial Narrow',sans-serif;
    font-size:12px;font-weight:600;
    letter-spacing:.28em;text-transform:uppercase;
    color:#C2A862;
    margin-bottom:22px;
}
.legal-hero .meta::before{
    content:"";width:32px;height:2px;background:#C2A862;
    flex:0 0 32px;
}

/* Title */
.legal-hero h1,
.legal-hero h2.legal-h{
    font-family:'Oswald','Arial Narrow',sans-serif;
    font-weight:700;
    font-size:80px;
    line-height:.95;
    letter-spacing:-0.025em;
    text-transform:uppercase;
    color:#F5EFD9;
    margin:0 0 16px;
    padding:0;
}
.legal-hero h1 em,
.legal-hero h2.legal-h em{
    font-style:normal;
    color:#C2A862;
}

/* Updated line */
.legal-hero .updated{
    font-family:'Oswald','Arial Narrow',sans-serif;
    font-size:13px;font-weight:600;
    letter-spacing:.18em;text-transform:uppercase;
    color:rgba(245,239,217,.7);
    margin:0;
}
.legal-hero .updated strong{
    color:#C2A862;font-weight:700;
}

/* Responsive */
@media (max-width:1100px){
    .legal-hero{padding:60px 24px 50px}
}
@media (max-width:780px){
    .legal-hero h1,
    .legal-hero h2.legal-h{font-size:42px}
}