.about-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.about-page .about-hero{text-align:center;background:linear-gradient(135deg,#2d4a2f 0%,#3d5e3f 50%,#4d6e4f 100%);padding:120px 0 80px;position:relative;overflow:hidden}.about-page .about-hero:before{content:"";background:radial-gradient(circle,#b5c29926 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;left:-10%}.about-page .about-hero h1{color:#fff;letter-spacing:-2px;z-index:1;margin-bottom:20px;font-family:Urbanist,sans-serif;font-size:56px;font-weight:900;position:relative}.about-page .about-hero p{color:#ffffffd9;z-index:1;max-width:700px;margin:0 auto;font-size:20px;position:relative}.about-page .welcome-section{background:#fff;padding:100px 0}.about-page .welcome-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-page .welcome-text h2{color:#1a1a1a;letter-spacing:-1.5px;margin-bottom:30px;font-family:Urbanist,sans-serif;font-size:48px;font-weight:900}.about-page .welcome-text p{color:#4a5568;margin-bottom:20px;font-size:17px;line-height:1.8}.about-page .welcome-image{border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.about-page .welcome-image img{width:100%;height:auto;display:block}.about-page .different-section{background:linear-gradient(135deg,#f9faf6 0%,#f0f2eb 100%);padding:100px 0}.about-page .different-header{text-align:center;margin-bottom:60px}.about-page .different-header h2{color:#1a1a1a;letter-spacing:-1.5px;margin-bottom:20px;font-family:Urbanist,sans-serif;font-size:48px;font-weight:900}.about-page .different-header p{color:#4a5568;max-width:700px;margin:0 auto;font-size:18px}.about-page .different-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.about-page .different-card{text-align:center;background:#fff;border-radius:20px;padding:40px 30px;transition:all .4s;box-shadow:0 4px 15px #0000000f}.about-page .different-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000001f}.about-page .different-icon{background:linear-gradient(135deg,#99a277 0%,#7a8360 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 25px;display:flex}.about-page .different-icon svg{color:#fff;width:40px;height:40px}.about-page .different-card h3{color:#1a1a1a;margin-bottom:15px;font-family:Urbanist,sans-serif;font-size:22px;font-weight:800}.about-page .different-card p{color:#4a5568;font-size:15px;line-height:1.7}.about-page .owner-section{background:#fff;padding:100px 0}.about-page .owner-header{text-align:center;margin-bottom:60px}.about-page .owner-header h2{color:#1a1a1a;letter-spacing:-1.5px;margin-bottom:10px;font-family:Urbanist,sans-serif;font-size:48px;font-weight:900}.about-page .owner-content{grid-template-columns:400px 1fr;align-items:start;gap:80px;display:grid}.about-page .owner-profile{text-align:center}.about-page .owner-photo{border:6px solid #99a277;border-radius:50%;width:250px;height:250px;margin:0 auto 25px;overflow:hidden;box-shadow:0 15px 40px #00000026}.about-page .owner-photo img{object-fit:cover;width:100%;height:100%}.about-page .owner-name{color:#1a1a1a;margin-bottom:8px;font-family:Urbanist,sans-serif;font-size:32px;font-weight:900}.about-page .owner-title{color:#99a277;text-transform:uppercase;letter-spacing:2px;font-size:18px;font-weight:700}.about-page .owner-bio{color:#4a5568;font-size:17px;line-height:1.8}.about-page .owner-transformation{background:linear-gradient(135deg,#f9faf6 0%,#f0f2eb 100%);border-radius:20px;margin-top:50px;padding:40px}.about-page .transformation-image{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.about-page .transformation-image img{width:100%;height:auto;display:block}@media (max-width:968px){.about-page .about-hero h1{font-size:42px}.about-page .about-hero p{font-size:18px}.about-page .welcome-content,.about-page .owner-content{grid-template-columns:1fr;gap:50px}.about-page .different-grid{grid-template-columns:1fr;gap:25px}.about-page .welcome-text h2,.about-page .different-header h2,.about-page .owner-header h2{font-size:38px}}@media (max-width:640px){.about-page .about-hero{padding:80px 0 60px}.about-page .about-hero h1{font-size:36px}.about-page .welcome-section,.about-page .different-section,.about-page .owner-section{padding:60px 0}.about-page .welcome-text h2,.about-page .different-header h2,.about-page .owner-header h2{font-size:32px}.about-page .owner-photo{width:200px;height:200px}.about-page .owner-name{font-size:28px}}