@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--black:#111;--dark:#1a1a1a;--mid:#444;--muted:#666;--light:#999;--border:#e8e8e8;--bg-soft:#f8f8f6;--white:#fff;--accent:#2c5f2e}.team-page{background-color:var(--white);width:100%;min-height:100vh}.team-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.team-container-main{width:1400px}.banner-section{background-image:url(https://www.solarpvmart.com/images/blogs/5/blog51.jpg);background-position:50%;background-size:cover;justify-content:flex-start;align-items:center;height:60vh;min-height:380px;display:flex;position:relative;overflow:hidden}.banner-overlay{background:linear-gradient(135deg,#000000c7 0%,#00000073 100%);position:absolute;inset:0}.banner-content{z-index:10;width:100%;max-width:1300px;margin:0 auto;padding:0 80px;position:relative}.banner-title{color:var(--white);letter-spacing:1.5px;margin-bottom:18px;font-family:Playfair Display,serif;font-size:3.8rem;font-weight:700;line-height:1.15}.breadcrumb{color:#ffffffd1;letter-spacing:.5px;align-items:center;gap:8px;font-size:.9rem;font-weight:400;display:flex}.breadcrumb a{color:#ffffffd1;text-decoration:none;transition:color .25s}.breadcrumb a:hover{color:var(--white)}.container{max-width:1160px;margin:0 auto;padding:0 40px}.hero-section{text-align:center;max-width:680px;margin:0 auto;padding:80px 0 60px}.hero-section h2{color:var(--black);letter-spacing:.5px;margin-bottom:18px;font-family:Playfair Display,serif;font-size:2.6rem;font-weight:700}.hero-section p{color:var(--muted);font-size:1rem;font-weight:400;line-height:1.85}.ceo-section{background-color:var(--bg-soft);border-radius:4px;margin-bottom:90px;padding:70px 60px}.ceo-grid{grid-template-columns:42% 1fr;align-items:flex-start;gap:60px;display:grid}.ceo-image{object-fit:cover;object-position:top center;filter:grayscale(10%);border-radius:3px;width:100%;height:520px;display:block}.ceo-content{flex-direction:column;padding-top:10px;display:flex}.ceo-role-label{letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.75rem;font-weight:600}.ceo-name{color:var(--black);margin-bottom:6px;font-family:Playfair Display,serif;font-size:2.4rem;font-weight:700;line-height:1.2}.ceo-title{color:var(--mid);letter-spacing:.3px;margin-bottom:22px;font-size:1rem;font-weight:500}.ceo-description{color:var(--muted);margin-bottom:28px;font-size:.97rem;line-height:1.85}.social-icons{gap:10px;margin-bottom:36px;display:flex}.social-icons a,.social-icons span{background-color:var(--black);width:36px;height:36px;color:var(--white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;text-decoration:none;transition:background .25s,transform .25s;display:flex}.social-icons a:hover,.social-icons span:hover{background-color:var(--accent);transform:translateY(-3px)}.experience-block{border-top:1px solid var(--border);padding-top:28px}.experience-heading{color:var(--black);margin-bottom:14px;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600}.experience-intro{color:var(--muted);margin-bottom:18px;font-size:.95rem;line-height:1.8}.experience-list{padding:0;list-style:none}.experience-list li{color:var(--mid);align-items:flex-start;gap:10px;margin-bottom:10px;font-size:.93rem;line-height:1.7;display:flex}.experience-list li:before{content:"•";color:var(--accent);flex-shrink:0;margin-top:1px;font-size:1.1rem;font-weight:700}.experience-list li span{color:var(--dark);font-weight:600}.board-section{width:100%;padding-bottom:100px}.board-header{margin-bottom:50px}.board-section h3{color:var(--black);letter-spacing:.3px;margin-bottom:14px;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.board-intro{color:var(--muted);max-width:620px;font-size:.96rem;line-height:1.85}.board-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.member-card{background:var(--white);border-radius:4px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014}.member-card:hover{transform:translateY(-6px);box-shadow:0 10px 32px #00000024}.member-image-wrapper{background:#e0e0e0;width:100%;height:260px;position:relative;overflow:hidden}.member-image{object-fit:cover;object-position:top center;filter:grayscale(15%);width:100%;height:100%;transition:transform .4s}.member-card:hover .member-image{transform:scale(1.06)}.member-overlay{opacity:0;background:linear-gradient(#0000 45%,#000000a6 100%);justify-content:center;align-items:flex-end;padding-bottom:18px;transition:opacity .3s;display:flex;position:absolute;inset:0}.member-card:hover .member-overlay{opacity:1}.member-social{gap:10px;display:flex}.member-social a,.member-social span{width:32px;height:32px;color:var(--black);cursor:pointer;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;text-decoration:none;transition:background .2s,transform .2s;display:flex}.member-social a:hover,.member-social span:hover{background:var(--white);transform:translateY(-2px)}.member-info{padding:22px 20px 24px}.member-name{color:var(--black);margin-bottom:5px;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;line-height:1.3}.member-role{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:.72rem;font-weight:600}.member-description{color:var(--muted);font-size:.88rem;line-height:1.7}@media (max-width:1023px){.board-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.banner-title{font-size:2.4rem}.banner-content{padding:0 28px}.container{padding:0 20px}.hero-section{padding:55px 0 40px}.hero-section h2{font-size:2rem}.ceo-section{margin-bottom:60px;padding:40px 24px}.ceo-grid{grid-template-columns:1fr;gap:36px}.ceo-image{height:360px}.ceo-name{font-size:1.9rem}.board-section h3{font-size:1.75rem}.board-grid{grid-template-columns:1fr;gap:24px}.member-image-wrapper{height:220px}}@media (min-width:480px) and (max-width:767px){.board-grid{grid-template-columns:repeat(2,1fr)}}
