/* About page (preview) — polish */
.doc{max-width:920px}
.doc h1{letter-spacing:-.03em;margin:.15em 0 .55em}
.about-lede{font-size:18px;color:#c3c8d2;margin:0 0 1rem;line-height:1.6}
.doc > p{margin:0 0 1rem;line-height:1.65;color:#d5d9e2}
.doc > p b{color:var(--t)}
.doc .kicker{margin:1.75rem 0 .65rem}
.doc .kicker:first-of-type{margin-top:.35rem}

/* Profile card — photo + credentials up front */
.profile-card{
  display:grid;gap:1.5rem;align-items:center;
  margin:0 0 1.75rem;padding:1.25rem;
  border:1px solid var(--l);border-radius:20px;
  background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
@media(min-width:860px){
  .profile-card{grid-template-columns:420px minmax(0,1fr);gap:2rem;padding:1.5rem}
}
.about-photo{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--l);background:#0b0d12;width:100%;max-width:420px;justify-self:center}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center center}
.profile-name{font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.05;margin:0 0 .35rem;letter-spacing:-.02em;font-weight:850}
.profile-title{margin:0 0 1rem;color:#c3c8d2;font-size:15px;line-height:1.45}
.creds{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:8px}
.creds li{
  position:relative;padding:10px 12px 10px 14px;border-radius:10px;
  background:rgba(255,255,255,.03);border:1px solid var(--l);
  border-left:3px solid var(--r);font-size:14px;line-height:1.4;color:#e4e7ee
}
.profile-blurb{margin:0;color:var(--m);font-size:14.5px;line-height:1.55}
.profile-body .kicker{margin:0 0 .45rem}

/* Sign-off */
.signoff{margin:1.6rem 0 1.4rem;padding:1.1rem 0 0;border-top:1px solid var(--l)}
.sig{margin:0 0 .35rem}
.sig img{display:block;width:min(400px,92%);height:auto;opacity:.98;filter:contrast(1.05)}
.sig-name{margin:0;font-weight:800;font-size:1.05rem;letter-spacing:.01em}
.sig-title{margin:.2rem 0 0;color:var(--m);font-size:13.5px;line-height:1.4}

/* Link cards */
.about-links{display:grid;gap:12px;margin:0 0 .85rem}
@media(min-width:700px){.about-links{grid-template-columns:1fr 1fr}}
.about-links a.card{
  display:flex;flex-direction:column;gap:6px;padding:18px 18px;
  border-radius:14px;border:1px solid var(--l);
  background:rgba(255,255,255,.03);text-decoration:none;color:var(--t);
  transition:border-color .15s, transform .15s, background .15s;
}
.about-links a.card:hover{border-color:rgba(255,59,48,.55);background:rgba(255,59,48,.06);transform:translateY(-1px)}
.about-links .card b{display:block;font-size:16px}
.about-links .card span{color:var(--m);font-size:13.5px;line-height:1.45}
.contact-line{margin:0 0 .5rem}
nav a[aria-current="page"]{color:var(--t);font-weight:650}

@media(max-width:859px){
  .profile-card{padding:1rem}
  .about-photo{max-width:none;width:100%}
  .sig img{width:min(260px,88%)}
  .about-lede{font-size:16.5px}
}
@media(max-width:760px){
  .doc{padding:28px 16px 18px}
  .doc h1{font-size:30px}
  .doc .kicker{margin-top:1.35rem}
  .profile-card{margin-bottom:1.35rem}
  .signoff{margin:1.25rem 0 1.1rem}
  footer{padding:18px 16px}
}