.about-hero{background:var(--white);color:var(--navy);text-align:center;padding:160px 0 100px;position:relative}.about-hero:before{content:"";pointer-events:none;background:linear-gradient(135deg,#c9a84c1a,#0000);position:absolute;inset:0}.about-hero h1{z-index:1;margin-bottom:1rem;font-size:4rem;position:relative}.about-hero p{opacity:.9;z-index:1;max-width:700px;margin:0 auto;font-size:1.25rem;position:relative}.about-content{background:var(--navy);color:var(--white);padding:100px 0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-bottom:100px;display:grid}.about-grid.reverse{direction:rtl}.about-grid.reverse>*{direction:ltr}.about-text h2{margin-bottom:1.5rem;font-size:2.5rem}.about-text p{color:var(--steel);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.about-image{border-radius:var(--radius);box-shadow:var(--shadow-lg);aspect-ratio:4/3;position:relative;overflow:hidden}.about-image img{object-fit:cover;width:100%;height:100%}.core-values{background:var(--navy-mid);text-align:center;padding:100px 0}.values-grid{grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem;display:grid}.value-card{background:var(--navy);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--border);padding:3rem 2.5rem;position:relative;overflow:hidden}.value-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--gold-light));transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.value-card:hover:before{transform:scaleX(1)}.value-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.value-icon{background:var(--white);width:70px;height:70px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.8rem;display:flex;box-shadow:0 10px 20px #0000001a}.value-card h3{margin-bottom:1rem;font-family:Playfair Display,serif;font-size:1.5rem}.value-card p{color:var(--steel);font-size:1rem;line-height:1.6}@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-grid.reverse{direction:ltr}.values-grid{grid-template-columns:1fr}.about-hero h1{font-size:3rem}.about-hero{padding:120px 0 80px}}