.chroma-grid{position:relative;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3.5rem;max-width:1400px;margin:0 auto;padding:2rem 1rem;--x: 50%;--y: 50%;--r: 300px;pointer-events:auto}@media(max-width:768px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:1.5rem 1rem}}@media(max-width:480px){.chroma-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}}.chroma-overlay{position:absolute;inset:0;pointer-events:none;z-index:30;background:#0000;opacity:0;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%)}.chroma-fade{position:absolute;inset:0;pointer-events:none;z-index:31;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);opacity:1;transition:opacity .25s ease}.chroma-card{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1.5px solid rgba(0,229,255,.2);background:linear-gradient(135deg,#000a14e6,#0a051ee6);transition:all .4s cubic-bezier(.22,1,.36,1);cursor:default;z-index:1;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(0, 229, 255, .25)}.chroma-card:hover{border-color:#00e5ffb3;transform:translateY(-12px) scale(1.04);box-shadow:0 25px 70px #00e5ff26,0 0 50px #00e5ff1a,inset 0 0 40px #00e5ff0d}.chroma-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .4s ease;z-index:0}.chroma-img-wrapper{position:relative;width:100%;height:360px;overflow:hidden;background:#0000004d;z-index:1;flex-shrink:0}.chroma-img-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:grayscale(100%) brightness(.95);transition:filter .6s cubic-bezier(.22,1,.36,1)}.chroma-card:hover .chroma-img-wrapper img{filter:grayscale(0%) brightness(1.05) saturate(1.3)}.chroma-info{position:relative;z-index:1;padding:1.5rem;color:#fff;flex:1;display:flex;flex-direction:column;gap:.5rem}.chroma-info .name{font-size:1.1rem;font-weight:800;margin:0;letter-spacing:-.01em;line-height:1.2}.chroma-info .role{font-size:.75rem;color:#00e5ff;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin:.5rem 0 0}.chroma-info .handle{font-size:.8rem;color:#e8e8f099;margin:0}.chroma-info .location{font-size:.7rem;color:#e8e8f066;margin:.25rem 0 0}@media(max-width:768px){.chroma-img-wrapper{height:360px}.chroma-info{padding:1.4rem}.chroma-info .name{font-size:1.1rem}.chroma-card:hover{transform:translateY(-6px)}}@media(max-width:480px){.chroma-img-wrapper{height:340px}.chroma-info{padding:1.25rem}.chroma-info .name{font-size:1.05rem}.chroma-card:hover{transform:translateY(-4px)}}.faculty-advisor-card{max-width:600px;margin:0 auto 3.5rem;border-color:#ffd70066}.faculty-advisor-card:hover{border-color:#ffd700e6;box-shadow:0 25px 70px #ffd70026,0 0 50px #ffd7001a,inset 0 0 40px #ffd7000d}.faculty-advisor-card .role{color:gold}