.profile-showcase{position:relative;display:grid;grid-template-columns:1fr 1.1fr;border:1px solid #92e7d435;background:radial-gradient(ellipse at 10% 30%,#24544d55,transparent 60%),#061822;overflow:hidden;border-radius:5px;margin-bottom:90px}.showcase-portrait{position:relative;height:650px;overflow:hidden;background:radial-gradient(ellipse at 40% 50%,#46746e,#142e39 65%)}.showcase-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(.75)}.showcase-portrait>img[hidden]{display:none}.showcase-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061822 0%,transparent 40%),linear-gradient(90deg,transparent 75%,#06182299)}.portrait-halo{position:absolute;inset:25px;border:1px solid #92e7d425;border-radius:50% 50% 4px 4px;z-index:2;pointer-events:none}.showcase-portrait-label{position:absolute;bottom:32px;left:35px;color:#bbd9d1;font-size:9px;letter-spacing:.2em;z-index:3}.showcase-initials{font-size:150px;font-weight:300;letter-spacing:-.06em;color:var(--mint);height:100%;display:grid;place-items:center}.showcase-initials[hidden]{display:none}.showcase-profile{padding:65px 55px 50px;display:flex;flex-direction:column;justify-content:center;position:relative;min-width:0}.showcase-count{margin:35px 0;color:#64888f;font-size:12px;letter-spacing:.24em}.showcase-role{color:var(--mint);font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1.7;max-width:400px}.showcase-profile h2{font-size:clamp(38px,4.5vw,66px);line-height:1.09;margin:22px 0 28px;text-align:left}.showcase-description{font-size:15px;line-height:1.95;margin:0 0 25px;color:#b7cccf}.showcase-controls{display:flex;gap:12px;align-items:center;margin-top:40px;flex-wrap:wrap}.showcase-controls button{width:45px;height:45px;border:1px solid #92e7d44d;border-radius:50%;color:var(--mint);font-size:20px;background:transparent;cursor:pointer}.showcase-controls button:hover{background:#92e7d421}.showcase-controls .profile-play{width:auto;border:0;border-radius:0;font:inherit;font-size:10px;letter-spacing:.07em;margin-left:10px;padding:0 10px;color:#a1bdc2}.profile-progress{height:1px;width:50px;background:#92e7d430;position:relative;overflow:hidden}.profile-progress:after{content:'';position:absolute;inset:0;background:var(--mint);transform:translateX(-100%)}.is-playing .profile-progress:after{animation:profile-timing 8.5s linear infinite}.profile-selection{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #92e7d427}.profile-selection button{position:relative;background:#061c27;color:#e3f1f0;border:0;border-right:1px solid #92e7d41c;border-bottom:1px solid #92e7d41c;text-align:left;font:inherit;font-size:14px;padding:24px 25px;cursor:pointer;transition:background .35s,color .35s;min-height:108px}.profile-selection button>span{color:#5d8790;font-size:10px;letter-spacing:.15em;display:block;margin-bottom:10px}.profile-selection button>small{font-size:9px;letter-spacing:.04em;line-height:1.7;display:block;color:#85a5ac;margin-top:8px}.profile-selection button[aria-pressed=true]{background:linear-gradient(135deg,#18423f,#0e2934);color:var(--mint);box-shadow:inset 0 2px var(--mint)}.profile-selection button[aria-pressed=true]>span{color:var(--mint)}.profile-selection button:hover{background:#15343f}.profile-directory-title{margin:30px 0 45px}.profile-detail-grid .portrait-stage{height:340px}.profile-detail-grid .person-card,.profile-detail-grid .board-card{scroll-margin-top:145px}.profile-detail-grid .person-card:target,.profile-detail-grid .board-card:target{border-color:var(--mint);box-shadow:0 0 35px #92e7d414}@keyframes profile-timing{to{transform:translateX(0)}}@media(max-width:1000px){.showcase-profile{padding:40px 30px}.showcase-portrait{height:640px}.showcase-profile h2{font-size:42px}.profile-selection button{padding:22px 18px}}@media(max-width:760px){.profile-showcase{grid-template-columns:1fr;margin-bottom:60px}.showcase-portrait{height:430px}.showcase-profile{padding:35px 28px}.showcase-count{margin:25px 0}.showcase-profile h2{font-size:44px}.showcase-description{font-size:14px}.profile-selection{grid-template-columns:1fr 1fr}.profile-selection button{font-size:12px;padding:20px 16px;min-height:125px}.profile-selection button>small{font-size:8px}.showcase-controls{margin-top:25px}.profile-detail-grid .portrait-stage{height:370px}}@media(prefers-reduced-motion:reduce){.profile-progress:after{animation:none!important}}
