.weddingBanner{display:grid;grid-template-columns:44% 56%;background:#eae3dc;color:#211a1a;min-height:360px}.weddingBannerCopy{padding:clamp(28px,4vw,58px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.weddingBannerCopy .overline{color:#71343d;margin-bottom:18px}.weddingBannerCopy h2{font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:-.045em;line-height:1.06;margin:0 0 18px}.weddingBannerCopy>p:not(.overline){line-height:1.7;max-width:430px;margin:0 0 24px;color:#514b49}.weddingBannerCopy .outlineBtn{color:#71343d;border-color:#71343d}.weddingBannerCopy .outlineBtn:hover,.weddingBannerCopy .outlineBtn:focus-visible{background:#71343d;color:#fff}.weddingBannerPhotos{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:0;background:#ded6ce}.weddingBannerPhotos img{width:100%;height:100%;max-height:400px;object-fit:cover;object-position:center;background:#eee9e4}@media(max-width:650px){.weddingBanner{grid-template-columns:1fr;min-height:0}.weddingBannerPhotos{grid-row:1;height:250px}.weddingBannerPhotos img{height:250px}.weddingBannerCopy{padding:32px 24px 38px}.weddingBannerCopy h2{font-size:2.6rem}}

.weddingBannerPhotos{position:relative;display:block;overflow:hidden;min-height:360px;isolation:isolate}.weddingBannerPhotos .weddingSlide{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 52%;opacity:0;z-index:0;transition:opacity 1.15s ease-in-out}.weddingBannerPhotos .weddingSlide.is-leaving{opacity:1;z-index:1;transition:none}.weddingBannerPhotos .weddingSlide.is-active{opacity:1;z-index:2}.weddingSlideControls{position:absolute;bottom:18px;right:18px;z-index:4;display:flex;gap:8px;align-items:center;color:#fff}.weddingSlideControls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#211a1abb;color:#fff;font-size:1.5rem;cursor:pointer}.weddingSlideControls [data-slide-pause]{font-size:1rem}.weddingSlideControls [data-slide-status]{font-size:.8rem;background:#211a1abb;border-radius:20px;padding:8px 10px}.weddingSlideControls button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:650px){.weddingBannerPhotos{height:320px;min-height:320px}.weddingBannerPhotos .weddingSlide{height:100%;object-position:center 48%}}@media(prefers-reduced-motion:reduce){.weddingBannerPhotos .weddingSlide{transition:none}}

/* Each image fills the frame, with the crop centred on its product. */
.weddingBannerPhotos .weddingSlide{object-fit:cover;object-position:50% 80%;padding:0}
.weddingBannerPhotos .weddingSlide:nth-of-type(1){object-position:50% 80%}
.weddingBannerPhotos .weddingSlide:nth-of-type(2){object-position:50% 65%}
.weddingBannerPhotos .weddingSlide:nth-of-type(3){object-position:50% 88%}
.weddingBannerPhotos .weddingSlide:nth-of-type(4){object-position:50% 85%}
.weddingBannerPhotos .weddingSlide:nth-of-type(5){object-position:50% 68%}
.weddingBannerPhotos .weddingSlide:nth-of-type(6){object-position:50% 72%}
.weddingBannerPhotos .weddingSlide:nth-of-type(7){object-position:50% 80%}
.weddingBannerPhotos .weddingSlide:nth-of-type(8){object-position:50% 78%}
.weddingSlideControls{bottom:9px;right:14px}