.about-page section{position:relative;}

.about-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-4);align-items:center;}
.about-hero-text{max-width:620px;}
.about-hero-tag{color:var(--text-accent-gold);}

.about-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);max-width:900px;margin-inline:auto;text-align:center;}

.about-values-intro{max-width:720px;margin-inline:auto;text-align:center;margin-bottom:var(--space-4);}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);}

.about-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);}

.about-special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:center;margin-bottom:var(--space-4);}
.about-special-grid.reverse{grid-template-columns:1fr;}
.about-special-text{max-width:640px;}

.about-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:center;}
.about-team-grid div:first-child{max-width:600px;}

.about-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);text-align:center;}

.about-atmosphere-inner{position:relative;}
.about-atmosphere-inner img{width:100%;}
.about-atmosphere-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3);max-width:600px;margin:auto;background:rgba(0,0,0,0.3);border-radius:var(--radius);}

.about-cta-box{text-align:center;max-width:520px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2);}

@media (max-width:1000px){
.about-hero-grid{grid-template-columns:1fr;}
.about-intro-grid{grid-template-columns:1fr;}
.about-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.about-process-grid{grid-template-columns:1fr;}
.about-special-grid{grid-template-columns:1fr;}
.about-team-grid{grid-template-columns:1fr;}
.about-why-grid{grid-template-columns:1fr;}
}

@media (max-width:600px){
.about-values-grid{grid-template-columns:1fr;}
}