/* Preserve every edge of the landscape image; the image sets its own height. */
.hero.expert-hero{display:block;min-height:0;padding:0;gap:0}
.expert-hero .hero-visual{position:relative;inset:auto;width:100%;height:auto;margin:0;border-radius:0}
.expert-hero .hero-visual>img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;filter:none}
.expert-hero .hero-copy{position:absolute;left:max(32px,calc((100vw - 1280px)/2));top:calc(50% + 44px);transform:translateY(-50%);margin:0;width:46%;max-width:570px}
.expert-hero .hero-visual::after{background:linear-gradient(270deg,rgba(13,12,11,.22) 0%,rgba(13,12,11,.32) 36%,rgba(13,12,11,.78) 59%,rgba(13,12,11,.84) 100%)}
.expert-hero .photo-label{left:auto;right:42px}
.expert-hero .image-caption{left:auto;right:52px}
@media(max-width:1199px){
  .hero.expert-hero{display:flex;flex-direction:column;padding:88px 0 0;align-items:stretch}
  .expert-hero .hero-visual{order:0;flex:none}
  .expert-hero .hero-copy{order:1;position:relative;left:auto;top:auto;transform:none;width:100%;max-width:760px;margin:0 auto;padding:42px 32px 52px}
  .expert-hero .hero-visual::after{background:rgba(13,12,11,.28)}
  .expert-hero .hero-description{max-width:620px}
  .expert-hero h1{font-size:clamp(44px,6vw,64px)}
  .expert-hero .photo-label{right:24px;bottom:38px}
  .expert-hero .image-caption{right:31px;bottom:16px}
}
@media(max-width:800px){.hero.expert-hero{padding-top:80px}}
@media(max-width:600px){
  .hero.expert-hero{padding-top:76px}
  .expert-hero .hero-copy{padding:32px 20px 42px}
  .expert-hero h1{font-size:clamp(38px,10.5vw,56px)}
  .expert-hero .photo-label{display:none}
  .expert-hero .image-caption{right:20px;bottom:12px}
}
