/* Look closer: the loop from the first site, the five in front. Simple section (the scroll story was retired on 1 Oct 2026). */
.loop-simple{position:relative;overflow:hidden;text-align:center;border-top:1px solid #16181614;padding:clamp(72px,11vh,130px) 16px clamp(64px,9vh,110px);
  background:radial-gradient(ellipse 60% 55% at 50% 60%,#fff 45%,rgba(255,255,255,0) 100%),linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px) 0 0/48px 48px,#fff}
.ls-inner{position:relative;z-index:1;width:min(920px,100%);margin:0 auto}
.ls-kicker{display:block;font-size:12px;letter-spacing:.16em;color:#4b5052}
.loop-simple h2{margin:16px 0 14px;font-size:clamp(40px,5.6vw,86px);line-height:1;letter-spacing:-.06em;font-weight:600;text-wrap:balance}
.loop-simple h2 span{color:var(--cl-red,#f50c0c)}
.loop-simple p{margin:0 auto;max-width:620px;font-size:clamp(16px,1.45vw,20px);line-height:1.55;color:#3a4038}
.ls-ring{position:relative;width:min(460px,82vw);margin:clamp(26px,5vh,52px) auto 0;padding-bottom:9%}
.ls-ring .loop-agents{bottom:9.5%;--agent:calc(min(460px,82vw) * .2)}
.ls-ring .agent{cursor:pointer}
.ds-floor{position:absolute;z-index:0;left:-40%;right:-40%;bottom:0;height:42%;pointer-events:none;
  background:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px) 0 0/64px 64px;
  transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;
  -webkit-mask:linear-gradient(transparent,#000 55%);mask:linear-gradient(transparent,#000 55%)}