/* Dedicated About introduction; leave the rest of the biography unchanged. */
.skip-link{position:fixed;top:12px;left:24px;z-index:100;padding:12px 20px;background:var(--wine);color:#fff;transform:translateY(-150%);border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.loop-pause{display:block;margin:0 0 18px;border:1px solid var(--wine);border-radius:999px;background:#fff;color:var(--wine);padding:10px 18px;font:14px/1.5 "Merriweather Sans",sans-serif;cursor:pointer}
.loop-pause[hidden]{display:none}
.loop-pause:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
.loop-duplicate{display:flex;flex-direction:column;gap:8px}
@media(prefers-reduced-motion:reduce){
  .career .loop-viewport{height:auto}
  .career .loop-track{position:static;animation:none}
  .career .loop-duplicate,.career .loop-fade{display:none}
}
.about-intro{padding:0;background:#f8f8f8;box-shadow:none}
.about-intro .about-grid{max-width:none;padding:0;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:0;align-items:center;min-height:0}
.about-intro #aboutText{align-self:center;justify-self:center;width:100%;max-width:760px;padding:48px clamp(32px,6vw,96px)}
.about-intro h1{font-size:clamp(32px,3.5vw,46px);margin:0;line-height:1.25;text-wrap:balance}
.about-intro #aboutVideo{position:relative;justify-self:center;width:100%;border:0;border-radius:0;aspect-ratio:2/3;overflow:visible}
.about-intro #aboutVideo img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.about-education .training-grid.el-left{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center}
.about-education .training-photo{width:100%;border-radius:16px;overflow:hidden;box-shadow:none}
.about-education .training-photo img{width:100%;height:auto;object-fit:contain}
/* A slightly wider desktop portrait crops the upper foliage, keeping its bottom visible. */
@media(min-width:761px) and (min-aspect-ratio:1/1){
  .about-intro .about-grid{height:calc(100svh - 71px);grid-template-columns:minmax(0,1fr) calc((100svh - 71px)*.75)}
  .about-intro #aboutVideo{height:100%;min-height:0;aspect-ratio:auto}
  .about-intro #aboutVideo img{height:100%;width:100%;object-fit:cover;object-position:center bottom}
  .about-intro #aboutText{padding:24px clamp(24px,5vw,80px)}
}
@media(min-width:761px) and (max-height:700px){
  .about-intro h1{font-size:32px}
  .about-intro .quote{font-size:18px}
  .about-intro p{font-size:16px}
}
@media(max-width:900px){
  .about-education .training-grid.el-left{grid-template-columns:1fr}
}
@media(max-width:760px){
  .about-intro .about-grid{grid-template-columns:1fr;min-height:0;padding:0;gap:0}
  .about-intro #aboutText{padding:40px 24px}
  .about-intro #aboutVideo{width:100%;max-width:none}
}