.container {
  width:var(--container);
  margin-inline:auto
}
.section {
  position:relative;
  padding:var(--s-10) 0
}
.section--tight {
  padding:var(--s-9) 0
}
.section-head {
  max-width:780px;
  margin-bottom:var(--s-8)
}
.section-head.center {
  margin-inline:auto;
  text-align:center
}
.section-head .eyebrow {
  margin-bottom:var(--s-4)
}
.section-head h2 {
  font-size:clamp(2.2rem,4.4vw,4.6rem);
  line-height:1.02;
  margin-bottom:var(--s-5)
}
.section-head p {
  font-size:clamp(1rem,1.5vw,1.18rem);
  max-width:680px
}
.section-head.center p {
  margin-inline:auto
}
.glass-panel {
  background:linear-gradient(145deg,rgba(23,15,42,.78),rgba(10,7,20,.62));
  border:1px solid var(--border);
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px)
}
.noise {
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")
}