/* ============================================================
   PERSONSIDEN — /daniel-norlan (css/person.css)
   Rolig, redaksjonell bio-side på det delte designsystemet.
   Lastes ETTER norlan.css og forside.css. Gjenbruker .award,
   .press-row/.press-mini, .proof-grid og .meta-row derfra.
   ============================================================ */

/* heroen ligger under den faste navigasjonen */
.act-person-hero { padding-top: clamp(120px, 18vh, 190px); padding-bottom: clamp(40px, 6vh, 70px); }
.act-person { padding-top: clamp(56px, 9vh, 100px); padding-bottom: clamp(56px, 9vh, 100px); }

/* smal lesekolonne for løpende tekst */
.act-wrap.narrow { max-width: 760px; }
.act-wrap.narrow .lede { max-width: none; }

/* navn + monogram */
.person-head { display: flex; align-items: flex-start; gap: clamp(20px, 3.4vw, 40px); }
.person-avatar {
  flex: none; width: clamp(72px, 8vw, 96px); aspect-ratio: 1;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: var(--accent-soft); color: var(--accent);
  font-weight: 700; font-size: clamp(24px, 2.6vw, 32px); letter-spacing: 0.02em;
}
.act-person-hero h1 { margin-bottom: 4px; }

.person-links { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 22px 0 0; font-size: 14px; }
.person-links a { color: var(--accent); }

.person-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 36px; }

/* prisen og forskningen står midtstilt som på forsiden, men uten dens toppmarg */
.act-person.act-proof .head { margin-bottom: 4.5vh; }
.act-person .proof-grid { margin-bottom: 0; }
.act-person .press-row { margin-top: 3vh; }

@media (max-width: 700px) {
  .person-head { flex-direction: column; gap: 20px; }
}