body{padding-top:50px;background:linear-gradient(to bottom right,#d5e9fb,#fdfdec)}.team-title{font-family:Kanit,serif;text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.team-description{font-weight:800;text-align:center;max-width:600px;margin:0 auto 2rem;color:#666}.team-wrapper{max-width:1200px;margin:0 auto;padding:2rem;position:relative;overflow:hidden}.left-image-container{position:absolute;left:0;top:61%;transform:translateY(-50%);width:300px;height:700px;z-index:0}.left-background-image{object-fit:cover;border-radius:20px}.team-content{display:flex;align-items:center;justify-content:center;gap:2rem;position:relative;z-index:1}.team-info{text-align:center;flex:1}.team-initial{font-size:4rem;font-weight:700;color:#333;margin-bottom:1rem}.team-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.team-role{color:#666}.team-image-container{position:relative;overflow:hidden;border-radius:1rem;width:400px;height:500px;transform:rotate(3deg)}.team-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;filter:grayscale(100%)}.team-image-container:hover .team-image{transform:scale(1.05)}.social-icons{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(223,31,31,.8),transparent);display:flex;justify-content:center;gap:1rem;padding:2rem 1rem 1rem;opacity:0;transform:translateY(100%);transition:all .3s ease}.team-image-container:hover .social-icons{opacity:1;transform:translateY(0)}.social-icon{color:white;transition:transform .2s ease}.social-icon:hover{transform:scale(1.2)}.nav-button{background:none;border:none;cursor:pointer;padding:.5rem;color:#333;transition:color .2s ease}.nav-button:hover{color:#000}.team-brand{text-align:center;font-size:1.2rem;margin-top:2rem;color:#666}.interactive-image{position:absolute;bottom:20px;right:20px;width:150px;height:150px;z-index:2;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:1200px){.left-image-container{width:200px;height:400px}}@media (max-width:768px){.team-content{flex-direction:column}.team-image-container{width:100%;height:400px;transform:none}.nav-button{position:absolute;top:50%;transform:translateY(-50%)}.nav-button.prev{left:0}.nav-button.next{right:0}.interactive-image,.left-image-container{display:none}}