/* Real restaurant photographs supplied by the owner; shared El Messiri typography. */
.about-page { --about-red:#b4000b; --about-gold:#bc8738; background:#fffaf2; }
.about-main { max-width:1600px; margin-inline:auto; }
.about-main > .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.about-hero { background:#fffaf2; }
.about-hero > img { display:block; width:100%; height:auto; aspect-ratio:1800 / 600; object-fit:cover; object-position:center bottom; }
@media(max-width:700px){ .about-hero > img { aspect-ratio:4 / 3; object-position:62% bottom; } }
.about-story { padding:48px max(24px,5%) 36px; background:#fffaf2; }
.about-heading { display:flex; align-items:center; justify-content:center; gap:20px; margin-bottom:32px; }
.about-heading h2 { color:var(--about-red); font-size:29px; line-height:1.3; margin:0; }
.about-heading > span { display:flex; align-items:center; gap:12px; color:var(--about-gold); }
.about-heading > span::before { content:''; width:clamp(24px,6vw,90px); height:1px; background:currentColor; }
.about-heading > span:last-child { flex-direction:row-reverse; }
.about-heading svg { width:20px; height:20px; }
.about-story-layout { max-width:1100px; margin:auto; display:grid; grid-template-columns:1.4fr 1fr; align-items:center; gap:48px; }
.about-story-copy { color:#32302b; }
.about-story-copy p { font-size:18px; line-height:1.7; margin:0 0 20px; }
.about-story-copy p:last-child { margin-bottom:0; }
.about-story-detail { display:block; width:100%; height:auto; max-height:390px; object-fit:contain; border-radius:10px; }
.about-divider { display:flex; justify-content:center; align-items:center; gap:12px; color:var(--about-gold); width:min(360px,70%); margin:32px auto; }
.about-divider::before,.about-divider::after { content:''; flex:1; height:1px; background:currentColor; opacity:.6; }
.about-divider svg { width:18px; height:18px; flex:0 0 auto; }
.about-values { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; max-width:960px; margin:0 auto; padding:0; gap:24px; text-align:center; }
.about-values li { padding:0 12px; }
.about-value-icon { width:64px; height:64px; border:1px solid #d6b980; border-radius:50%; background:#fff4e0; display:grid; place-items:center; margin:0 auto 12px; color:var(--about-red); }
.about-value-icon svg { width:32px; height:32px; }
.about-values h3 { color:var(--about-red); font-size:18px; line-height:1.4; margin:0; }
.values-divider { margin-bottom:0; }
.about-atmosphere { padding:36px max(24px,5%) 32px; background:#761126; color:#fff8e7; }
.about-photos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; max-width:1200px; margin:0 auto; align-items:center; }
.about-photos figure { margin:0; overflow:hidden; border-radius:8px; }
.about-photos img { display:block; width:100%; height:auto; }
.about-slogan { margin:32px auto 0; text-align:center; font-size:28px; line-height:1.4; }
.closing-divider { color:#e3be7a; margin:20px auto 0; }
@media(max-width:760px) {
 .about-story { padding:32px 20px; }
 .about-heading { gap:12px; margin-bottom:24px; }
 .about-heading h2 { font-size:31px; }
 .about-heading svg { width:18px; height:18px; }
 .about-heading > span { gap:6px; }
 .about-heading > span::before { width:20px; }
 .about-story-layout { grid-template-columns:1fr; gap:24px; }
 .about-story-copy p { font-size:17px; line-height:1.65; }
 .about-story-detail { max-height:340px; }
 .about-values { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
 .about-value-icon { width:54px; height:54px; }
 .about-value-icon svg { width:27px; height:27px; }
 .about-values h3 { font-size:16px; }
 .about-atmosphere { padding:24px 20px; }
 .about-photos { grid-template-columns:1fr; gap:16px; }
 .about-slogan { font-size:23px; margin-top:24px; }
}
@media print { .about-page { print-color-adjust:exact; -webkit-print-color-adjust:exact; } }