.about-header{background:var(--bg)}
.about-header .navbar{min-height:96px}
.about-header .nav-links a[aria-current="page"]{color:var(--gold-light)}
.about-layout{width:min(var(--max),calc(100% - 84px));min-height:calc(100svh - 170px);margin:0 auto;padding:30px 0 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.94fr);gap:7%;align-items:center}
.about-copy{max-width:580px}
.about-eyebrow{margin:0 0 19px;color:var(--gold);}
.about-copy h1{margin:0;color:var(--text);}
.about-name{margin:13px 0 17px;color:var(--gold-light);}
.about-rule{width:42px;height:1px;background:var(--gold);margin:0 0 24px}
.about-bio p{margin:0 0 15px;color:var(--muted);}
.about-photos{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.about-photo{margin:0;overflow:hidden;background:var(--card);border-radius:3px}
.about-photo img{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.92) saturate(.82)}
.about-photo-main{grid-row:1;grid-column:1;aspect-ratio:9/16}
.about-photo-main img{object-fit:contain;object-position:center}
.about-photo-editing{grid-row:2;grid-column:1/-1;aspect-ratio:4/3}
.about-photo-editing img{object-position:center 48%}
.about-photo-filming{grid-row:1;grid-column:2;aspect-ratio:9/16}
.about-photo-filming img{object-fit:contain;object-position:center}
.about-header+.about-layout+.site-footer{margin-top:0}
@media(max-width:850px){.about-header .navbar{padding:20px 24px}.about-header .nav-links{gap:15px}.about-header .nav-links a{}.about-layout{width:calc(100% - 56px);padding:30px 0 42px;grid-template-columns:1fr .9fr;gap:5%}.about-photos{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.about-bio p{}}
@media(max-width:700px){.about-header .navbar{padding:18px 20px;flex-direction:row;gap:16px}.about-header .logo-img{height:40px}.about-header .nav-links{gap:10px;flex-wrap:wrap;justify-content:flex-end}.about-header .nav-links a{}.about-layout{width:calc(100% - 40px);padding:26px 0 38px;grid-template-columns:1fr;gap:24px;min-height:0}.about-copy{max-width:none}.about-eyebrow{margin-bottom:14px;}.about-copy h1{}.about-name{}.about-rule{margin-bottom:18px}.about-bio p{margin-bottom:13px}.about-photos{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}}
@media(max-width:420px){.about-header .navbar{flex-direction:column;gap:12px}.about-header .nav-links{justify-content:center;gap:10px}.about-layout{padding-top:24px}.about-photos{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}}
@keyframes about-enter-top{
  from{opacity:0;transform:translate3d(0,-48px,0);filter:blur(3px)}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes about-enter-right{
  from{opacity:0;transform:translate3d(56px,0,0);filter:blur(3px)}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes about-enter-bottom{
  from{opacity:0;transform:translate3d(0,48px,0);filter:blur(3px)}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@media(prefers-reduced-motion:no-preference){
  .about-photo{animation-duration:1.25s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:backwards}
  .about-photo-main{animation-name:about-enter-top;animation-delay:.1s}
  .about-photo-filming{animation-name:about-enter-right;animation-delay:.28s}
  .about-photo-editing{animation-name:about-enter-bottom;animation-delay:.46s}
}


/* Readable About typography using the site's shared font family. */
.about-copy{font-family:inherit;min-width:0}
.about-copy h1{font-size:clamp(42px,5vw,64px);font-weight:700;line-height:1.08;letter-spacing:normal}
.about-eyebrow{font-size:13px;line-height:1.5}
.about-name{font-size:26px;font-weight:600;line-height:1.35;letter-spacing:normal}
.about-bio p{font-size:18px;line-height:1.75;margin-bottom:20px}
@media(max-width:850px){
  .about-layout{grid-template-columns:1fr;gap:32px}
  .about-copy{max-width:680px}
  .about-photos{width:min(100%,580px);justify-self:center}
}
@media(max-width:700px){
  .about-copy h1{font-size:42px}
  .about-name{font-size:22px}
  .about-eyebrow{font-size:13px}
  .about-bio p{font-size:17px;line-height:1.75;margin-bottom:20px}
}