/* NEXT SECTIONS, A4 family (the close before the footer), round five 2026-10-07: The Signal. v2 (his baseline, untouched) and
   v9 to v12, markup + init in next-a.js. Shared bits (.nx, .nx-tall, .nx-stick, .nx-lede, .nx-g, .nx-go, .nx-hint) are in next.css;
   tokens in capital.css. */

/* ---------- the signal kit (v9 to v12) ---------- */
.sx .nx-stick{--lyp:300px;--dt:0;--dho:0;--do:1;--lt:0;--fl:0;--lo:1;--hxp:-300px;--ho:0}
.sx-sig{position:absolute;inset:0;z-index:0;pointer-events:none}
.sx-sig i{position:absolute;display:block}
.sx-drop{left:50%;top:0;width:1px;height:var(--lyp);background:linear-gradient(180deg,rgba(180,166,255,0),rgba(180,166,255,.5) 45%,rgba(240,244,255,.95));box-shadow:0 0 12px rgba(180,160,255,.55);transform-origin:top;transform:scaleY(var(--dt));opacity:var(--do)}
.sx-dhead{left:50%;top:calc(var(--lyp) * var(--dt));width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#fff;box-shadow:0 0 16px 4px rgba(230,242,255,.9),0 0 40px 10px rgba(179,190,255,.35);opacity:var(--dho)}
.sx-flare{left:50%;top:var(--lyp);width:640px;height:140px;margin:-70px 0 0 -320px;background:radial-gradient(50% 50% at 50% 50%,rgba(240,244,255,.55),rgba(179,190,255,.16) 42%,transparent 70%);opacity:var(--fl);transform:scale(calc(.3 + var(--lt) * 1.4),.4)}
.sx-line{left:0;right:0;top:var(--lyp);height:1px;background:linear-gradient(90deg,rgba(230,242,255,0),rgba(230,242,255,.78) 14%,rgba(230,242,255,.78) 86%,rgba(230,242,255,0));transform:scaleX(var(--lt));opacity:var(--lo);box-shadow:0 0 10px rgba(179,190,255,.35)}
.sx-head{left:0;top:var(--lyp);width:240px;height:1px;margin-top:-.5px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);transform:translateX(calc(var(--hxp) - 240px));opacity:var(--ho);transition:opacity .25s}
.sx-head::after{content:"";position:absolute;right:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 18px 5px rgba(230,242,255,.9),0 0 54px 16px rgba(179,190,255,.32)}
.sx-lock .sx-line{animation:sx-pulse 1.6s var(--cv-ease)}
@keyframes sx-pulse{0%{box-shadow:0 0 10px rgba(179,190,255,.35)}18%{box-shadow:0 0 24px 2px rgba(230,242,255,.9),0 0 60px 6px rgba(179,190,255,.45)}100%{box-shadow:0 0 10px rgba(179,190,255,.35)}}
.sx-cv{position:absolute;left:0;top:0;pointer-events:none}
.sx-stage{--ly:34%;position:relative;height:52svh;margin-top:clamp(18px,3svh,30px)}
.sx-anchor{position:absolute;left:0;top:var(--ly);width:0;height:0}
.sx-m{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}
.sx-lead{position:absolute;left:0;bottom:calc(100% - var(--ly) + 16px);margin:0;font:300 clamp(15px,1.25vw,19px)/1.3 var(--font);color:var(--cv-mute)}
.sx-big{display:block;margin:0;font-family:var(--title);font-weight:200;font-style:normal;font-size:clamp(40px,min(6.6vw,11svh),104px);line-height:1;letter-spacing:-.025em;color:var(--cv-ink);white-space:nowrap}
.sx-sm{font-size:clamp(30px,min(4.4vw,7svh),68px)}
.sx-below{position:absolute;left:0;right:0;top:calc(var(--ly) + 22px)}
.sx-w{display:inline-block;white-space:nowrap}
.sx-w span{display:inline-block;white-space:pre;will-change:transform}
.sx-note{margin:clamp(14px,2.4svh,24px) 0 0;font:300 clamp(15px,1.2vw,18px)/1.5 var(--font);color:var(--cv-mute)}
.sx .nx-go{margin-top:clamp(16px,2.6svh,26px)}
.sx .nx-hint{transition:opacity .3s}


/* ---------- A4 v10 signal in light ---------- */
.sl .nx-stick{background:radial-gradient(70% 55% at 72% 88%,rgba(96,92,170,.22),transparent 70%),radial-gradient(55% 45% at 12% 18%,rgba(150,110,200,.14),transparent 70%)}
.sl-still .nx-stick{background:none}
.sl-field{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;opacity:.36}
.sl-cv{z-index:0}
.sl-page{position:absolute;left:0;top:0;z-index:1;pointer-events:none;mix-blend-mode:plus-lighter}
@supports not (mix-blend-mode:plus-lighter){.sl-page{mix-blend-mode:screen}}
.sl .sx-big.sl-src{color:transparent}
.sl-nogl .sx-big.sl-src{color:var(--cv-ink)}
.sl-beam{position:absolute;left:0;top:0;width:1px;height:140px;margin-left:-.5px;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s;
  background:linear-gradient(180deg,transparent,rgba(240,244,255,.95) 22%,rgba(240,244,255,.95) 78%,transparent);box-shadow:0 0 14px 2px rgba(179,190,255,.55)}
.sl-beam::before{content:"";position:absolute;left:-160px;width:320px;top:8%;bottom:8%;background:radial-gradient(closest-side,rgba(236,240,255,.2),rgba(179,190,255,.06) 55%,transparent)}


@media (max-width:700px){
  .sx-stage{height:56svh}
  .sx-lead{font-size:14px}
  .sx-big{font-size:clamp(34px,10.4vw,44px);white-space:normal}
  .sx-sm{font-size:clamp(28px,8.4vw,36px)}
  .sx-note{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .sx-head{transition:none}
  .sx-lock .sx-line{animation:none}
}