.personal main { background: #f1f3ed; }
.personal :is(.copy-curiosities,.project-section,.social-section) { padding: 36px 0; background: #f1f3ed; color: #243d3f; }
.personal :is(.copy-curiosities,.project-section,.social-section) > .container { width: calc(100% - 40px); max-width: 960px; }
.personal :is(.section-heading,.project-heading) { display: block; margin: 0 0 20px; }
.personal :is(.copy-curiosities,.project-section,.social-section) h2 { font-size: 40px; line-height: 1; margin: 0 0 20px; }
.personal .interest-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 28px; }
.personal .interest-links a { font-size: 26px; padding: 12px 0; min-height: 48px; border-color: #243d3f25; }
.personal .interest-links svg { width: 18px; height: 18px; flex: none; }
.personal .project-row { grid-template-columns: minmax(140px,1fr) minmax(0,1.5fr) 20px; gap: 20px; padding: 18px 0; border-color: #243d3f25; }
.personal .project-index, .personal .project-row .eyebrow { display: none; }
.personal .project-row h3 { font-size: 28px; margin: 0; }
.personal .project-row > p { font-size: 1rem; line-height: 1.6; grid-column: auto; grid-row: auto; }
.personal .project-arrow { font-family: Arial,sans-serif; font-size: 22px; }
.personal .project-row:hover { color: #1b6475; }
.personal .social-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 24px; }
.personal .social-list a { display: flex; gap: 12px; border: 0; padding: 10px 0; min-height: 48px; }
.personal .social-list h3 { font-size: 24px; }
.personal .social-list p { display: none; }
.personal .social-list span { font-family: Arial,sans-serif; }
.personal .social-section { padding-bottom: 56px; }
.personal .interest-links { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.personal .interest-links a { border: 0; padding: 16px; background: #e2e8df; border-radius: 8px; font-size: 24px; }
.personal .project-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.personal .project-row { display: grid; grid-template-columns: 1fr 20px; gap: 12px; padding: 20px; background: #fff; border: 1px solid #243d3f15; border-radius: 8px; }
.personal .project-row > p { grid-column: 1 / -1; grid-row: 2; }
.personal .project-arrow { grid-column: 2; grid-row: 1; }
.personal .social-list a { border: 1px solid #243d3f30; border-radius: 24px; padding: 10px 16px; }
@media (max-width: 700px) {
  .personal .interest-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .personal .project-list { grid-template-columns: 1fr; }
  .personal .project-row { grid-template-columns: 1fr 20px; gap: 8px 12px; }
  .personal .project-row > p { grid-column: 1; grid-row: 2; }
  .personal .project-arrow { grid-column: 2; grid-row: 1; }
  .personal .interest-links { column-gap: 16px; }
  .personal .interest-links a { font-size: 22px; gap: 6px; }
  .personal .interest-links a { font-size: 21px; padding: 12px; }
  .personal :is(.copy-curiosities,.project-section,.social-section) { padding: 26px 0; }
}
@media (max-width: 420px) {
  .personal .interest-links a { font-size: 20px; }
  .personal .interest-links svg { display: none; }
}
.personal .project-arrow { width: 20px; height: 20px; }

/* Keep the selected collection layout and shorten only the Life hero. */
.personal .hero, .personal .hero-inner { height: calc(min(1000px, 100vh) - 100px); max-height: calc(min(1000px, 100vh) - 100px); min-height: 0; }
.personal .social-list svg { width: 20px; height: 20px; flex: none; fill: currentColor; }

@media (max-width: 1099px) {
  /* Keep the heading reachable on short landscape screens. */
  .personal .hero, .personal .hero-inner { height: max(240px, calc(min(1000px, 100vh) - 300px)); max-height: max(240px, calc(min(1000px, 100vh) - 300px)); }
}

.personal .life-quote { position: relative; margin: 0; padding: clamp(80px, 10vw, 144px) 24px clamp(112px, 14vw, 200px); text-align: center; color: #243d3f; background: radial-gradient(ellipse at 50% 45%, #e3ebe7 0%, #f1f3ed 65%); }
.life-quote blockquote { max-width: 800px; margin: 0 auto; font-family: Manrope, sans-serif; font-size: clamp(30px, 4vw, 54px); font-weight: 400; line-height: 1.3; letter-spacing: -.035em; text-wrap: balance; }
.life-quote figcaption { margin-top: 12px; font-size: 1rem; letter-spacing: .12em; text-transform: uppercase; }