/* DJ RE-SOUND / Presse – Premium design system alignment (2026-10-28)
 * Own editorial layout preserved; fonts and design tokens harmonized.
 * Scope: /presse/ only; never imported on the homepage.
 */
:root {
  --bg: #050815;
  --surface: #101329;
  --surface-2: #161a34;
  --white: #f1f3ff;
  --muted: #cad1e7;
  --violet: #8078ff;
  --line: rgba(156,157,223,.16);
  --glow: rgba(92,90,255,.34);
  --press-font-display: "Sora","Inter",system-ui,sans-serif;
  --press-font-body: "Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body {
  font-family: var(--press-font-body);
  line-height: 1.7;
  background: var(--bg);
  color: var(--white);
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3,
.brand, .eyebrow,
.nav-links, .button,
.stat strong, .hero-lead {
  font-family: var(--press-font-display);
}
.nav {
  background: rgba(5,8,20,.92);
  border-color: var(--line);
}
.nav-inner { min-height: 76px; }
.brand {
  font-size: 1.19rem;
  font-weight: 700;
  letter-spacing: .075em;
}
.brand span { color: #746cff; }
.nav-links { font-weight: 500; }
.nav-links .nav-cta,
.button.primary {
  color: #fff;
  background: linear-gradient(115deg,#5f54f7,#7b5bf4 52%,#504def);
  border: 1px solid rgba(198,195,255,.23);
  box-shadow: 0 9px 28px rgba(82,68,241,.24);
}
.hero h1 {
  font-size: clamp(2.7rem,5vw,5.25rem);
  font-weight: 750;
  line-height: 1.07;
  letter-spacing: -.065em;
  margin-bottom: 24px;
}
.hero h1 .gradient {
  background: linear-gradient(110deg,#fff 0%,#e5e4ff 28%,#8f88ff 65%,#f0eaff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
h2 {
  font-size: clamp(2.2rem,4.2vw,4.1rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.045em;
  text-wrap: balance;
}
h3 { font-weight: 650; letter-spacing: -.035em; }
.hero-lead { font-weight: 400; letter-spacing: .02em; }
.eyebrow { font-weight: 600; }
.button { font-weight: 600; }
.stat strong { font-weight: 750; }
.cta-panel h2 { font-size: clamp(2.2rem,4.2vw,4.1rem); }
@media (max-width: 960px) {
  .nav-inner { min-height: 68px; }
}
@media (max-width: 690px) {
  .brand { font-size: 1.08rem; letter-spacing: .06em; }
  .hero h1 {
    font-size: clamp(2rem,9.2vw,3.5rem);
    line-height: 1.1;
    letter-spacing: -.06em;
    white-space: normal;
  }
  h2, .cta-panel h2 {
    font-size: clamp(2rem,8.3vw,2.8rem);
    line-height: 1.12;
  }
}