/*
======================================================================
BROOOKERS — PAGE LÉGALE
Style dédié, sobre et lisible.
======================================================================
*/

:root{
  --legal-night:#050b14;
  --legal-panel:#08121f;
  --legal-text:#d9e0e7;
  --legal-muted:#97a4b1;
  --legal-line:rgba(255,255,255,.16);
  --legal-accent:#ffffff;
  --legal-max:860px;
  --font-display:"Anton", Impact, sans-serif;
  --font-body:"Cormorant Garamond", Georgia, serif;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:
    radial-gradient(circle at 20% 0%,rgba(24,50,78,.25),transparent 34%),
    linear-gradient(180deg,var(--legal-night),#02060c);
  color:var(--legal-text);
  font-family:var(--font-body);
  font-size:20px;
  line-height:1.72;
}

a{
  color:var(--legal-accent);
  text-underline-offset:3px;
}

.legal-page{
  min-height:100vh;
  padding:72px 24px 96px;
}

.legal-shell{
  width:min(100%,var(--legal-max));
  margin:0 auto;
}

.legal-brand{
  display:inline-block;
  margin-bottom:34px;
  color:var(--legal-accent);
  text-decoration:none;
  font-family:"Trajan Pro","Times New Roman",serif;
  font-size:15px;
  letter-spacing:.22em;
}

.legal-kicker{
  margin:0 0 16px;
  color:var(--legal-muted);
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.legal-page h1{
  margin:0;
  color:var(--legal-accent);
  font-family:var(--font-display);
  font-size:clamp(3rem,7vw,6.3rem);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.01em;
}

.legal-lead{
  margin:34px 0 0;
  color:var(--legal-accent);
  font-size:clamp(1.45rem,2.6vw,2.1rem);
  font-style:italic;
  line-height:1.25;
}

.legal-intro{
  margin:26px 0 0;
  color:var(--legal-text);
  font-size:1.16rem;
}

.legal-section{
  padding:42px 0;
  border-top:1px solid var(--legal-line);
}

.legal-section:first-of-type{
  margin-top:54px;
}

.legal-section h2{
  margin:0 0 20px;
  color:var(--legal-accent);
  font-family:var(--font-display);
  font-size:clamp(1.8rem,3.5vw,2.8rem);
  font-weight:400;
  line-height:1;
}

.legal-section p{
  margin:0 0 18px;
}

.legal-section ul{
  margin:18px 0 24px;
  padding-left:1.2em;
}

.legal-section li{
  margin:8px 0;
}

.legal-highlight{
  color:var(--legal-accent);
  font-weight:700;
}

.legal-meta{
  color:var(--legal-muted);
}

.legal-footer{
  padding-top:34px;
  border-top:1px solid var(--legal-line);
  color:var(--legal-muted);
  font-size:.95rem;
}

@media(max-width:640px){
  body{
    font-size:18px;
  }

  .legal-page{
    padding:44px 18px 70px;
  }

  .legal-brand{
    margin-bottom:26px;
  }

  .legal-section{
    padding:34px 0;
  }
}