/* Author profile pages (/authors/...). Reuses the publication list styles
   from style.css. Light tint band for the profile, white for the list. */
body.profile section.profile-hero{background:var(--tint);padding:56px 0 64px}
body.profile .profile-hero .art-crumbs{display:flex;gap:10px;font-family:var(--sans);font-size:.82rem;color:var(--slate-soft);margin-bottom:32px}
body.profile .profile-hero .art-crumbs a{color:var(--slate-soft);text-decoration:none}
body.profile .profile-hero .art-crumbs a:hover{color:var(--navy)}
.profile-photo{display:block;width:240px;height:240px;object-fit:cover;border-radius:2px;background:var(--tint-2);margin:0 0 28px}
.profile-name{font-size:clamp(2.1rem,4.4vw,3.2rem);line-height:1.1;letter-spacing:-.02em;font-weight:500;margin:0 0 12px}
.profile-role{font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);margin:0 0 26px}
.profile-bio{max-width:720px}
.profile-bio p{font-family:var(--serif);font-size:1.12rem;line-height:1.7;color:var(--slate);margin:0 0 16px}
.profile-contact{font-family:var(--sans);font-size:.9rem;font-weight:600;margin:22px 0 0}
.profile-contact a{color:var(--navy);text-decoration:none}
.profile-contact a:hover{color:var(--teal-deep)}
body.profile section.profile-pubs{padding:64px 0 24px}
@media (max-width:640px){
  body.profile section.profile-hero{padding:36px 0 44px}
  .profile-photo{width:180px;height:180px}
  .profile-bio p{font-size:1.04rem}
  body.profile section.profile-pubs{padding:44px 0 12px}
}

body.profile .profile-pubs .sec-head{border:0;box-shadow:none;padding-bottom:0;margin-bottom:8px}
body.profile .profile-pubs .sec-head::after,body.profile .profile-pubs .sec-head::before{content:none}

/* Opinion piece row on a profile page: article image in place of a publication cover */
.doc-row--opinion .op-thumb{display:block;width:100%;aspect-ratio:612/792;overflow:hidden;background:var(--tint-2)}
.doc-row--opinion .op-thumb img{display:block;width:100%;height:100%;object-fit:cover}