/* CCID Studio V10: interactive personnel cards and profile modal */
.team-clickable{width:100%;font:inherit;color:inherit;text-align:center;cursor:pointer;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;position:relative;border:1px solid rgba(190,125,255,.21);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.team-clickable:hover,.team-clickable:focus-visible{transform:translateY(-7px);border-color:rgba(211,166,255,.66);box-shadow:0 26px 64px rgba(88,27,143,.25);outline:0}
.team-photo{position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 50% 10%,rgba(153,75,238,.3),rgba(12,7,24,.96));aspect-ratio:1;width:100%;display:grid;place-items:center}
.team-clickable .team-photo img{width:100%;height:100%;max-height:none;aspect-ratio:1;object-fit:cover;border-radius:0;transition:transform .5s ease}
.team-clickable:hover .team-photo img{transform:scale(1.055)}
.team-clickable .team-photo .avatar{width:100%;height:100%;max-height:none;border-radius:0}
.team-clickable .team-job{font-size:10px;letter-spacing:.16em;font-weight:900;color:#c79dff;margin-top:18px;text-transform:uppercase}
.team-clickable h3{margin:8px 0 4px;font-size:19px}
.team-clickable p{font-size:12px;line-height:1.65;margin:7px 0 18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;flex:1}
.team-see-more{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid rgba(200,160,255,.15);padding-top:14px;margin-top:auto;color:#dab8ff;font-size:10px;letter-spacing:.12em;font-weight:900}
.team-see-more span{font-size:17px}
.team-profile-modal{z-index:1000;padding:15px;background:rgba(5,2,12,.84);backdrop-filter:blur(18px)}
.team-profile-panel{width:min(875px,100%)!important;max-width:min(875px,96vw)!important;max-height:90dvh!important;padding:16px!important;border:1px solid rgba(218,175,255,.3);background:radial-gradient(circle at top left,rgba(114,51,173,.22),transparent 50%),linear-gradient(140deg,#1d122c,#0e0916);box-shadow:0 35px 100px rgba(0,0,0,.58)}
.team-profile-panel .team-profile-close{position:sticky;top:0;float:right;z-index:10;margin:4px;background:rgba(31,18,44,.95);border:1px solid rgba(233,201,255,.27)}
.team-profile-grid{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:25px;align-items:start;clear:both;padding:6px}
.team-profile-visual{position:relative;aspect-ratio:3/4;min-height:230px;border-radius:20px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(150deg,#3b2157,#130c1d);border:1px solid rgba(215,175,255,.2)}
.team-profile-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.team-profile-placeholder{font-size:100px;color:#d0a5ff}
.team-profile-label{position:absolute;bottom:15px;left:14px;right:14px;z-index:1;text-align:center;border-radius:999px;background:rgba(16,8,26,.75);backdrop-filter:blur(12px);color:#eedcff;font-size:10px;font-weight:900;letter-spacing:.14em;padding:12px}
.team-profile-content{min-width:0;padding:12px 16px 12px 0}
.team-profile-role{display:block;color:#c795ff;font-size:12px;font-weight:900;letter-spacing:.14em;margin-top:16px;text-transform:uppercase}
.team-profile-content h2{font-size:clamp(29px,4vw,49px);margin:6px 0 24px;overflow-wrap:anywhere}
.team-profile-content h3{font-size:14px;margin:21px 0 5px;color:#f3eaff;letter-spacing:-.01em}
.team-profile-content p{font-size:13px;color:#bfb1d1;line-height:1.85;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.team-profile-footer{margin-top:23px;border-top:1px solid rgba(213,175,255,.15);padding-top:15px;font-size:10px;font-weight:900;letter-spacing:.19em;color:#c7a1f2}
@media(max-width:650px){.team-profile-panel{max-height:92dvh!important;padding:10px!important}.team-profile-grid{grid-template-columns:1fr;gap:5px}.team-profile-visual{aspect-ratio:16/10;min-height:170px;max-height:230px}.team-profile-content{padding:13px 10px 21px}.team-profile-content h2{font-size:30px;margin-bottom:16px}.team-profile-modal{padding:9px}.team-clickable h3{font-size:15px}.team-clickable p{font-size:11px}.team-clickable .team-job{font-size:9px;margin-top:12px}.team-see-more{font-size:9px;padding-top:11px}}
@media(prefers-reduced-motion:reduce){.team-clickable,.team-clickable .team-photo img{transition:none!important}}