/* about page */
.about-hero{display:grid;grid-template-columns:1fr 1fr;min-height:70vh}
@media(max-width:849px){.about-hero{grid-template-columns:1fr;min-height:auto}}
.about-hero__content{display:flex;flex-direction:column;justify-content:center;padding:64px}
.about-hero__content h1{font-size:clamp(34px,4.5vw,52px);margin:14px 0 16px;line-height:1.1}
.about-hero__content p{color:var(--muted);line-height:1.8;max-width:420px}
.about-hero__media{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--surface),var(--bg))}
.about-hero__media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.about-hero__media svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;stroke:var(--gold);opacity:.35}

.about-story{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:849px){.about-story{grid-template-columns:1fr}}
.about-story__content{display:flex;flex-direction:column;justify-content:center;padding:72px}
.about-story__content h2{font-size:clamp(26px,3.2vw,36px);margin:14px 0 22px}
.about-story__content p{color:var(--muted);line-height:1.9;margin-bottom:18px}
.about-story__signature{font-family:"EB Garamond",serif;font-style:italic;font-size:26px;color:var(--gold);margin-top:12px}
.about-story__media{position:relative;overflow:hidden;min-height:340px;background:linear-gradient(150deg,var(--bg),var(--surface))}
.about-story__media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.about-story__media svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;stroke:var(--gold);opacity:.35}

.about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
@media(max-width:849px){.about-pillars{grid-template-columns:1fr}}
.about-pillar{background:var(--bg);padding:56px 40px;text-align:center}
.about-pillar svg{width:30px;height:30px;stroke:var(--gold);margin-bottom:18px}
.about-pillar h4{font-family:"EB Garamond",serif;font-size:18px;margin:0 0 10px;letter-spacing:.04em;text-transform:uppercase}
.about-pillar p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}