.current-page::after { transform: scaleX(1); }

.about-hero { padding-block: clamp(72px, 9vw, 134px) clamp(110px, 13vw, 188px); }
.about-identity { align-self: start; }
.section-kicker { color: var(--text-secondary); }
.about-name { margin-top: clamp(52px, 6vw, 86px); font-size: var(--type-page-h1); line-height: .95; font-weight: 500; letter-spacing: -.065em; }
.about-intro-composition { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: clamp(64px, 9vw, 138px); align-items: center; margin-top: clamp(58px, 7vw, 104px); }
.about-slideshow { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: var(--surface); }
.about-slide { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; opacity: 0; transition: opacity 720ms ease-in-out; }
.about-slide.is-active { opacity: 1; }
.about-slide-colosseum { z-index: 1; object-position: 50% 52%; }
.about-slide-dance { object-position: 50% 34%; }
.about-slide-travel { object-position: 50% 58%; }
.about-slide-yoga { object-position: 50% 56%; }
.about-biography { align-self: center; max-width: 560px; color: var(--text-secondary); font-size: var(--type-body); line-height: 1.68; }
.about-biography p + p { margin-top: 24px; }
.about-contact { display: inline-block; margin-top: 34px; }
.about-contact span { transform: translate(0, 0); }
.about-contact:hover span { transform: translate(3px, -3px); }
.experience { width: min(100%, 840px); margin-top: clamp(110px, 13vw, 188px); margin-left: auto; }

.about-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding-bottom: 26px; }
.about-section-heading h2 { font-size: var(--type-large-section); line-height: 1; font-weight: 500; letter-spacing: -.055em; }
.experience-list { border-top: 1px solid var(--divider); }
.experience-item { border-bottom: 1px solid var(--divider); }
.experience-item summary { display: grid; grid-template-columns: minmax(170px, 1.15fr) minmax(180px, 1.25fr) minmax(130px, .8fr) 28px; gap: 24px; align-items: center; min-height: 118px; padding-block: 24px; cursor: pointer; list-style: none; }
.experience-item summary::-webkit-details-marker { display: none; }
.experience-item summary:focus-visible { outline: 2px solid var(--text-primary); outline-offset: 6px; }
.experience-role { font-size: 1rem; line-height: 1.4; }
.experience-company,.experience-date { color: var(--text-secondary); font-size: var(--type-label); line-height: 1.55; }
.experience-date { text-align: right; }
.accordion-icon { position: relative; justify-self: end; width: 22px; height: 22px; }
.accordion-icon::before,.accordion-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 1px; background: var(--text-primary); transform: translate(-50%, -50%); transition: transform var(--motion-duration) ease; }
.accordion-icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.experience-item[open] .accordion-icon::after { transform: translate(-50%, -50%) rotate(0); }
.experience-detail { display: grid; grid-template-columns: minmax(170px, 1.15fr) minmax(180px, 1.25fr) minmax(130px, .8fr) 28px; gap: 24px; padding: 0 0 34px; }
.experience-detail p { grid-column: 2 / 4; max-width: 460px; color: var(--text-tertiary); font-size: .875rem; }

.editorial-section { display: grid; grid-template-columns: 1fr 3fr; gap: 24px; padding-block: clamp(92px, 11vw, 158px); border-top: 1px solid var(--divider); }
.section-label { padding-top: 11px; }
.section-title { font-size: var(--type-large-section); line-height: 1; font-weight: 500; letter-spacing: -.055em; }
.education-list { margin-top: clamp(54px, 7vw, 96px); border-top: 1px solid var(--divider); }
.education-item { display: grid; grid-template-columns: .65fr 1.55fr 1fr; gap: 28px; align-items: start; padding-block: 34px; border-bottom: 1px solid var(--divider); }
.education-date,.education-meta { color: var(--text-secondary); font-size: var(--type-label); }
.education-item h3 { font-size: 1.125rem; font-weight: 500; letter-spacing: -.02em; line-height: 1.35; }
.education-item div p { margin-top: 5px; color: var(--text-secondary); font-size: var(--type-body); line-height: 1.6; }
.education-meta { text-align: right; }

.expertise-list { display: flex; flex-wrap: wrap; gap: 0; margin: clamp(58px, 7vw, 102px) 0 0; padding: 0; list-style: none; }
.expertise-list li { font-size: var(--type-feature-heading); line-height: 1.1; font-weight: 400; letter-spacing: -.04em; }
.expertise-list li:not(:last-child)::after { content: "·"; display: inline-block; margin-inline: .38em; color: var(--text-tertiary); }

.interests-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 9%; margin-top: clamp(54px, 7vw, 96px); border-top: 1px solid var(--divider); }
.interest-item { padding-block: 34px; border-bottom: 1px solid var(--divider); }
.interest-item h3 { font-size: var(--type-feature-heading); line-height: 1.1; font-weight: 500; letter-spacing: -.04em; }
.interest-item p { margin-top: 12px; color: var(--text-secondary); font-size: var(--type-body); line-height: 1.6; }

@media (max-width: 1040px) {
  .about-intro-composition { grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr); gap: clamp(42px, 6vw, 68px); }
  .experience-item summary { grid-template-columns: 1.2fr 1fr 28px; }
  .experience-date { grid-column: 1 / 3; text-align: left; margin-top: -12px; }
  .accordion-icon { grid-column: 3; grid-row: 1 / 3; }
  .experience-detail { grid-template-columns: 1.2fr 1fr 28px; }
  .experience-detail p { grid-column: 1 / 3; }
}

@media (max-width: 760px) {
  .about-hero { padding-top: 52px; }
  .about-name { margin-top: 48px; font-size: var(--type-page-h1); }
  .about-intro-composition { grid-template-columns: 1fr; gap: 48px; margin-top: 48px; }
  .about-slideshow,.about-biography { width: min(100%, 560px); margin-inline: auto; }
  .about-biography p + p { margin-top: 22px; }
  .experience { width: 100%; margin-top: 92px; }
  .about-section-heading { padding-bottom: 22px; }
  .experience-item summary { grid-template-columns: 1fr 32px; gap: 8px 20px; min-height: 0; padding-block: 28px; }
  .experience-role,.experience-company,.experience-date { grid-column: 1; text-align: left; margin: 0; }
  .experience-company { margin-top: 7px; }
  .experience-date { margin-top: 2px; }
  .accordion-icon { grid-column: 2; grid-row: 1 / 4; }
  .experience-detail { display: block; padding: 0 52px 28px 0; }
  .editorial-section { grid-template-columns: 1fr; gap: 34px; }
  .section-label { padding-top: 0; }
  .education-item { grid-template-columns: 1fr; gap: 11px; }
  .education-meta { text-align: left; }
  .interests-list { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .current-page::after { bottom: 1px; }
  .about-name { letter-spacing: -.07em; }
  .section-title { font-size: var(--type-large-section); }
  .expertise-list li { font-size: var(--type-feature-heading); }
}

@media (prefers-reduced-motion: reduce) {
  .about-slide { transition: none; }
}