/* Statements: pinned particle scene (sphere -> starfield -> floor plan), serif lines over it. */
.statements { position: relative; height: 330vh; background: var(--bg); }
.st-pin { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
.st-gl { position: absolute; inset: 0; width: 100%; height: 100%; }
.st-copy { position: absolute; left: 0; right: 0; padding: 0 var(--side); text-align: center; pointer-events: none; will-change: transform, opacity; }
.st-copy--a { top: 50%; transform: translateY(-50%); }
.st-copy--b { top: 14.5%; opacity: 0; }
.st-line { margin: 0 auto; max-width: 820px; font: 300 clamp(30px, 3.35vw, 50px)/1.12 var(--f-serif); letter-spacing: -0.02em; font-variation-settings: "opsz" 72; color: #fff; text-wrap: balance; text-shadow: 0 0 24px rgba(12, 12, 12, 0.9), 0 0 2px rgba(12, 12, 12, 0.8); }
.st-copy--b .st-line { max-width: 900px; }
.st-tags { position: absolute; inset: 0; pointer-events: none; }
.st-lab { position: absolute; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); font: 500 10.5px/1 var(--f-mono); letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; opacity: 0; transition: opacity .6s var(--ease); }
.st-chip { position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px 7px 9px; border-radius: 4px; background: rgba(20, 24, 36, 0.78); border: 1px solid rgba(110, 147, 247, 0.45); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #e6ecff; font: 500 10.5px/1 var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; opacity: 0; transform: translate(-50%, calc(-100% - 14px)) translateY(6px); transition: opacity .5s var(--ease), transform .7s var(--ease-out); }
.st-chip::after { content: ""; position: absolute; left: 50%; bottom: -15px; width: 1px; height: 14px; background: linear-gradient(rgba(110, 147, 247, 0.6), rgba(110, 147, 247, 0)); }
.st-chip i { width: 6px; height: 6px; border-radius: 50%; background: var(--blue-2); box-shadow: 0 0 8px rgba(110, 147, 247, 0.9); }
.st-chip b { font-weight: 600; color: #fff; }
.st-chip.on { opacity: 1; transform: translate(-50%, calc(-100% - 14px)); }
.st-lab.on { opacity: 1; }
@media (max-width: 700px) {
  .statements { height: 300vh; }
  .st-copy--b { top: 11%; }
  .st-line { font-size: clamp(26px, 7.2vw, 34px); }
  .st-chip { font-size: 9.5px; padding: 6px 9px 6px 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .statements { height: auto; }
  .st-pin { position: relative; height: 100vh; height: 100svh; }
  .st-copy--a { display: none; }
  .st-copy--b { opacity: 1; }
}
.st-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; }