.carousel-container{width:100%;padding:24px 0 8px;position:relative;overflow:hidden}.carousel-track{will-change:transform;touch-action:pan-y;display:flex}.carousel-item{cursor:grab;background:0 0;border:none;flex-direction:column;flex-shrink:0;display:flex;position:relative}.carousel-item:active{cursor:grabbing}.carousel-item:not(.is-active) .border-glow-card{animation:none!important}.carousel-item>*{flex:1;width:100%}.carousel-indicators-container{justify-content:center;width:100%;margin-top:18px;display:flex}.carousel-indicators{gap:0;display:flex}.carousel-indicator{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;place-items:center;width:28px;height:44px;padding:0;display:grid}.carousel-indicator:before{content:"";background-color:inherit;border-radius:50%;width:8px;height:8px;transition:background-color .15s,box-shadow .15s;display:block}.carousel-indicator.active:before{background-color:#e6ff4d;box-shadow:0 0 8px #e6ff4d99}.carousel-indicator.inactive:before{background-color:#0000002e}.carousel-indicator:focus-visible{outline-offset:-4px;outline:2px solid #0d0d0d}
@property --mouse-x{syntax:"<percentage>";inherits:false;initial-value:50%}@property --mouse-y{syntax:"<percentage>";inherits:false;initial-value:50%}@keyframes spotlight-float{0%{--mouse-x:20%;--mouse-y:20%}25%{--mouse-x:80%;--mouse-y:25%}50%{--mouse-x:75%;--mouse-y:80%}75%{--mouse-x:25%;--mouse-y:75%}to{--mouse-x:20%;--mouse-y:20%}}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}@media (hover:none){.card-spotlight:before{opacity:.45;transition:none;animation:7s ease-in-out infinite spotlight-float}}
.chroma-grid{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:1.25rem;width:100%;max-width:820px;margin:0 auto;display:grid;position:relative}@media (max-width:767px){.chroma-grid{grid-template-columns:1fr;gap:1rem;max-width:380px}}.chroma-card{z-index:1;--flip-dur:.7s;perspective:1000px;cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.chroma-card:focus-visible{outline-offset:4px;border-radius:22px;outline:2px solid #e6ff4d}@media (max-width:767px){.chroma-card{perspective:800px}}.chroma-inner{aspect-ratio:4/5;width:100%;transform-style:preserve-3d;transition:transform var(--flip-dur) cubic-bezier(.65, 0, .35, 1);position:relative}.chroma-card.is-flipped .chroma-inner{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.chroma-inner{transition:none}}.chroma-face{backface-visibility:hidden;transition:border-color .3s ease, opacity 0s linear calc(var(--flip-dur) / 2);border:1px solid #ffffff1a;border-radius:20px;position:absolute;inset:0;overflow:hidden}.chroma-card:hover .chroma-face{border-color:#e6ff4d73}.chroma-front{opacity:1}.chroma-back,.chroma-card.is-flipped .chroma-front{opacity:0}.chroma-card.is-flipped .chroma-back{opacity:1}@media (prefers-reduced-motion:reduce){.chroma-face{transition:border-color .3s}}.chroma-front{background:#0f0f0f}.chroma-front img{object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block;position:absolute;inset:0}.chroma-front:after{content:"";background:linear-gradient(#0000 30%,#0d0d0d1f 52%,#0d0d0dbf 78%,#0d0d0df2 100%);position:absolute;inset:0}.chroma-info{z-index:1;padding:1.25rem 1.25rem 1.15rem;position:absolute;bottom:0;left:0;right:0}.chroma-info .name{font-family:var(--font-onest), sans-serif;letter-spacing:-.02em;color:#fff;margin:0;font-size:1.25rem;font-weight:800;line-height:1.15}.chroma-info .role{font-family:var(--font-hkgrotesk), sans-serif;color:#e6ff4d;margin:.3rem 0 0;font-size:.85rem}.chroma-hint{font-family:var(--font-hkgrotesk), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ffffff9e;margin-top:.6rem;font-size:.7rem;display:block}.chroma-back{background:#141414;flex-direction:column;justify-content:center;gap:.9rem;padding:1.5rem 1.35rem;display:flex;overflow:hidden auto;transform:rotateY(180deg)}.chroma-back .back-name{font-family:var(--font-onest), sans-serif;color:#fff;margin:0;font-size:1.05rem;font-weight:800}.chroma-back .bio{font-family:var(--font-hkgrotesk), sans-serif;color:#a8a7a3;margin:0;font-size:.86rem;line-height:1.6}.chroma-tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chroma-tags li{font-family:var(--font-hkgrotesk), sans-serif;color:#e6ff4d;border:1px solid #e6ff4d47;border-radius:999px;padding:.3rem .6rem;font-size:.7rem}
