/* The original Champagne timeline, on the shared protected guest renderer. */
.momente[data-style=classic]{background:linear-gradient(180deg,var(--m-paper),color-mix(in srgb,var(--m-accent) 8%,var(--m-paper)));background-attachment:fixed}
.momente[data-style=classic] .m-hero{display:block;text-align:center;min-height:65vh;align-content:center}
.momente[data-style=classic] h1{font-family:system-ui,sans-serif;font-weight:600;font-size:clamp(38px,7vw,80px)}
.momente[data-style=classic] .m-intro{margin:24px auto;font-weight:300}
.momente[data-style=classic] .m-cover{display:none}
.momente[data-style=classic] #open-upload{background:linear-gradient(135deg,var(--m-accent),color-mix(in srgb,var(--m-accent) 55%,white));color:var(--m-ink);border:0;box-shadow:0 10px 30px color-mix(in srgb,var(--m-accent) 30%,transparent)}
.momente[data-style=classic] .m-gallery{position:relative;isolation:isolate;display:block;border:0;padding:30px 12px;margin:24px auto;max-width:860px}
.momente[data-style=classic] .m-gallery:has(.m-photo)::before{content:"";position:absolute;z-index:-1;inset:0 24%;background-color:var(--m-accent);opacity:.65;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='700' viewBox='0 0 380 700'%3E%3Cg fill='none' stroke='black'%3E%3Cpath stroke-width='7' d='M190 0C10 150 370 200 190 350S10 550 190 700'/%3E%3Cpath stroke-width='3' d='M205 0C25 150 385 200 205 350S25 550 205 700'/%3E%3Cpath stroke-width='2' d='M175 0C-5 150 355 200 175 350S-5 550 175 700'/%3E%3C/g%3E%3C/svg%3E") center top/100% 700px repeat-y}
.momente[data-style=classic][data-wave=filled] .m-gallery::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='700' viewBox='0 0 380 700'%3E%3Cpath fill='none' stroke='black' stroke-width='32' d='M190 0C10 150 370 200 190 350S10 550 190 700'/%3E%3C/svg%3E");opacity:.35}
.momente[data-style=classic] .m-gallery .m-photo{width:46%;margin:35px 0 70px;padding:12px;border:1px solid color-mix(in srgb,var(--m-accent) 25%,transparent);border-radius:22px;background:color-mix(in srgb,var(--m-tile) 78%,transparent);backdrop-filter:blur(18px);box-shadow:0 16px 40px color-mix(in srgb,var(--m-accent) 16%,transparent);transform:rotate(-2deg)}
.momente[data-style=classic] .m-gallery .m-photo:nth-of-type(even){margin-left:54%;transform:rotate(2deg)}
.momente[data-style=classic] .m-photo .m-open{border-radius:13px}
.momente[data-style=classic] .m-photo img{height:auto;aspect-ratio:4/3.4;object-fit:cover;max-height:none}
.momente[data-style=classic] .m-photo figcaption{padding:14px 6px 4px}.momente[data-style=classic] .m-message{padding:0 6px}
.momente[data-style=classic] .m-phase{position:relative;width:fit-content;max-width:100%;margin:20px auto;padding:8px 20px;border:1px solid color-mix(in srgb,var(--m-accent) 40%,transparent);background:var(--m-paper);border-radius:30px;font:500 14px system-ui,sans-serif}
.mp-preview[data-style=classic]{text-align:center;border-radius:20px;border:1px solid var(--m-accent);background:linear-gradient(160deg,var(--m-paper),var(--m-tile));box-shadow:0 10px 25px #c9a22720}.mp-preview[data-style=classic] strong{font-family:system-ui,sans-serif;font-weight:600}
.momente[data-style=classic] .m-gallery[data-view=album]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.momente[data-style=classic] .m-gallery[data-view=album]::before{display:none}
.momente[data-style=classic] .m-gallery[data-view=album] .m-photo{width:100%;margin:0;transform:none}
.momente[data-style=classic] .m-gallery[data-view=album] .m-phase{grid-column:1/-1}
@media(max-width:700px){.momente[data-style=classic] .m-hero{min-height:55vh}.momente[data-style=classic] .m-gallery .m-photo{width:84%;margin-bottom:45px}.momente[data-style=classic] .m-gallery .m-photo:nth-of-type(even){margin-left:14%}.momente[data-style=classic] .m-phase{font-size:12px}.momente[data-style=classic] .m-gallery{padding-inline:6px}}
@media(prefers-reduced-motion:no-preference){.momente[data-style=classic] .m-photo{transition:transform .3s,box-shadow .3s}.momente[data-style=classic] .m-photo:hover{transform:rotate(0);box-shadow:0 24px 50px color-mix(in srgb,var(--m-accent) 25%,transparent)}}
@media(max-width:700px){.momente[data-style=classic] .m-gallery[data-view=album]{grid-template-columns:1fr}}