/* Opt in only on the two section landing pages that load this sheet. */
@view-transition{navigation:auto}
.section-photo-banner{isolation:isolate;view-transition-name:section-banner}
.section-photo-banner::after{display:none}
.section-photo-banner::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,31,52,.88),rgba(5,31,52,.68) 42%,rgba(5,31,52,.2));pointer-events:none}
.section-photo-banner__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:0;animation:section-photo-enter .8s cubic-bezier(.22,1,.36,1) both}
.section-photo-banner>.container{z-index:2;animation:section-copy-enter .55s cubic-bezier(.22,1,.36,1) both}
::view-transition-group(section-banner){animation-duration:.5s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-old(section-banner),::view-transition-new(section-banner){animation-duration:.35s}
@keyframes section-photo-enter{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes section-copy-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .section-photo-banner__image{object-position:72% center}
 .section-photo-banner::before{background:linear-gradient(90deg,rgba(5,31,52,.86),rgba(5,31,52,.55))}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 .section-photo-banner__image,.section-photo-banner>.container{animation:none}
 ::view-transition-group(section-banner),::view-transition-old(section-banner),::view-transition-new(section-banner){animation:none}
}