.pageContainer{min-height:100vh}.main-content{background-color:#112A67;color:#ffffff;padding:2rem}.header{text-align:center;padding:2rem}.title{font-size:3.25rem;line-height:2.25rem;font-weight:700;color:#f9fafb}.staff-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;padding:2rem;max-width:7xl;margin:0 auto;transition:opacity .3s ease}.staff-card-box{background-color:#FF9A35;border-radius:1.5rem;aspect-ratio:4/5;padding:1.25rem;border:2px solid #f9f9f9;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);cursor:pointer;transform:scale(1);transition:all .3s ease}.staff-card-box:hover{background-color:#f67b00;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);transform:scale(1.05)}.staff-image-box{background-color:#f9f9f9;border-radius:1rem;border:2px solid #f9f9f9;overflow:hidden;margin-bottom:1rem;aspect-ratio:6/7}.staff-image-box img{width:100%;height:100%;object-fit:cover;display:block}.staff-card-text{text-align:center;font-weight:500;font-size:1.125rem;color:white;margin:0;padding:0 .5rem .5rem}.opacity-20{opacity:.2}.opacity-100{opacity:1}.popup{position:fixed;top:0;left:0;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;justify-content:center;align-items:center;padding:1rem}.popup,.popup-content{width:100%;display:flex}.popup-content{background-color:#FF9A35;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:56rem;max-height:90vh;overflow-y:auto;position:relative;flex-direction:row;padding:1.5rem;gap:2rem;align-items:flex-start;border:2px solid #f9f9f9}.close{position:absolute;top:1rem;right:1.5rem;font-size:2rem;font-weight:700;cursor:pointer;color:#1E3877;z-index:10;transition:color .2s ease}.close:hover{color:#3B4D8C}.image-popup{flex-shrink:0;margin-bottom:1.5rem;width:100%;max-width:24rem;margin-left:auto;margin-right:auto;background-color:#f9f9f9;border-radius:1rem;border:2px solid #f9f9f9;overflow:hidden;aspect-ratio:1}.image-popup img{width:100%;height:100%;object-fit:cover}.text-content{flex:1 1;color:white;text-align:center}.text-content h2{font-size:2rem;font-weight:700;color:#1E3877;margin-bottom:.5rem;margin-top:1.25rem}.text-content .role{font-style:italic;font-size:1.25rem;color:#1E3877;margin-bottom:2rem}.staff-details{margin-bottom:1.5rem;text-align:left}.detail-item{margin-bottom:1rem}.label{font-weight:700;margin-bottom:.25rem}.label,.value{font-size:1rem}.value{margin-bottom:.5rem}.bio-section{border-left:4px solid white;padding-left:1.5rem;margin-left:1rem;text-align:left}.bio{line-height:1.5;font-size:1rem}@media (max-width:768px){.popup-content{flex-direction:column}.image-popup{width:100%;max-width:24rem;margin-bottom:1.5rem}.image-popup,.text-content{margin-left:auto;margin-right:auto}.label,.text-content,.value{text-align:center}}