:root{--primary:#1a365d;--secondary:#c53030;--accent:#f6ad55;--beige-light:#f0ece7;--beige-medium:#d7c7b8;--beige-dark:#b79881;--beige-darker:#a68069;--text-dark:#2d3748;--text-light:#718096;--white:#ffffff;--off-white:#f7f7f7}.about-page{color:var(--text-dark);background-color:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-hero{position:relative;height:70vh;min-height:500px;max-height:800px;display:flex;align-items:center;justify-content:center;color:var(--white);overflow:hidden}.about-hero-background{background-image:url(/aboutImage/about.webp);background-size:cover;background-position:50%;z-index:1}.about-hero-background,.about-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.about-hero-overlay{background:linear-gradient(90deg,rgba(26,54,93,.85),rgba(166,128,105,.85));z-index:2}.about-hero-content{position:relative;z-index:3;text-align:center;max-width:800px;padding:0 2rem}.page-title{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:400;margin-bottom:1.5rem;letter-spacing:.05em;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.page-title.visible{opacity:1;transform:translateY(0)}.title-line{width:0;height:2px;background-color:var(--beige-medium);margin:0 auto;transition:width 1.2s cubic-bezier(.19,1,.22,1)}.title-line.visible{width:100px}.about-section{padding:5rem 0;opacity:0;transform:translateY(40px);transition:opacity 1.2s ease,transform 1.2s ease;will-change:opacity,transform}.about-section.animated{opacity:1;transform:translateY(0)}.section-container,.section-title{position:relative}.section-title{font-family:Playfair Display,serif;font-size:2.25rem;font-weight:400;color:var(--primary);margin-bottom:3rem;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-.75rem;left:0;width:60px;height:2px;background-color:var(--beige-dark)}.section-content{display:flex;align-items:center;gap:4rem}.section-content.with-image{flex-direction:row}@media (max-width:768px){.section-content.with-image{flex-direction:column}}.content-text{flex:1}.content-text p{font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:300;line-height:1.75;margin-bottom:1.5rem;color:var(--text-dark)}.content-image{flex:1}.image-container{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1)}.placeholder-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;transition:transform .5s ease}.image-container:hover .placeholder-image{transform:scale(1.05)}.stats-container{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3rem}.stat-item{flex:1;min-width:150px;text-align:center;padding:1.5rem;background-color:var(--beige-light);border-left:3px solid var(--primary);transition:transform .3s ease,box-shadow .3s ease}.stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.stat-number{font-family:Playfair Display,serif;font-size:2.25rem;color:var(--primary);margin-bottom:.5rem}.stat-label,.stat-number{display:block;font-weight:500}.stat-label{font-family:Montserrat,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--beige-darker)}.directors-section{background-color:var(--off-white)}.directors-grid{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.director-card{width:300px;text-align:center;transition:transform .3s ease}.director-card:hover{transform:translateY(-10px)}.director-image{width:200px;height:200px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:5px solid var(--white);box-shadow:0 10px 20px rgba(0,0,0,.1);position:relative}.director-img{object-fit:cover;width:100%;height:100%;transition:transform .3s ease}.director-card:hover .director-img{transform:scale(1.05)}.director-name{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:500;margin-bottom:.5rem;color:var(--primary)}.director-title{font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:400;color:var(--beige-darker);text-transform:uppercase;letter-spacing:.05em}.message-section{background-color:var(--white)}.message-content{position:relative;padding:3rem;background-color:var(--beige-light);border-left:3px solid var(--primary)}.message-quote{position:absolute;top:2rem;left:2rem;font-size:3rem;color:var(--beige-medium);opacity:.5;z-index:1}.message-text{position:relative;z-index:2;font-family:Cormorant Garamond,serif;font-size:1.15rem;line-height:1.8}.message-text p{margin-bottom:1.5rem;font-weight:400}.message-signature{margin-top:2.5rem;text-align:right}.signature-name{display:block;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:500;margin-bottom:.2rem;color:var(--primary)}.signature-title{display:block;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:400;color:var(--text-light)}.vision-section{background-color:var(--off-white)}.vision-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media (max-width:768px){.vision-mission-grid{grid-template-columns:1fr}}.vm-card{padding:3rem;background-color:var(--white);box-shadow:0 10px 30px rgba(0,0,0,.05);border-top:3px solid var(--primary);transition:transform .3s ease,box-shadow .3s ease}.vm-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.vm-title{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:500;margin-bottom:1.5rem;color:var(--primary);position:relative}.vm-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:40px;height:2px;background-color:var(--beige-dark)}.vm-content{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:300;line-height:1.8;color:var(--text-dark)}.vm-content p{margin-bottom:1.5rem}.vm-content p:last-child{margin-bottom:0}@media (max-width:1024px){.page-title{font-size:3rem}.section-title{font-size:2rem}.content-text p{font-size:1rem}.stat-number{font-size:2rem}}@media (max-width:768px){.about-hero{height:60vh;min-height:400px}.page-title{font-size:2.5rem}.about-section{padding:3rem 0}.section-title{font-size:1.75rem}.message-content{padding:2rem}.message-quote{font-size:2.5rem;top:1.5rem;left:1.5rem}.message-text{font-size:1.05rem}.vm-card{padding:2rem}.vm-title{font-size:1.5rem}}@media (max-width:480px){*{touch-action:manipulation}.about-hero{height:50vh;min-height:350px}.page-title{font-size:2rem}.about-section{padding:2.5rem 0}.section-title{font-size:1.5rem}.stats-container{flex-direction:column;gap:1rem}.stat-item{min-width:100%}.directors-grid{gap:2rem}.message-text{font-size:1rem}}.director-placeholder{display:none}