.ribbon{z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 35%,var(--cream) 100%);height:120vh;position:absolute;top:-40vh;left:-20vw;right:-20vw;overflow:hidden;transform:skewY(-8deg)}:not(.hero)>.ribbon:before{content:"";background:radial-gradient(60% 100% at 10% 40%, var(--sage-300) 0%, transparent 55%), radial-gradient(50% 80% at 40% 30%, var(--mint) 0%, transparent 60%), radial-gradient(45% 90% at 70% 50%, var(--sage-400) 0%, transparent 55%), linear-gradient(105deg, var(--sage-300) 0%, var(--sage-100) 30%, var(--mint) 55%, var(--sage-200) 80%, var(--sage-300) 100%);filter:blur(30px);opacity:.85;height:70%;animation:26s ease-in-out infinite alternate rib;position:absolute;top:-20%;left:-10%;right:-10%}:not(.hero)>.ribbon:after{content:none}@keyframes rib{0%{transform:translate(0,0)scale(1)}to{transform:translate(-4%,-2%)scale(1.08)}}.hero-grain{z-index:-1;pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 1px 1px,#0a0f0b14 1px,#0000 0);background-size:3px 3px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0%,#0000 40%);mask:linear-gradient(#000 0%,#0000 40%)}.s-sec-in{max-width:1200px;margin:0 auto;position:relative}.s-sec-in.narrow{max-width:820px}.s-eye{font-family:var(--font-jetbrains-mono),monospace;color:var(--sage);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin:0 0 20px;font-size:11px;font-weight:500;display:inline-flex}.s-eye:before{content:none}@media (prefers-reduced-motion:reduce){:not(.hero)>.ribbon:before{animation:none}}