@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@700;800;900&display=swap');

:root{
  --bg:#050505;
  --panel:#0c0c0d;
  --panel-2:#111113;
  --line:#202022;
  --muted:#8a8a90;
  --text:#f5f5f7;
  --soft:#c9c9cf;
  --red:#ff0808;
  --red-dark:#8f1619;
  --violet:#6b4078;
  --blue:#103765;
  --radius:12px;
  --max:min(calc(100% - 48px),1540px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  min-height:100vh;
  min-height:100dvh;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;
}
a{color:inherit;text-decoration:none}
img,video{max-width:100%;display:block}
button,input,textarea{font:inherit}
h1,h2,h3,p,a,span,strong,small,li,button,input,textarea{overflow-wrap:break-word}

.noise{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 20% 10%, rgba(255,8,8,.08), transparent 25%),
    radial-gradient(circle at 80% 20%, rgba(80,80,120,.09), transparent 22%),
    radial-gradient(circle at 88% 88%, rgba(16,55,101,.2), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 30%);
}

.eyebrow{
  color:var(--red);
  font-size:12px;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
}
h1,h2,h3{
  margin:0;
  color:#fff;
  letter-spacing:0;
  line-height:1.04;
  text-wrap:balance;
}
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:900}
h1{font-size:6.5rem}
h2{font-size:4.5rem}
h3{font-size:1.375rem}
p{color:var(--muted);margin:0}
.lead{
  font-size:1.125rem;
  color:#c8c8ce;
  max-width:720px;
}