:root{--page:#fff0f2;--hero-bg:linear-gradient(155deg,#f7a7b4 0 48%,#b9ce9e 48% 100%);--hero-ornament:url("../assets/floral/concept-1-hero-arch-v1.webp");--divider-image:url("../assets/floral/concept-1-vine-divider-v1.webp");--corner-image:url("../assets/floral/concept-1-hero-arch-v1.webp");--corner-size:430px auto;--corner-position:left 54%;--closing-border-image:url("../assets/floral/concept-1-grass-floral-border-v1.webp")}.hero-arch{border:8px solid color-mix(in srgb,var(--pink) 30%,transparent)}.section:nth-of-type(even){background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--green-soft) 30%,transparent),transparent)}
.hero::before,.hero::after{content:"";position:absolute;inset:0 50% 0 0;background:color-mix(in srgb,var(--pink-soft) 28%,transparent);pointer-events:none;transform:translateX(-100%)}.hero::after{inset:0 0 0 50%;background:color-mix(in srgb,var(--green-soft) 32%,transparent);transform:translateX(100%)}body.is-open .hero::before,body.is-open .hero::after{animation:concept-field-in .8s ease-out both}.hero{position:relative;overflow:hidden}.hero-arch{z-index:1}@keyframes concept-field-in{to{transform:none}}
.opening::after{left:-18px;bottom:-18px;width:min(42vw,210px);background-position:left bottom}