.about-page{display:block}

.about-hero{position:relative;min-height:80vh;display:flex;align-items:flex-end}
.about-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.2))}
.about-hero-content{position:relative;max-width:480px;margin:var(--space-5);color:white;display:flex;flex-direction:column;gap:var(--space-2)}

.about-concept{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.about-concept-text{min-width:0}
.about-concept-image img{border-radius:var(--radius-sm)}
.about-concept-highlight{border-left:2px solid var(--color-accent-gold);padding-left:var(--space-2);margin-top:var(--space-3)}

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

.about-chef{display:grid;grid-template-columns:50% 50%;gap:var(--space-4);align-items:center}
.about-chef-image img{border-radius:var(--radius-sm)}

.about-atmosphere-img{width:100%;height:auto}
.about-atmosphere-text{max-width:800px}

.about-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.about-card{display:flex;flex-direction:column;gap:var(--space-2);transition:transform .2s ease}
.about-card:hover{transform:translateY(-4px)}

.about-disclaimer{display:flex;justify-content:center}
.about-disclaimer-panel{max-width:700px;text-align:center;padding:var(--space-4);border:1px solid var(--color-border-muted);background:var(--color-surface-elevated);border-radius:var(--radius-md)}

.about-details{display:grid;grid-template-columns:60% 40%;gap:var(--space-4)}

.about-promise-inner{max-width:600px;margin-inline:auto;text-align:center}

.about-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.about-cta-buttons{display:flex;gap:var(--space-2)}

@media (max-width:900px){
.about-concept,.about-chef,.about-details{grid-template-columns:1fr}
.about-experience-grid{grid-template-columns:1fr}
.about-hero-content{margin:var(--space-3);max-width:90%}
.about-cta-buttons{flex-direction:column}
}