/* Site-wide touches for the facelift pages (3.4.17). */
.sr-dash{color:#e01b1b}
/* Open-up stage (3.4.20, from Home v2's "rocket"): a tall section whose sticky stage opens the photo from an inset card to full bleed as you scroll, eases it out of a zoom, then fades the copy in. Ids: sr-open-stage (inside the section), sr-open-media (photo box), sr-open-img, sr-open-copy. */
#sr-open-stage{position:sticky;top:0;height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}
#sr-open-media{position:absolute;inset:0;z-index:0;padding:0;margin:0;will-change:clip-path;pointer-events:none}
#sr-open-media img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;will-change:transform}
#sr-open-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,14,.92) 0%,rgba(12,13,14,.55) 55%,rgba(12,13,14,.25));opacity:var(--o,1)}
#sr-open-copy{position:relative;z-index:2}
.sr-open-live #sr-open-stage{height:100vh}
@media (prefers-reduced-motion:reduce){#sr-open-stage{position:relative;height:auto;min-height:0}#sr-open-stage>#sr-open-media{clip-path:none!important}}
/* Hero slides (3.5.1, from Home v2's hero): a section with id sr-slides holds a box with id sr-slides-bg containing up to four images; they crossfade, each settling from 1.12 to 1. The section's own background stays as the fallback when the plugin is off. */
#sr-slides{position:relative;overflow:hidden;isolation:isolate;background-image:none!important;background-color:#0c0d0e}
#sr-slides-bg{position:absolute!important;inset:-6% 0;z-index:0;padding:0!important;margin:0;pointer-events:none}
#sr-slides-bg>*{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;margin:0}
#sr-slides-bg img{width:100%;height:100%;object-fit:cover;object-position:center 50%;opacity:0;animation:sr-slides 28s infinite;will-change:transform,opacity}
#sr-slides-bg>:nth-child(2),#sr-slides-bg>:nth-child(2) img{animation-delay:7s}
#sr-slides-bg>:nth-child(3),#sr-slides-bg>:nth-child(3) img{animation-delay:14s}
#sr-slides-bg>:nth-child(4),#sr-slides-bg>:nth-child(4) img{animation-delay:21s}
#sr-slides::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(12,13,14,.6),rgba(12,13,14,.3) 40%,rgba(12,13,14,.97));pointer-events:none}
#sr-slides>:not(#sr-slides-bg){position:relative;z-index:2}
@keyframes sr-slides{0%{opacity:0;transform:scale(1.12)}5%,25%{opacity:1}30%,100%{opacity:0;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){#sr-slides-bg img{animation:none}#sr-slides-bg>:first-child img,#sr-slides-bg>img:first-child{opacity:1}}
/* Elfsight embeds (3.5.1): an element whose id is sr-elfsight-<widget uuid> gets that widget loaded into it. */
[id^="sr-elfsight-"]{width:100%;max-width:1200px;min-height:200px}
/* One photo only (3.5.2): no crossfade, it simply settles from 1.12 to 1 once, like Home's hero on load. */
#sr-slides-bg>:only-child img,#sr-slides-bg>img:only-child{opacity:1;animation:sr-settle 14s cubic-bezier(.2,.6,.2,1) both}
@keyframes sr-settle{from{transform:scale(1.12)}to{transform:scale(1)}}
/* Slide counts (3.5.3): the base timing above is for four photos (28 s, one every 7 s). With two or three the cycle must shrink, or the
   empty slots show the dark backdrop for 7–14 s each loop. Each photo still gets ~7 s with a ~1.4 s fade either side. */
#sr-slides-bg:has(>:nth-child(2):last-child) img{animation-name:sr-slides2;animation-duration:14s}
#sr-slides-bg:has(>:nth-child(3):last-child) img{animation-name:sr-slides3;animation-duration:21s}
@keyframes sr-slides2{0%{opacity:0;transform:scale(1.12)}10%,50%{opacity:1}60%,100%{opacity:0;transform:scale(1)}}
@keyframes sr-slides3{0%{opacity:0;transform:scale(1.12)}6.67%,33.3%{opacity:1}40%,100%{opacity:0;transform:scale(1)}}
/* Start already showing (3.5.4): the cycle begins 1.4 s in, so the first photo is fully visible on load instead of fading up from black; every slide shifts by the same amount so the crossfades stay overlapped. */
#sr-slides-bg>:nth-child(1):not(:only-child) img,#sr-slides-bg>img:nth-child(1):not(:only-child){animation-delay:-1.4s}
#sr-slides-bg>:nth-child(2) img,#sr-slides-bg>img:nth-child(2){animation-delay:5.6s}
#sr-slides-bg>:nth-child(3) img,#sr-slides-bg>img:nth-child(3){animation-delay:12.6s}
#sr-slides-bg>:nth-child(4) img,#sr-slides-bg>img:nth-child(4){animation-delay:19.6s}
