/* ============================================================
   MAIN Maastricht — brand tokens
   ============================================================ */
:root{
  --primary:   #7A6CFF;
  --secondary: #4338CA;
  --tertiary:  #ECEBF5;
  --neutral:   #1F1F1F;

  --black:  #000000;
  --lift:   #08070F;                    /* barely-there panel lift */
  --panel:  #0C0A16;                    /* card fill */
  --dim:    #2C2A4A;                    /* unlit word */
  --muted:  #8F8BB5;
  --rule:   rgba(122,108,255,.18);

  /* ---- handover choreography: every beat, timed from `hero-go` ---- */
  --hz-go: .20s;   /* light line starts climbing to the horizon */
  --pl-go: .30s;   /* the sphere begins to rise */
  --st-go: .44s;   /* stars resolve */
  --fl-go: 1.00s;  /* contact flare: the rim reaches the line */
  --nv-go: 1.55s;
  --eb-go: 1.10s;
  --hd-go: 1.20s;
  --sb-go: 1.44s;
  --ct-go: 1.60s;
  --ac-go: 1.74s;
  --cu-go: 1.94s;

  --font:  "Jost", system-ui, sans-serif;
  --serif: "Playfair Display", Georgia, serif;
  --pad:   clamp(1.25rem, 5vw, 5rem);
  --nav-h: 74px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; scroll-padding-top:var(--nav-h); }

body{
  margin:0;
  background:var(--black);
  color:var(--tertiary);
  font-family:var(--font);
  font-weight:300;
  font-size:clamp(.95rem,.9rem + .25vw,1.05rem);
  line-height:1.7;
  overflow-x:hidden;
}
a{ color:inherit; }
:focus-visible{ outline:2px solid var(--primary); outline-offset:4px; border-radius:2px; }

.eyebrow{
  font-weight:500; font-size:.7rem; letter-spacing:.26em;
  text-transform:uppercase; color:var(--muted); margin:0;
}

/* section tag: ● THE VISION */
.tag{
  display:inline-flex; align-items:center; gap:.7rem; margin:0;
  font-weight:500; font-size:.68rem; letter-spacing:.26em;
  text-transform:uppercase; color:var(--primary);
}
.tag::before{
  content:""; width:.4rem; height:.4rem; border-radius:50%;
  background:var(--primary); box-shadow:0 0 12px rgba(122,108,255,.9);
}

/* the prestige face */
.display{
  font-family:var(--serif); font-weight:600;
  font-size:clamp(1.9rem,4.6vw,3.5rem);
  line-height:1.1; letter-spacing:-.015em;
  color:var(--tertiary); margin:1.1rem 0 0; max-width:22ch;
  text-wrap:balance;
}
.lede{ margin:1.4rem 0 0; max-width:56ch; color:var(--muted); }
.center{ text-align:center; margin-left:auto; margin-right:auto; }