/* Display-only layout with the approved portrait. No contacts, history or downloads. */
body { padding-bottom:0; }
.topbar .brand { text-transform:none; }
.display-site .hero.hero-split { display:block; padding:128px 5vw 300px; min-height:0; }
.display-site .hero-split-copy { width:min(720px,100%); max-width:720px; margin:0 auto; text-align:center; }
.display-site .hero-split-title { max-width:none; min-height:0; padding-top:0; }
.display-site .hero-split-lead { max-width:58ch; margin-inline:auto; }
.display-site .hero-split-actions { justify-content:center; }
.display-site .hero.hero-split .hero-split-orb { position:absolute; left:50%; translate:-50% 0; bottom:0; width:360px; height:300px; margin:0; }
.display-site .hero-inner { max-width:800px; }
.display-site .profile-page-nav a:last-child { border:0; padding:10px 0; }
.display-site .topbar-actions { display:flex; gap:24px; }
.display-site .topbar-actions .navlink { display:inline-flex; }
.display-site.portfolio-overview .topbar-actions .navlink:nth-child(-n+2) { display:inline-flex; }
.display-site .profile-page-nav a { display:inline-flex; }
.display-site .footer-inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px; }
.display-site .footer a { display:inline-flex; align-items:center; min-height:48px; }
.display-site .footer .links { display:flex; gap:24px; flex-wrap:wrap; }
.display-site .hero.hero-split.display-with-portrait {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  grid-template-areas:"copy portrait"; gap:48px; align-items:center;
  padding:144px 5vw 320px;
}
.display-site.profile-page .hero.hero-split.display-with-portrait { padding-top:192px; }
.display-site .display-with-portrait .hero-split-copy {
  width:100%; max-width:none; margin:0; padding:0; text-align:left;
}
.display-site .display-with-portrait .hero-split-lead { margin-inline:0; }
.display-site .display-with-portrait .hero-split-title { max-width:none; min-height:0; padding:0; }
.display-site .display-with-portrait .hero-split-actions { justify-content:flex-start; }
.display-portrait { grid-area:portrait; position:relative; z-index:6; overflow:hidden; border-radius:24px; }
.display-portrait img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; object-position:42% center; }
@media(max-width:900px) {
  .display-site .hero.hero-split.display-with-portrait {
    grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "portrait";
    gap:32px; padding:120px 5vw 300px;
  }
  .display-site.profile-page .hero.hero-split.display-with-portrait { padding-top:160px; }
  .display-site .display-with-portrait .hero-split-copy { max-width:720px; margin-inline:auto; }
  .display-portrait { width:100%; max-width:720px; margin-inline:auto; }
  .display-portrait img { aspect-ratio:16/9; }
}
@media(max-width:600px) {
  .display-site .hero.hero-split { padding:112px 20px 250px; }
  .display-site.profile-page .hero.hero-split { padding-top:152px; }
  .display-site .hero-split-copy .eyebrow { font-size:12px; line-height:1.6; letter-spacing:1px; }
  .display-site .hero-split-title { max-width:none; min-height:0; padding:0; font-size:36px; line-height:1.08; }
  .display-site .hero-split-lead { margin-top:24px; font-size:17px; line-height:1.6; }
  .display-site .hero-split-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
  .display-site .hero-split-actions .hero-action { flex:1; min-height:48px; }
  .display-site .hero.hero-split .hero-split-orb { width:300px; height:300px; bottom:-20px; }
  .display-site .topbar-actions { gap:16px; }
  .display-site .topbar .navlink { font-size:13px; }
  .display-site .hero-split--founder .hero-split-actions .hero-action:last-child { grid-column:auto; border:1px solid var(--border); }
  .display-site .footer { padding-bottom:32px; }
  .display-site .hero.hero-split.display-with-portrait { padding:112px 20px 280px; }
  .display-site.profile-page .hero.hero-split.display-with-portrait { padding-top:176px; }
  .display-site .display-with-portrait .hero-split-copy { padding:0; }
  .display-site .display-with-portrait .hero-split-title { font-size:36px; line-height:1.08; }
  .display-site .display-with-portrait .hero-split-lead { margin-top:24px; font-size:17px; line-height:1.6; }
  .display-portrait { border-radius:16px; }
  .display-portrait img { aspect-ratio:4/3; }
}