.roll-title{font-size:32px;font-weight:700;color:#3a3b3e;position:relative;display:inline-block;margin-bottom:14px}.roll-title:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;background:#bfa787;transition:width .6s ease}.roll-section.in-view .roll-title:after{width:60%}.roll-subtitle{font-size:15px;color:#6a6a6a;margin-bottom:25px}.roll-divider{width:80px;height:3px;background:#ccb89d;margin:0 auto 25px;border-radius:2px}.roll-wrapper{display:flex;gap:24px}.roll-tabs{display:flex;flex-direction:column;min-width:220px;gap:10px}.roll-tab{position:relative;width:100%;padding:12px 18px;border-radius:5px;border:1px solid #e4dbd2;background:#faf7f2;cursor:pointer;text-align:left;font-weight:500;color:#4b4a46;transition:all .3s ease;overflow:hidden}.roll-tab:hover{background:#f2eae2}.tab-highlight{position:absolute;left:0;top:0;width:6px;height:100%;background:transparent;transition:all .4s ease}.roll-tab.active .tab-highlight{background:#bfa787}.roll-tab.active{background:white;border-color:#bfa787;box-shadow:0 4px 12px rgba(190,170,140,.25)}.roll-cards{flex:1 1}.roll-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:18px;gap:18px}.roll-card{background:white;padding:16px;border-radius:12px;border:1px solid #e9e1d8;box-shadow:0 6px 16px rgba(0,0,0,.05);display:flex;align-items:center;gap:14px;opacity:0;transform:translateY(20px);animation:fadeUp .9s ease forwards}.roll-card:first-child{animation-delay:.1s}.roll-card:nth-child(2){animation-delay:.2s}.roll-card:nth-child(3){animation-delay:.3s}.roll-card:nth-child(4){animation-delay:.4s}.roll-card:nth-child(5){animation-delay:.5s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.roll-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.1);border-color:#ccb89d}.profile-circle{width:50px;height:50px;border-radius:999px;background:#6d6a65;color:#fff;font-weight:600;font-size:17px;display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-circle img{width:100%;height:100%;object-fit:cover}.roll-card-name{font-size:17px;font-weight:600;color:#3b3c40}.roll-card-role{font-size:14px;color:#706d69;margin:2px 0}.roll-card-year{font-size:12px;padding:4px 10px;background:#f5ede3;color:#564f49;border-radius:20px;border:1px solid #e5dac9}@media (max-width:992px){.roll-wrapper{flex-direction:column}.roll-tabs{flex-direction:row;min-width:100%}.roll-tab{text-align:center;flex:1 1}.tab-highlight{width:100%;height:5px;top:auto;bottom:0}}