/* Controls belong to the home carousel; the server-rendered first photo is the fallback. */
.hero-pres .carousel-controls[hidden],.hero-pres .carousel-pause[hidden]{display:none}
.hero-pres .carousel-toolbar{flex-wrap:wrap;gap:8px 14px}
.hero-pres .slide-caption{flex:1 1 190px;max-width:none}
.hero-pres .carousel-controls{gap:5px;margin-left:auto}
.hero-pres .carousel-dots{display:flex;align-items:center;gap:1px}
.hero-pres .carousel-dot{display:grid;place-items:center;width:36px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--red);cursor:pointer}
.hero-pres .carousel-dot::before{content:"";width:7px;height:7px;border:1px solid currentColor;border-radius:50%;background:transparent;transition:background-color .2s,transform .2s}
.hero-pres .carousel-dot[aria-current="true"]::before{background:currentColor;transform:scale(1.2)}
.hero-pres .carousel-dot:hover::before{background:#a52e3544}
.hero-pres .carousel-dot[aria-current="true"]:hover::before{background:currentColor}
.hero-pres .carousel-pause{min-height:44px;min-width:58px;padding:5px 7px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:11px;line-height:1.3;cursor:pointer}
.hero-pres .carousel-pause:hover{color:var(--red);background:#a52e350c}
.hero-pres .slide.is-leaving{display:block;pointer-events:none}
.hero-pres .carousel :focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media(max-width:360px){
 .hero-pres .slide-caption{flex-basis:100%}
 .hero-pres .carousel-controls{margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){.hero-pres .carousel-dot::before{transition:none}}
@media(forced-colors:active){
 .hero-pres .carousel-dot,.hero-pres .carousel-pause{color:ButtonText}
 .hero-pres .carousel-dot[aria-current="true"]::before{background:Highlight;color:Highlight}
 .hero-pres .carousel :focus-visible{outline-color:Highlight}
}
@media print{.hero-pres .slide.is-leaving{display:none}}