/* === Supporting Members (3D ring) === */
.sm-band{background:#2d2f32;color:#e9eef2;padding:72px 20px 90px}
.sm-wrap{max-width:1100px;margin:0 auto;text-align:center}
.sm-title{font-size:clamp(28px,4vw,54px);line-height:1.2;margin:0 0 20px;color:#fff;font-weight:700}

/* Text slider */
.sm-text{max-width:70ch;margin:0 auto}
.sm-panel{opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
.sm-panel.is-active{opacity:1;transform:none}
.sm-panel[hidden]{display:none!important}
.sm-text p{font-size:clamp(16px,1.3vw,20px);line-height:1.7;color:#e0e6ea;margin:0}
.sm-dots{display:flex;justify-content:center;gap:12px;margin:16px 0 42px}
.sm-dot{width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.65);background:transparent;cursor:pointer}
.sm-dot.is-active{background:#20b7a8;border-color:#20b7a8}
.sm-dot:focus-visible{outline:2px solid #FFD84D;outline-offset:3px}

/* 3D ring */
.sm-logos3d{margin-top:8px}
.sm-ring-wrap{height:340px;position:relative;perspective:1400px}
.sm-ring{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--radius))) rotateY(var(--spin, 0deg));}
.sm-cell{position:absolute;top:50%;left:50%;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;translate:-50% -50%;}
.sm-cell img{max-height:120px;max-width:240px;height:auto;width:auto;filter:grayscale(1) contrast(1.05);opacity:.9;transition:all .2s ease}
.sm-cell img:hover{filter:none;opacity:1;transform:translateY(-2px)}

/* Controls */
.sm-3d-controls{display:flex;gap:14px;justify-content:center;margin-top:14px}
.sm-ctrl3d{appearance:none;border:0;border-radius:12px;background:#12161b;color:#fff;padding:.5rem .75rem;font-weight:700;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.sm-ctrl3d:hover{filter:brightness(1.08)}
.sm-ctrl3d.sm-pause[aria-pressed="true"]{background:#FFD84D;color:#111}

@media (max-width: 900px){
  .sm-ring-wrap{height:280px}
  .sm-cell img{max-height:100px;max-width:200px}
}
@media (max-width: 620px){
  .sm-ring-wrap{height:240px}
  .sm-cell img{max-height:84px;max-width:170px}
}

/* SR helper */
.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}


/* depth scaling */
.sm-cell{transition:transform .25s ease}
.sm-cell img{transition:filter .25s ease, opacity .25s ease}