.hero-art[data-hero-carousel]{max-width:516px;justify-self:end;width:100%}
.hero-art[data-hero-carousel] .hero-photo{position:relative;touch-action:pan-y pinch-zoom;height:auto;aspect-ratio:4/5;border-radius:16px;outline:none;box-shadow:0 10px 35px #4a25390a}
.hero-art[data-hero-carousel] .sweet-stamp{bottom:75px;pointer-events:none}
.hero-art[data-hero-carousel] .hero-sparkle{pointer-events:none}
.hero-slide{position:absolute;inset:0;height:100%;width:100%}
.hero-slide[hidden],.hero-art [data-hero-controls][hidden]{display:none!important}
.hero-carousel-arrows{position:absolute;inset:0;pointer-events:none}
.hero-carousel-arrow{position:absolute;top:55%;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #fffbfc77;border-radius:50%;background:var(--cream);color:var(--berry);box-shadow:0 2px 12px #4a253918;pointer-events:auto;transition:background .2s,transform .2s}
.hero-carousel-arrow:hover{background:var(--blush);transform:scale(1.06)}
.hero-carousel-arrow--previous{left:14px}
.hero-carousel-arrow--next{right:14px}
.hero-carousel-arrow--previous svg{transform:rotate(180deg)}
.hero-carousel-arrow svg{width:19px;height:19px}
.hero-carousel-arrow:focus-visible{outline-color:var(--cream);outline-offset:4px;box-shadow:0 0 0 3px var(--berry)}
.hero-art[data-hero-carousel] .photo-caption{align-items:center;gap:12px;min-height:58px;padding-top:10px}
.hero-art[data-hero-carousel] .photo-caption>span:first-child{display:flex;align-items:center;gap:9px;white-space:nowrap}
.hero-art[data-hero-carousel] .photo-caption>span:first-child span{font:inherit;letter-spacing:inherit}
.hero-art[data-hero-carousel] [data-hero-counter]{font-variant-numeric:tabular-nums}
.hero-carousel-dots{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 -5px}
.hero-carousel-dot{display:grid;place-items:center;width:26px;height:44px;padding:0;border:0;background:transparent;color:var(--berry)}
.hero-carousel-dot span{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.28;transition:opacity .2s,transform .2s}
.hero-carousel-dot[aria-current="true"] span{opacity:1;transform:scale(1.35)}
.hero-carousel-dot:hover span{opacity:.8}
.hero-carousel-dot:focus-visible{outline-offset:-4px;border-radius:20px}
.hero-caption-signature{white-space:nowrap}
.hero-art.is-enhanced .hero-slide.is-active{animation:hero-photo-arrive .38s ease-out both}
@keyframes hero-photo-arrive{from{opacity:.6;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.hero-caption-label{display:none}}
@media(max-width:600px){.hero-art[data-hero-carousel] .sweet-stamp{bottom:66px}.hero-art[data-hero-carousel] .photo-caption{min-height:54px;padding-top:7px;gap:7px}.hero-carousel-arrow--previous{left:10px}.hero-carousel-arrow--next{right:10px}.hero-caption-label{display:inline}.hero-art[data-hero-carousel] .photo-caption>span:first-child{gap:6px}.hero-carousel-dot{width:24px}}
@media(max-width:390px){.hero-caption-label{display:none}}
@media(max-width:600px){.hero-art[data-hero-carousel]{width:auto;justify-self:stretch;max-width:none}.hero-art[data-hero-carousel] .hero-photo{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.hero-art.is-enhanced .hero-slide.is-active{animation:none}.hero-carousel-arrow,.hero-carousel-dot span{transition:none}}