.inner-page { background: var(--paper); }
.inner-page .site-header { background: rgba(9,10,11,.94); border-bottom-color: rgba(255,255,255,.1); }
.inner-main { padding-top: 88px; }

.page-hero { position: relative; min-height: 520px; padding: clamp(72px, 8vw, 128px) var(--side); background: var(--black); color: #fff; overflow: hidden; display: grid; align-items: end; }
.page-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,8,9,.96) 0%, rgba(6,8,9,.72) 52%, rgba(6,8,9,.22) 100%); }
.page-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 68%; filter: saturate(.7) contrast(1.08) brightness(.72); }
.page-hero-copy { position: relative; z-index: 2; max-width: 980px; }
.page-hero h1 { margin: 0; font-size: clamp(64px, 10vw, 150px); line-height: .78; letter-spacing: -.075em; font-weight: 650; }
.page-hero h1 em { color: var(--blue); font-family: var(--serif); font-weight: 400; }
.page-hero .eyebrow { margin-bottom: 26px; max-width: 560px; }

.bio-story { padding: clamp(66px, 8vw, 116px) var(--side); display: grid; grid-template-columns: minmax(0, 1120px); justify-content: center; gap: 34px; }
.bio-story .kicker { position: static; width: 100%; max-width: 1120px; margin: 0 auto; }
.bio-copy { width: 100%; max-width: 1120px; margin: 0 auto; }
.bio-copy .bio-lead { margin: 0 0 34px; font: 400 clamp(28px, 3.15vw, 49px)/1.25 var(--serif); letter-spacing: -.025em; }
.bio-copy p:not(.bio-lead) { max-width: 900px; margin: 0 0 24px; color: #4f5354; font-size: 17px; line-height: 1.75; }
.bio-copy p:not(.bio-lead) a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--blue); text-underline-offset: 4px; }
.bio-image { width: min(46%, 480px); margin: clamp(36px, 5vw, 58px) auto; }
.bio-image img { width: 100%; aspect-ratio: 2 / 2.55; object-fit: cover; object-position: center 52%; filter: saturate(.82) contrast(1.04); }
.bio-image figcaption { margin-top: 12px; color: #696d6e; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.bio-facts { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.bio-facts div { display: grid; gap: 8px; }
.bio-facts strong { font-size: clamp(25px, 3vw, 46px); line-height: .95; letter-spacing: -.045em; }
.bio-facts span { color: #666a6b; font-size: 9px; line-height: 1.5; letter-spacing: .14em; text-transform: uppercase; }

.inner-cta { padding: clamp(64px, 8vw, 110px) var(--side); background: var(--ink); color: #fff; display: grid; grid-template-columns: .55fr 1.45fr; gap: 30px; align-items: end; }
.inner-cta h2 { margin: 0; font-size: clamp(48px, 7vw, 108px); line-height: .86; letter-spacing: -.065em; }
.inner-cta h2 em { color: var(--blue); font-family: var(--serif); font-weight: 400; }
.inner-cta .button { margin-top: 34px; }

.contact-page { min-height: calc(100svh - 88px); padding: clamp(62px, 7vw, 104px) var(--side); background: var(--black); color: #fff; display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(42px, 8vw, 120px); align-items: start; }
.contact-intro { position: sticky; top: 118px; }
.contact-intro h1 { margin: 20px 0 28px; font-size: clamp(58px, 7.8vw, 118px); line-height: .8; letter-spacing: -.075em; }
.contact-intro h1 em { color: var(--blue); font-family: var(--serif); font-weight: 400; }
.contact-intro > p:not(.kicker) { max-width: 490px; color: rgba(255,255,255,.62); font: 400 20px/1.6 var(--serif); }
.privacy-note { margin-top: 36px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.16); display: flex; gap: 11px; color: rgba(255,255,255,.54); font-size: 10px; line-height: 1.55; letter-spacing: .11em; text-transform: uppercase; }
.privacy-note::before { content: ""; flex: 0 0 auto; width: 8px; height: 8px; margin-top: 3px; border: 1px solid var(--blue); border-radius: 50%; box-shadow: inset 0 0 0 2px var(--black); background: var(--blue); }

.inquiry-form { padding: clamp(28px, 4vw, 54px); background: #151819; border: 1px solid rgba(255,255,255,.11); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 18px; }
.field { display: grid; gap: 9px; }
.field-wide { grid-column: 1 / -1; }
.field label { color: rgba(255,255,255,.62); font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.field input, .field select, .field textarea { width: 100%; border: 0; border-bottom: 1px solid rgba(255,255,255,.24); border-radius: 0; padding: 12px 0; background: transparent; color: #fff; font: 400 16px/1.45 var(--sans); outline: none; }
.field select { color-scheme: dark; }
.field textarea { min-height: 126px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue); }
.field input::placeholder, .field textarea::placeholder { color: rgba(255,255,255,.28); }
.honeypot { position: absolute; left: -10000px; }
.form-submit { width: 100%; margin-top: 32px; border: 0; cursor: pointer; }
.form-status { min-height: 22px; margin: 18px 0 0; color: var(--blue); font-size: 11px; line-height: 1.5; letter-spacing: .08em; }
.form-status.is-success { color: #78dbe6; }
.form-status.is-error { color: #f1a58e; }
.inner-footer { padding: 28px var(--side); background: var(--black); border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.48); display: flex; justify-content: space-between; gap: 24px; font-size: 9px; line-height: 1.6; letter-spacing: .13em; text-transform: uppercase; }
.inner-footer nav { display: flex; gap: 22px; }

@media (max-width: 780px) {
  .inner-main { padding-top: 70px; }
  .page-hero { min-height: 480px; }
  .bio-story, .inner-cta, .contact-page { grid-template-columns: 1fr; }
  .bio-story .kicker, .contact-intro { position: static; }
  .bio-facts { grid-template-columns: 1fr; }
  .bio-image { width: min(76%, 300px); }
  .bio-image img { aspect-ratio: 3 / 4; object-position: center; }
  .inner-cta { align-items: start; }
  .contact-page { padding-top: 54px; }
  .form-grid { grid-template-columns: 1fr; }
  .field-wide { grid-column: auto; }
  .inner-footer { flex-direction: column; }
}