.actor-profile-page { min-height: 100vh; color: white; background: var(--ink); }
.actor-page-header { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 18px clamp(24px,5vw,76px); border-bottom: 1px solid var(--line-dark); }
.actor-page-brand { display: block; }
.actor-page-brand img { width: 188px; }
.actor-page-back { padding-bottom: 4px; color: rgba(255,255,255,.72); border-bottom: 1px solid rgba(255,255,255,.35); text-decoration: none; font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.actor-page-back:hover { color: var(--gold); border-color: var(--gold); }
.actor-page-main { padding: clamp(24px,4vw,64px); }
.actor-page-card { width: min(1420px,100%); min-height: calc(100vh - 224px); margin: 0 auto; display: grid; grid-template-columns: minmax(390px,.82fr) minmax(0,1.18fr); border: 1px solid var(--line-dark); background: #0b090d; }
.actor-page-portrait { position: relative; min-height: 780px; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(30px,3.2vw,52px); overflow: hidden; background: radial-gradient(circle at 70% 28%, rgba(241,188,38,.34), transparent 24%), linear-gradient(155deg, var(--violet) 0 58%, var(--violet-dark) 58%); }
.actor-page-portrait::before { content: ''; position: absolute; width: min(34vw,520px); aspect-ratio: 1; left: 50%; top: 50%; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; transform: translate(-50%,-50%); }
.actor-page-portrait::after { content: ''; position: absolute; width: 1px; height: 82%; left: 50%; top: 9%; background: rgba(255,255,255,.2); transform: rotate(24deg); }
.actor-page-portrait > * { position: relative; z-index: 1; }
.actor-page-index { color: var(--gold); font-size: .76rem; font-weight: 700; letter-spacing: .15em; }
.actor-page-initials { align-self: center; font-family: Fraunces, Georgia, serif; font-size: clamp(8rem,16vw,15rem); font-weight: 520; line-height: .78; letter-spacing: -.1em; text-shadow: 0 22px 48px rgba(0,0,0,.28); }
.actor-page-portrait small { color: rgba(255,255,255,.56); font-size: .7rem; letter-spacing: .13em; text-transform: uppercase; }
.actor-page-content { align-self: center; padding: clamp(46px,6vw,90px); }
.actor-page-content .kicker { margin-bottom: 30px; }
.actor-page-content h1 { max-width: 760px; margin: 0; font-family: Fraunces, Georgia, serif; font-size: clamp(4rem,7vw,8rem); font-weight: 560; line-height: .82; letter-spacing: -.065em; overflow-wrap: anywhere; }
.actor-page-lead { max-width: 700px; margin: 34px 0 0; color: rgba(255,255,255,.68); font-size: 1.08rem; }
.actor-page-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 46px 0 0; padding: 1px; background: var(--line-dark); }
.actor-page-fields div { min-height: 128px; padding: 24px 26px; background: var(--violet-dark); }
.actor-page-fields .actor-page-field-wide { grid-column: 1 / -1; min-height: 110px; }
.actor-page-fields dt { color: var(--orange); font-size: .67rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.actor-page-fields dd { margin: 20px 0 0; font-family: Fraunces, Georgia, serif; font-size: 1.3rem; line-height: 1.15; }
.actor-page-note { margin-top: 30px; padding-top: 23px; border-top: 1px solid var(--line-dark); }
.actor-page-note span { color: var(--gold); font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.actor-page-note p { margin: 9px 0 0; color: rgba(255,255,255,.5); font-size: .86rem; }
.actor-page-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 46px; padding: 1px; background: var(--line-dark); }
.actor-page-nav a { min-height: 104px; display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 22px 24px; color: white; background: rgba(255,255,255,.035); text-decoration: none; }
.actor-page-nav a:last-child { align-items: flex-end; text-align: right; }
.actor-page-nav span { color: var(--orange); font-size: .66rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.actor-page-nav strong { font-family: Fraunces, Georgia, serif; font-size: 1.2rem; font-weight: 520; }
.actor-page-nav a:hover { color: var(--ink); background: var(--gold); }
.actor-page-nav a:hover span { color: var(--violet); }
.actor-page-footer { display: flex; justify-content: space-between; gap: 20px; padding: 24px clamp(28px,6vw,100px); color: rgba(255,255,255,.5); border-top: 1px solid var(--line-dark); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }

@media (max-width: 1040px) {
  .actor-page-card { grid-template-columns: 1fr; }
  .actor-page-portrait { min-height: 620px; }
  .actor-page-portrait::before { width: min(62vw,520px); }
}

@media (max-width: 600px) {
  .actor-page-header { min-height: 78px; padding: 12px 20px; }
  .actor-page-brand img { width: 146px; }
  .actor-page-back { max-width: 120px; text-align: right; font-size: .67rem; }
  .actor-page-main { padding: 0; }
  .actor-page-card { min-height: 0; border-inline: 0; }
  .actor-page-portrait { min-height: 460px; padding: 30px 24px; }
  .actor-page-portrait::before { width: min(94vw,420px); }
  .actor-page-initials { font-size: clamp(8rem,48vw,12rem); }
  .actor-page-content { padding: 48px 22px 32px; }
  .actor-page-content h1 { font-size: clamp(3.2rem,15vw,5.4rem); }
  .actor-page-fields { grid-template-columns: 1fr; }
  .actor-page-fields .actor-page-field-wide { grid-column: auto; }
  .actor-page-nav { grid-template-columns: 1fr; }
  .actor-page-nav a:last-child { align-items: flex-start; text-align: left; }
  .actor-page-footer { flex-direction: column; }
}