/* The original photo keeps its arc and glass layers; controls sit below it. */
.hero--slideshow,.hero--slideshow>.hero-grid,.hero--slideshow>.hero-grid>.hero-copy{min-height:571px}
.hero-slideshow{position:absolute;inset:0 auto 0 0;width:56%;min-width:0;direction:rtl}
/* The transparent circle and its light ring are 40% larger, with the same center. */
.hero-slideshow>.hero-media{position:absolute;inset:0 0 36px;width:100%;height:auto;min-height:0;margin:0;--hero-glass-radius:491.26px;--hero-glass-diameter:863.94px;--motion-ring-size:var(--hero-glass-diameter)}
.hero-slide{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;transition:opacity var(--hero-fade-duration,1300ms) cubic-bezier(.37,0,.63,1)}
.hero-slide.is-active{z-index:1;opacity:1}
.hero-slide.is-leaving{opacity:1;transition:none}
.hero-slideshow.is-paused .hero-slide{transition:none}
.hero-slideshow .hero-composite-photo{inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:var(--slide-position,45% center)}
.hero-slideshow .hero-media::before{z-index:2;-webkit-mask-image:radial-gradient(circle var(--hero-glass-radius) at 50% 50%,transparent 0 86%,#000 91%);mask-image:radial-gradient(circle var(--hero-glass-radius) at 50% 50%,transparent 0 86%,#000 91%);transition:opacity var(--hero-fade-duration,1300ms) ease}
.hero-slideshow .hero-media::after{z-index:3;width:var(--hero-glass-diameter);height:var(--hero-glass-diameter);left:calc(50% - var(--hero-glass-diameter)/2);top:calc(50% - var(--hero-glass-diameter)/2);transition:opacity var(--hero-fade-duration,1300ms) ease}
/* One photo coordinate system keeps the real screenshot attached to the monitor at every size. */
.hero-monitor-scene{position:absolute;left:var(--monitor-left,0px);top:var(--monitor-top,0px);width:1448px;height:1086px;direction:ltr;transform-origin:0 0;transform:scale(var(--monitor-scale,1))}
.hero-slideshow .hero-monitor-scene>.hero-composite-photo{object-position:center}
/* Screen corners in the original photo: (434.5,170), (1107.5,168), (1085,649), (410.5,594.5). */
.hero-monitor-screen{position:absolute;left:0;top:0;display:block;width:1000px;height:1000px;max-width:none;max-height:none;object-fit:fill;border:0;border-radius:0;transform-origin:0 0;transform:matrix3d(0.54367690457,-0.021617408607,0,-0.000116770289327,-0.0265118896735,0.420862196319,0,-0.00000611909786488,0,0,1,0,434.5,170,0,1);pointer-events:none}
.hero-carousel-controls{position:absolute;bottom:0;left:50%;z-index:6;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;transform:translateX(-50%)}
.hero-carousel-controls[hidden]{display:none}
.hero-carousel-dots{display:flex;align-items:center;justify-content:center;gap:0}
.hero-carousel-dot,.hero-carousel-toggle{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#486459;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease}
.hero-carousel-dot::before{content:"";display:block;width:7px;height:7px;border:1px solid #8a9d92;border-radius:50%;background:#b5c0b8;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.hero-carousel-dot[aria-current="true"]::before{border-color:#168c51;background:#168c51;box-shadow:0 0 0 3px #168c5117}
.hero-carousel-dot:hover,.hero-carousel-toggle:hover{background:#168c510d;color:#126e43}
.hero-carousel-dot:focus-visible,.hero-carousel-toggle:focus-visible{outline:2px solid #168c51;outline-offset:1px}
.hero-carousel-dot:disabled{cursor:default;opacity:.3}
.hero-carousel-toggle{margin-inline-start:3px;color:#678174}
.hero-carousel-toggle svg{display:block;width:12px;height:12px;fill:currentColor;pointer-events:none}
.hero-carousel-toggle .hero-play-icon{display:none}
.hero-carousel-toggle[data-paused="true"] .hero-pause-icon{display:none}
.hero-carousel-toggle[data-paused="true"] .hero-play-icon{display:block}
.hero-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:900px){
  .hero--slideshow,.hero--slideshow>.hero-grid,.hero--slideshow>.hero-grid>.hero-copy{min-height:0}
  .hero-slideshow{position:relative;inset:auto;width:92%;height:486px;margin:0 auto 0 0}
  .hero-slideshow>.hero-media{position:absolute;inset:0 0 36px;width:100%;height:auto;min-height:0;margin:0}
}
@media(max-width:720px){.hero-slideshow{height:426px}.hero-slideshow>.hero-media{--hero-glass-radius:296.45px;--hero-glass-diameter:516.67px}}
/* Reduced-motion users start paused. Explicit Play enables only an opacity fade. */
@media(prefers-reduced-motion:reduce){.hero-carousel-dot,.hero-carousel-dot::before,.hero-carousel-toggle{transition:none!important}}