/* The existing slide underlines become one clock-driven progress indicator. */
/* Page movement is separate from each photograph's gentle scroll parallax. */
.hero-interactions-ready .connected-media{transform:translateY(var(--port-shift,0px)) scale(1.015);transform-origin:center;will-change:transform}
.connected-slide-page{position:absolute;inset:0;overflow:hidden;visibility:hidden;transform:translateY(100%)}
.connected-slide-page.is-current{visibility:visible;transform:translateY(0);z-index:1}
.connected-media .connected-slide-page>img{opacity:1;transition:none;transform:none;will-change:auto}
.hero-interactions-ready .connected-playback button{width:44px;height:44px;margin-block:-4px}
.hero-interactions-ready .connected-playback button[data-hero-slide]::after{left:8px;right:8px;bottom:7px;height:1px;opacity:.35}
.hero-interactions-ready .connected-playback button[data-hero-slide]::before{content:"";position:absolute;left:8px;right:8px;bottom:7px;height:2px;background:#fff;transform:scaleX(var(--slide-progress,0));transform-origin:left center;opacity:0;pointer-events:none}
.hero-interactions-ready .connected-playback button[aria-pressed="true"]::after{height:2px;opacity:.25}
.hero-interactions-ready .connected-playback button[aria-pressed="true"]::before{opacity:1}
.hero-interactions-ready .connected-playback[data-playback-state="playing"] button[aria-pressed="true"]::before{will-change:transform}
.hero-interactions-ready .connected-playback button:disabled{opacity:.3;cursor:not-allowed}
.hero-interactions-ready .connected-playback button:active>span{transform:translateY(1px)}
.hero-interactions-ready .connected-playback button>span{transition:transform .18s ease}
.hero-interactions-ready{touch-action:pan-y pinch-zoom}
.header--overlay .nav-dropdown[open]>.nav-menu{animation:dms-nav-enter .18s ease-out both;transform-origin:top center}
.header--overlay .nav-menu>a,.header--overlay .nav-menu>button{transition:background .18s ease,color .18s ease}
.header--overlay .nav-menu>:focus-visible{outline:2px solid #2776b9;outline-offset:-2px;background:#eef4f9;color:#0753a2}
@keyframes dms-nav-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.hero-interactions-ready .connected-playback button:hover>span{transform:translateY(-2px)}}
@media(max-width:809px){
 .hero-interactions-ready .connected-media{transform:none;will-change:auto}
 .menu-open .header--overlay #site-nav{animation:dms-nav-enter .2s ease-out both}
 .header--overlay .nav-menu>:focus-visible{outline-color:#b9def9;background:#ffffff14;color:#fff}
}
@media(max-width:380px){.hero-interactions-ready .connected-bottom{gap:10px}.hero-interactions-ready .connected-scroll{font-size:9px;gap:9px}.hero-interactions-ready .connected-playback{gap:0}}
@media(prefers-reduced-motion:reduce){
 .hero-interactions-ready .connected-media{transform:none;will-change:auto}
 .header--overlay .nav-dropdown[open]>.nav-menu,.menu-open .header--overlay #site-nav{animation:none}
 .hero-interactions-ready .connected-playback button>span,.header--overlay .nav-menu>a,.header--overlay .nav-menu>button{transition:none}
 .hero-interactions-ready .connected-playback button[aria-pressed="true"]::before{transform:scaleX(1)}
 .hero-interactions-ready .connected-playback[data-playback-state="playing"] button[aria-pressed="true"]::before{will-change:auto}
}