/* about.css — about page-specific styles */

header.page{padding:56px 0 10px}
h1{font-size:46px;margin-bottom:36px}

.about-grid{display:flex;gap:40px;align-items:flex-start}
.photo{flex:none;width:200px;border-radius:16px;background:var(--panel);border:1px solid var(--line);
  overflow:hidden;box-shadow:var(--shadow)}
.photo img{width:100%;height:auto;display:block}
.about p{color:var(--ink-soft);margin-bottom:18px;font-size:19px}
.about p strong{color:var(--ink);font-weight:600}
.cta{margin-top:14px}

@media(max-width:600px){
  h1{font-size:34px}.about-grid{flex-direction:column;gap:24px}
  .photo{width:140px;height:140px}.about p{font-size:18px}
}