.site-header{background:#fff0;padding:0;position:absolute;top:0;left:0;right:0;z-index:1000;box-shadow:none;width:100%}.site-header .navbar{padding:20px 0}.site-header .container{max-width:100%!important;padding-left:40px!important;padding-right:40px!important}.site-header .navbar-brand{padding:0}.site-header .navbar-brand img{height:50px;width:auto}.site-header .nav-link{color:#fff!important;font-weight:400;font-size:.95rem;padding:8px 18px!important;transition:all 0.3s}.site-header .nav-link:hover{color:#e74c3c!important}.site-header .navbar-toggler{border-color:rgb(255 255 255 / .3)}.site-header .navbar-toggler-icon{filter:invert(1)}.hero-banner{width:100%;height:500px;background:linear-gradient(135deg,#0a0e27 0%,#1a1d3a 50%,#0a0e27 100%);background-image:url(https://sb-team.portfolioexhibit.store/wp-content/uploads/2026/02/hero-banner.webp);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;padding:100px 0 40px 0}.hero-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(10 14 39 / .6);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;padding:40px 20px}.hero-text{font-size:3rem;font-weight:300;color:#fff;margin:0;line-height:1.4;letter-spacing:1px}.hero-brand{font-weight:700;font-size:3.5rem;color:#fff;display:inline-block}.founders-section{margin-top:40px;margin-bottom:60px;padding:0 40px}.founders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:900px;margin:0 auto}.founder-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgb(0 0 0 / .08);transition:transform 0.3s,box-shadow 0.3s}.founder-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgb(0 0 0 / .12)}.founder-image-wrapper{position:relative;width:100%;height:360px;background:#c5c5c5;overflow:hidden}.founder-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(100%);transition:filter 0.3s}.founder-card:hover .founder-image-wrapper img{filter:grayscale(0%)}.founder-content{padding:25px 30px 30px 30px;text-align:center}.founder-name{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.founder-role{font-size:1rem;color:#e74c3c;margin-bottom:18px;font-weight:600}.founder-bio{font-size:.9rem;color:#555;line-height:1.7;text-align:left}.founder-bio p{margin-bottom:10px}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8f9fa}.team-hero{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#fff;padding:80px 0;text-align:center}.team-hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.team-subtitle-section{padding:50px 0 30px 0;text-align:center;background:#fff0}.team-subtitle{font-size:2rem;color:#333;margin-bottom:8px}.team-subtitle-highlight{color:#e74c3c;font-style:italic;font-weight:700}.team-subtitle-location{font-size:1.6rem;color:#2c3e50;font-weight:700;letter-spacing:2px;margin-top:8px;margin-bottom:0}.filter-sidebar{max-width:220px;position:sticky;top:130px;align-self:flex-start}.team-row{transition:opacity 0.4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.team-card{transition:all 0.7s cubic-bezier(.34,1.56,.64,1);opacity:1;transform:translateY(0) rotateX(0deg) scale(1);will-change:transform,opacity;perspective:1000px}.team-card:hover{transform:translateY(-8px) scale(1.02)!important}.team-row * .team-card{opacity:0;transform:translateY(50px) scale(.9) rotateX(15deg);animation:cardReveal 0.8s cubic-bezier(.34,1.56,.64,1) forwards}.team-row * .team-card:nth-child(1){animation-delay:0ms}.team-row * .team-card:nth-child(2){animation-delay:100ms}.team-row * .team-card:nth-child(3){animation-delay:180ms}.team-row * .team-card:nth-child(4){animation-delay:260ms}.team-row * .team-card:nth-child(5){animation-delay:340ms}.team-row * .team-card:nth-child(6){animation-delay:420ms}.team-row * .team-card:nth-child(7){animation-delay:500ms}.team-row * .team-card:nth-child(8){animation-delay:580ms}.team-row * .team-card:nth-child(9){animation-delay:660ms}.team-row * .team-card:nth-child(10){animation-delay:740ms}@keyframes cardReveal{0%{opacity:0;transform:translateY(50px) scale(.9) rotateX(15deg)}50%{opacity:.7;transform:translateY(15px) scale(.98) rotateX(5deg)}100%{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}.team-row[style*="opacity: 0.3"],.team-row[style*="opacity: 0.3;"]{position:relative}.team-row[style*="opacity: 0.3"]::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .6),transparent);animation:shimmer 1.2s infinite;z-index:5}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.dept-tag{background:#333!important;color:#fff!important}.team-subtitle-location{color:#333!important}.mobile-filter-trigger{display:none}.mobile-filter-button{width:100%;padding:15px 20px;background:#0d6efd;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s}.mobile-filter-button:hover{background:#0b5ed7}.mobile-filter-button svg{margin-left:10px}.filter-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:9999;opacity:0;transition:opacity 0.3s ease;align-items:flex-start;padding-top:0}.filter-modal.show{display:flex;opacity:1}.filter-modal-content{width:100%;height:60vh;background:#fff;display:flex;flex-direction:column;margin-top:auto;border-radius:0 0 20px 20px;animation:slideDown 0.3s ease}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}.filter-modal-header{background:#0d6efd;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:600}.filter-modal-close{background:#fff0;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1}.filter-modal-body{flex:1;overflow-y:auto;padding:0}.modal-filter-btn{width:100%;padding:14px 20px;border:none;background:#ef4444;color:#fff;font-size:.95rem;font-weight:600;text-align:center;cursor:pointer;transition:background 0.3s;border-bottom:1px solid rgb(255 255 255 / .1)}.modal-filter-btn:first-child{background:#4c3d91}.modal-filter-btn.active{background:#4c3d91}.modal-filter-btn:hover{opacity:.9}.modal-filter-btn:nth-child(1){background:#4c3d91}.modal-filter-btn:nth-child(2){background:#ef4444}.modal-filter-btn:nth-child(3){background:#ef4444}.modal-filter-btn:nth-child(4){background:#ef4444}.modal-filter-btn:nth-child(5){background:#ef4444}.modal-filter-btn:nth-child(6){background:#ef4444}.modal-filter-btn:nth-child(7){background:#ef4444}.modal-filter-btn:nth-child(8){background:#ef4444}.modal-filter-btn:nth-child(9){background:#ef4444}.modal-filter-btn:nth-child(10){background:#ef4444}.modal-filter-btn:nth-child(11){background:#ef4444}.filter-btn{display:block;width:100%;padding:12px 20px;margin-bottom:8px;background:#2c3e50;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all 0.3s;text-align:left}.filter-btn:hover{background:#34495e;transform:translateX(5px)}.filter-btn.active{background:#e74c3c}.team-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.team-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgb(0 0 0 / .08);transition:transform 0.3s,box-shadow 0.3s;height:100%;display:flex;flex-direction:column}.team-card:hover{box-shadow:0 8px 25px rgb(0 0 0 / .12)}.card-image-wrapper{position:relative;width:100%;height:320px;background:#f0f0f0;overflow:hidden}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(100%);transition:filter 0.3s}.team-card:hover .card-image-wrapper img{filter:grayscale(0%)}.deco-plus{position:absolute;top:20px;right:20px;font-size:3rem;color:rgb(255 255 255 / .2);font-weight:300;z-index:2}.deco-waves{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgb(0 0 0 / .3),transparent)}.card-content{padding:30px;text-align:center}.member-name{font-size:1.4rem;font-weight:700;color:#1a2847;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.member-role{font-size:1rem;color:#e74c3c;margin-bottom:12px;font-weight:500}.member-bio{font-size:.9rem;color:#555;line-height:1.7;margin-bottom:16px;text-align:left}.dept-tags{display:flex;flex-wrap:wrap;gap:8px}.dept-tag{background:#ecf0f1;color:#2c3e50;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}@media (max-width:1200px){.team-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.filter-sidebar{display:none!important}.mobile-filter-trigger-wrapper{display:block!important;position:sticky;top:0;z-index:999;background:#f8f9fa;padding:15px 0;margin:0 -15px 20px -15px}.mobile-filter-trigger{display:block!important;padding:0 15px}.hero-banner{height:250px;background-position:center center;background-size:cover}.hero-content{padding:20px 15px}.hero-text{font-size:1.3rem;line-height:1.3}.hero-brand{font-size:1.6rem;display:block;margin-top:5px}.team-subtitle-section{padding:40px 20px}.team-subtitle{font-size:1.5rem}.team-subtitle-location{font-size:1.3rem;letter-spacing:1px}.founders-section{padding:0 20px}.founders-grid{grid-template-columns:1fr;gap:40px}.founder-image-wrapper{height:350px}.team-row{grid-template-columns:1fr;gap:30px}.card-image-wrapper{height:350px}.filter-modal{z-index:10000}.filter-modal-content{width:100%;height:70vh;background:#fff;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;border-radius:0 0 20px 20px}}@media (max-width:480px){.hero-banner{height:200px}.hero-text{font-size:1.1rem}.hero-brand{font-size:1.4rem}.team-subtitle{font-size:1.2rem}.team-subtitle-location{font-size:1rem}}body.modal-open{overflow:hidden!important;position:fixed;width:100%}@media (max-width:768px){.site-header{background:#fff0}body.menu-open .site-header,.site-header.menu-active{background:#1a1a2e!important;box-shadow:0 2px 10px rgb(0 0 0 / .3)!important}}
.team-subtitle-highlight{display:block;font-family:'Allura',cursive;font-size:7.5rem;font-weight:400;color:#e53935;line-height:1;letter-spacing:-3.5px}@media (max-width:768px){.team-subtitle-highlight{font-size:3.5rem;line-height:.85;letter-spacing:0}.team-subtitle{font-size:1.2rem;letter-spacing:2px}.team-subtitle-location{font-size:1rem;letter-spacing:2px}}@media (max-width:1024px){.filter-sidebar{display:none!important}.mobile-filter-trigger-wrapper,.mobile-filter-trigger{display:block!important}}@media (min-width:768px) and (max-width:1024px){.card-image-wrapper,.founder-image-wrapper{height:auto!important;aspect-ratio:4 / 5}}