.pdc-photo-hero{position:relative;isolation:isolate;display:grid;align-items:center;flex:1;overflow:hidden;min-height:clamp(480px,72svh,800px);background:#222b2a;color:#fff}
.pdc-photo-hero-frames,.pdc-photo-hero-frames img,.pdc-photo-hero::after{position:absolute;inset:0;width:100%;height:100%}
.pdc-photo-hero-frames{z-index:-2}
.pdc-photo-hero-frames img{object-fit:cover;object-position:center 55%;opacity:0;transition:opacity .5s ease}
.pdc-photo-hero-frames .is-current{opacity:1}
.pdc-photo-hero::after{content:"";z-index:-1;background:linear-gradient(90deg,rgba(16,24,23,.94),rgba(16,24,23,.88) 32%,rgba(16,24,23,.48) 60%,rgba(16,24,23,.13))}
.pdc-photo-hero-inner{position:relative;padding-block:clamp(64px,9vw,118px)}
.pdc-photo-hero-copy{max-width:550px}
.pdc-photo-hero-eyebrow{font-size:.75rem;letter-spacing:.17em;font-weight:700;text-transform:uppercase;margin:0 0 20px}
.pdc-photo-hero h1{color:#fff;font-size:clamp(56px,7.6vw,114px);line-height:.94;letter-spacing:-.06em;margin:0 0 24px}
.pdc-photo-hero h1 em{color:#fff}
.pdc-photo-hero-location{font-size:clamp(18px,2vw,25px);font-weight:700;margin:0 0 12px}
.pdc-photo-hero-intro{max-width:40ch;margin:0 0 26px;color:#fff}
.pdc-photo-hero-actions{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap}
.pdc-photo-hero-link{display:inline-flex;align-items:center;gap:.45em;min-height:44px;color:#fff;text-underline-offset:4px;font-weight:700}
.pdc-photo-hero-link:hover{color:#fff}
.pdc-photo-hero-controls{position:absolute;right:0;bottom:26px;display:flex;gap:8px}
.pdc-photo-hero-controls[hidden]{display:none}
.pdc-photo-hero-controls button{border:1px solid #fff;border-radius:50%;background:#26302e;color:#fff;width:44px;height:44px;cursor:pointer;font-weight:700}
.pdc-photo-hero-controls button[aria-pressed=true]{background:#fff;color:#202625}
.pdc-photo-hero :focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:700px){
 .pdc-photo-hero{min-height:0}
 .pdc-photo-hero::after{background:linear-gradient(90deg,rgba(16,24,23,.93),rgba(16,24,23,.75))}
 .pdc-photo-hero-inner{padding-block:58px 82px}
 .pdc-photo-hero h1{font-size:clamp(48px,13vw,78px)}
 .pdc-photo-hero-controls{bottom:18px}
}
@media(prefers-reduced-motion:reduce){.pdc-photo-hero-frames img{transition:none}}
