/* About Section Styles */
.about {position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; background-image: url('../img/about-bg.jpg'); background-size: cover; background-position: center; background-attachment: fixed;}
.about-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1;}
.about-container {color: white; padding: 4rem 2rem; max-width: 1200px; margin: 0 auto; z-index: 2; position: relative; display: flex; align-items: center; gap: 4rem;}
.about-content {flex: 1;}
.about-spacer {flex: 1;}
.about-title {font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 700; margin-bottom: 2rem; letter-spacing: -0.02em; text-align: left;}
.about-description {font-size: clamp(1.1rem, 3vw, 1.4rem); font-weight: 300; line-height: 1.8; opacity: 0.9; text-align: left;}

/* Responsive */
@media (max-width: 768px) {
    .about-container {flex-direction: column; text-align: center;}
    .about-spacer {display: none;}
    .about-title {text-align: center;}
    .about-description {text-align: center;}
}