/* ============================================================
   Ei, Doc! — página /sobre
   ============================================================ */

.about-hero{padding-top:42px}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr);gap:64px;align-items:center}
.about-copy .lede{max-width:60ch}
.about-site-link{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-weight:600;text-decoration:none}
.about-identity{display:grid;gap:22px;justify-items:center;align-content:center}
.about-photo-wrap{width:min(100%,390px);aspect-ratio:1/1;margin:0;border-radius:22px;overflow:hidden;background:#EEF2EA;border:1px solid #DCE4D8;box-shadow:0 24px 64px rgba(34,54,25,.13)}
.about-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;image-rendering:auto}
.about-identity .carimbo{max-width:300px;width:78%;margin:0;transform:rotate(-1.2deg);background:#fff}
.about-main-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.72fr);gap:64px;align-items:start}
.about-sidebar{position:sticky;top:96px}
.about-sidebar .rows{margin-top:10px}
.about-sidebar .row{background:#fff}
.about-sidebar .row:hover{background:#F7F9F5}
.about-sidebar .row strong{font-size:15.5px}

@media(max-width:860px){
  .about-hero-grid,.about-main-grid{grid-template-columns:1fr;gap:38px}
  .about-identity{justify-items:start;grid-template-columns:minmax(240px,380px) minmax(220px,300px);align-items:end}
  .about-photo-wrap{width:100%;aspect-ratio:1/1}
  .about-identity .carimbo{width:100%;margin:0}
  .about-sidebar{position:static}
}

@media(max-width:620px){
  .about-hero{padding-top:28px}
  .about-identity{grid-template-columns:1fr;gap:22px}
  .about-photo-wrap{width:min(100%,420px);aspect-ratio:1/1;border-radius:18px}
  .about-identity .carimbo{width:min(92%,320px)}
}