/* Match both receptions to the shorter landscape photograph, without letterboxing. */
.hero-image.hero-carousel{isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);align-self:center;width:calc(100% - 16px);min-height:0;height:auto;margin:0 0 0 16px;background:transparent;overflow:visible}
.hero-carousel .hero-slide{position:relative;inset:auto;grid-area:1/1;display:flex;align-items:center;min-width:0;aspect-ratio:1678/937;overflow:hidden;border-radius:12px;background:transparent;opacity:0;transition:opacity 900ms ease;pointer-events:none}
.hero-carousel .hero-slide.is-active{opacity:1}
.hero-carousel .hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-image.hero-carousel:after{display:none}
.carousel-ui{position:relative;grid-area:2/1;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 4px 0;color:#19191f}
.carousel-counter{font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.12em}
.carousel-counter>span{color:#626269;font-size:12px}
.carousel-buttons{display:flex;gap:3px;align-items:center}
.carousel-buttons button{width:44px;height:44px;padding:0;border:0;display:grid;place-items:center;color:#19191f;background:transparent}
.carousel-dot span{display:block;width:16px;height:3px;background:#19191f40;transition:background .2s,width .2s}
.carousel-dot.is-active span{width:26px;background:#a7804a}
.carousel-dot:hover span{background:#19191f}
.carousel-buttons .carousel-pause{margin-left:8px;border:1px solid #939099;border-radius:50%;font-size:17px;line-height:1}
.carousel-buttons .carousel-pause:hover{background:#19191f;color:#fefefe;border-color:#19191f}
.carousel-buttons button:focus-visible{outline:2px solid #a7804a;outline-offset:2px}
@media(max-width:1100px){.hero-image.hero-carousel{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide{transition:none}}

.carousel-counter,.carousel-buttons{flex-shrink:0}
.carousel-buttons button{flex:0 0 44px;min-width:44px;min-height:44px}
.carousel-pause .icon-play{display:none}
.carousel-pause[data-paused="true"] .icon-pause{display:none}
.carousel-pause[data-paused="true"] .icon-play{display:block}