/* scroll-scatter v1 · Glow Creative Agency
   Scroll-driven section: paragraph words scatter, keywords join into one line,
   an SVG line drawing traces itself. Colors via CSS variables per section. */
.sc{--sc-bg:#eeece6;--sc-ink:#121316;--sc-muted:rgba(18,19,22,.55);--sc-accent:#ff4b2b;--sc-grid:rgba(18,19,22,.07);
  position:relative;height:calc(var(--sc-length,460) * 1vh);background:var(--sc-bg);color:var(--sc-ink)}
.sc-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.sc-grid{position:absolute;inset:0;opacity:0;background-image:linear-gradient(var(--sc-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sc-grid) 1px,transparent 1px);background-size:28px 28px;background-position:center}
.sc-art{position:absolute;left:50%;top:50%;height:min(86svh,150vw);width:auto;max-width:none;transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.sc-draw{fill:none;stroke:var(--sc-ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
[data-sc-show],[data-sc-spin]{transform-box:fill-box;transform-origin:center}
.sc-label{position:absolute;left:50%;top:14svh;transform:translateX(-50%);margin:0;font:500 12px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--sc-muted);white-space:nowrap}
.sc-para{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:min(620px,calc(100% - 48px));text-align:center;
  font-family:"Fraunces",Georgia,serif;font-weight:350;font-size:clamp(20px,2.3vw,30px);line-height:1.5;font-variation-settings:"SOFT" 100,"opsz" 48}
.sc-para .sc-w{display:inline-block;will-change:transform,opacity}
.sc-para b{font-weight:800;position:relative;text-shadow:0 0 6px var(--sc-bg),0 0 14px var(--sc-bg)}
.sc-para b::after{content:var(--sc-joiner,".");position:absolute;left:100%;color:var(--sc-accent);opacity:var(--sc-dot,0)}
@media (prefers-reduced-motion:reduce){.sc{height:auto}.sc-pin{position:relative;min-height:100svh}}