/* A photographic, brand-owned editorial instead of the drawn bedroom. */
.hero--moments{background:radial-gradient(circle at 85% 10%,rgba(232,199,202,.36),transparent 26%),linear-gradient(145deg,#f7f5e8 0%,#fffdf7 52%,#f4ece5 100%);overflow:hidden}
.hero--moments .hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,84px);padding-block:54px 64px;min-height: min(850px,calc(100svh - var(--header-h)))}
.hero--moments .hero__copy{max-width:590px;min-width:0}
.hero--moments h1{font-size:clamp(3rem,4.7vw,5.1rem);line-height:1.17;margin-bottom:24px}
.hero--moments .hero__lead{font-size:.95rem;line-height:1.95;margin-bottom:26px}
.hero--moments .button-row{gap:18px 24px;flex-wrap:wrap}
.hero--moments .button{gap:14px}
.moment-picker{margin-top:34px}
.moment-picker[hidden],.moment-panel[hidden]{display:none}
.moment-picker__heading{display:flex;align-items:center;gap:14px;color:var(--plum);font-size:.74rem;font-weight:750;margin:0 0 13px}
.moment-picker__heading span{height:1px;flex:1;background:#d8cbb3}
.moment-slider-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-block:13px 8px}
.moment-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d8cbb3;border-radius:50%;background:#f7f5e8;color:var(--navy);font-size:1.35rem;cursor:pointer;transition:background .2s,transform .2s}
.moment-arrow:hover{background:#ede2ce;transform:scale(1.04)}
.moment-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.moment-tab{display:grid;justify-items:start;align-content:start;gap:7px;min-width:0;min-height:116px;padding:14px 12px;border:1px solid transparent;border-block-end:2px solid #ded7c9;border-radius:12px 12px 0 0;background:transparent;color:#6d645b;text-align:start;cursor:pointer;transition:background .22s,border-color .22s,color .22s}
.moment-tab svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.moment-tab strong{font-size:.78rem;line-height:1.55;color:var(--ink)}
.moment-tab small{font-size:.64rem;line-height:1.5}
.moment-tab[aria-selected=true]{background:#fffdf8;border-color:#e9ddca;border-block-end-color:#a07b42;color:#795931}
.moment-tab:hover{background:#f2e9df}
.moment-tab:focus-visible,.moment-arrow:focus-visible,.moment-panel:focus-visible{outline:2px solid var(--plum);outline-offset:3px}
.moment-picker__hint{margin:0;text-align:center;font-size:.65rem;line-height:1.7;color:#6d645b}
.moment-gallery{position:relative;min-width:0;padding:0 15px 0 38px;isolation:isolate;touch-action:pan-y}
.moment-gallery__edition{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 9px 18px;color:#78603b;font-size:.61rem;font-weight:750;letter-spacing:.1em}
[dir=rtl] .moment-gallery__edition{letter-spacing:0}
.moment-panel{position:relative;padding-bottom:0}
.moment-portrait{position:relative;aspect-ratio:4/4.8;border-radius:46% 46% 22px 22px;isolation:isolate;background:#e7ddd0}
.moment-portrait:before{content:"";position:absolute;inset:-10px 10px 10px -10px;border:1px solid #bea374;border-radius:inherit;z-index:-1;pointer-events:none}
.moment-portrait picture{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.moment-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;display:block}
[data-moment-panel=evening] .moment-portrait{border-radius:24px}
[data-moment-panel=evening] .moment-portrait img{object-position:50% 50%}
[data-moment-panel=morning] .moment-portrait{border-radius:24px}
[data-moment-panel=morning] .moment-portrait img{object-position:50% 50%}
.moment-portrait__signature{position:absolute;inset-inline-end:20px;bottom:20px;color:#fffdf7;font-size:.69rem;letter-spacing:.19em;text-shadow:0 1px 8px #141b35}
.moment-detail{position:absolute;bottom:123px;inset-inline-start:-32px;width:clamp(105px,12vw,162px);padding:7px 7px 11px;margin:0;border:1px solid #e5d6bc;background:#fffdf8;transform:rotate(-7deg);box-shadow:0 14px 28px #24241d1a}
[dir=rtl] .moment-detail{transform:rotate(7deg)}
.moment-detail img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;display:block}
.moment-detail figcaption{padding:8px 2px 0;color:#6c5240;text-align:center;font-size:.57rem;line-height:1.6}
.moment-story{position:relative;padding:20px 0 0;min-height:110px}
.moment-story__number{float:inline-end;direction:ltr;unicode-bidi:isolate;color:#886a3e;font-size:.64rem;letter-spacing:.06em;margin-top:9px}
.moment-story h2{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.4;margin:0 0 6px;max-width:85%;color:var(--navy)}
.moment-story p{margin:0;max-width:95%;font-size:.76rem;line-height:1.7;color:#6d645b}
.moment-charm{position:absolute;inset-inline-end:-4px;top:67px;display:grid;place-items:center;width:73px;aspect-ratio:1;border:1px solid #cbb587;border-radius:50%;background:#f7f5ec;transform:rotate(12deg);box-shadow:0 8px 24px #24241d0b}
.moment-charm svg{width:53px;fill:#b8945530;stroke:#947138;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.moment-panel.is-entering .moment-portrait picture{animation:momentReveal .8s ease-out both}
.moment-panel.is-entering .moment-story{animation:momentCopy .45s ease-out both}
.moment-panel.is-entering .moment-detail{animation:momentDetail .7s ease-out both}
@keyframes momentReveal{from{opacity:.35;transform:translateX(var(--moment-slide-offset,24px)) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes momentCopy{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes momentDetail{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(min-width:821px) and (max-width:1100px){.hero--moments .hero__grid{gap:25px}.hero--moments h1{font-size:3.15rem}.moment-gallery{padding-inline:24px 8px}.moment-tab{padding:12px 8px}.moment-detail{inset-inline-start:-16px}}
@media(max-width:820px){.hero--moments .hero__grid{grid-template-columns:1fr;padding-block:34px 38px;gap:34px}.hero--moments .hero__copy{max-width:650px;margin-inline:auto}.hero--moments h1{font-size:clamp(2.65rem,8vw,4.4rem);max-width:620px}.hero--moments .hero__lead{font-size:.9rem;line-height:1.8;margin-bottom:22px}.moment-gallery{width:100%;max-width:540px;margin-inline:auto;padding-inline:26px 15px}.moment-picker{margin-top:27px}.moment-portrait{aspect-ratio:4/4.5}.moment-detail{width:132px;bottom:122px;inset-inline-start:-18px}.moment-story{min-height:112px}.moment-gallery__edition{font-size:.57rem}.moment-charm{width:62px;top:55px;inset-inline-end:0}.moment-charm svg{width:44px}}
@media(max-width:430px){.hero--moments .button-row{gap:16px}.hero--moments .button{font-size:.8rem;padding-inline:20px}.hero--moments .text-link{font-size:.74rem}.moment-arrow{width:44px;height:44px}.moment-tab{padding:12px 8px;min-height:126px}.moment-tab strong{font-size:.72rem}.moment-tab small{font-size:.61rem}.moment-picker__heading{font-size:.7rem}.moment-detail{width:105px;bottom:131px}.moment-story h2{font-size:1.35rem}.moment-story p{font-size:.72rem}.moment-gallery__edition{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.moment-tab,.moment-arrow{transition:none}.moment-panel.is-entering .moment-portrait picture,.moment-panel.is-entering .moment-story,.moment-panel.is-entering .moment-detail{animation:none}}
