.about-page{position:relative;min-height:100vh;overflow-x:hidden}.about-hero{position:relative;padding:8rem 2rem 4rem;background:linear-gradient(135deg,#1a1a1a,#000000);color:#fff;text-align:center;margin-bottom:4rem;overflow:hidden}.about-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.05" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,144C960,149,1056,139,1152,128C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') bottom no-repeat;background-size:cover;opacity:.3}.about-hero .about-hero-title{position:relative;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;letter-spacing:2px;text-shadow:2px 4px 10px rgba(0,0,0,.3);z-index:1}.about-hero .about-hero-subtitle{position:relative;font-size:clamp(1rem,2vw,1.4rem);font-weight:300;max-width:800px;margin:0 auto;line-height:1.6;z-index:1}.about-hero .about-hero-subtitle .highlight{color:gold;font-weight:600;font-style:italic}.about-container{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 2rem 6rem;max-width:1400px;margin:0 auto}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:3rem;gap:3rem;width:100%;max-width:1200px;margin:3rem auto}.team-member-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.team-member-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.team-member-card:hover .image-overlay{opacity:1}.team-member-card .card-image-wrapper{position:relative;display:block;overflow:hidden;height:350px}.team-member-card .card-image-wrapper .team-member-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.team-member-card .card-image-wrapper:hover .team-member-image{transform:scale(1.08)}.team-member-card .card-image-wrapper .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(26,26,26,.9),rgba(0,0,0,.9));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.team-member-card .card-image-wrapper .image-overlay span{color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:1px}.team-member-card .card-content{padding:2rem;text-align:center}.team-member-card .card-content .member-name{font-size:1.6rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.team-member-card .card-content .member-role{font-size:1.1rem;color:#666;font-style:italic;margin-bottom:1.5rem}.team-member-card .card-content .member-divider{width:60px;height:3px;background:linear-gradient(90deg,#1a1a1a,#ffd700);margin:1.5rem auto;border-radius:2px}.team-member-card .card-content .contact-icons{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.team-member-card .card-content .contact-icons .contact-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:#1a1a1a;transition:all .3s ease;cursor:pointer}.team-member-card .card-content .contact-icons .contact-icon-wrapper .contact-icon{width:35px;height:35px;padding:8px;background:#f5f5f5;border-radius:50%;transition:all .3s ease}.team-member-card .card-content .contact-icons .contact-icon-wrapper .icon-label{font-size:.85rem;font-weight:500;opacity:.7;transition:all .3s ease}.team-member-card .card-content .contact-icons .contact-icon-wrapper:hover{transform:translateY(-3px)}.team-member-card .card-content .contact-icons .contact-icon-wrapper:hover .contact-icon{background:#1a1a1a;box-shadow:0 4px 15px rgba(0,0,0,.3)}.team-member-card .card-content .contact-icons .contact-icon-wrapper:hover .icon-label{opacity:1;color:#1a1a1a}.about-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2.5rem;gap:2.5rem;width:100%;max-width:1200px;margin:4rem auto 0}.about-info-section .info-card{background:linear-gradient(135deg,#f8f9fa,#ffffff);padding:2.5rem;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.08);transition:all .4s ease;border-left:4px solid #1a1a1a}.about-info-section .info-card:hover{transform:translateY(-8px);box-shadow:0 15px 50px rgba(0,0,0,.15);border-left-color:gold}.about-info-section .info-card h3{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin-bottom:1.2rem;position:relative;padding-bottom:.8rem}.about-info-section .info-card h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,#1a1a1a,#ffd700);border-radius:2px}.about-info-section .info-card p{font-size:1.05rem;line-height:1.8;color:#555;margin:0}.about-vertical-line{border-left:3px solid;border-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.5)) 1;height:100px;margin:10px 0}.about-title{display:none}@media only screen and (max-width:768px){.about-hero{padding:6rem 1.5rem 3rem}.about-hero .about-hero-title{font-size:2rem}.about-hero .about-hero-subtitle{font-size:1rem}.about-container{padding:0 1rem 4rem}.team-grid{grid-template-columns:1fr;gap:2rem;margin:2rem auto}.team-member-card .card-image-wrapper{height:300px}.team-member-card .card-content{padding:1.5rem}.team-member-card .card-content .member-name{font-size:1.4rem}.team-member-card .card-content .member-role{font-size:1rem}.team-member-card .card-content .contact-icons{gap:1rem}.team-member-card .card-content .contact-icons .contact-icon-wrapper .contact-icon{width:32px;height:32px}.team-member-card .card-content .contact-icons .contact-icon-wrapper .icon-label{font-size:.8rem}.about-info-section{grid-template-columns:1fr;gap:1.5rem;margin:3rem auto 0}.about-info-section .info-card{padding:2rem}.about-info-section .info-card h3{font-size:1.5rem}.about-info-section .info-card p{font-size:1rem}}