.scroll-preview{--preview-ink:#4d563a;--preview-gold:#b7a373;width:100%;color:var(--preview-ink);background-color:#f5efe4;background-image:linear-gradient(#f5efe430,#f5efe430),url(/save-the-date/parchment-tile.webp);background-repeat:repeat;overflow-x:clip}.scroll-journey{box-sizing:border-box;width:100%;padding:0 clamp(0px,5vw,4rem)}.scroll-scene{isolation:isolate;aspect-ratio:2/3;background:#f5efe2;width:min(100%,1024px);max-width:100vw;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #6e634824,0 1rem 2.5rem #3a35250e}.scroll-scene__painting,.scroll-scene__wash{pointer-events:none;position:absolute;inset:0}.scroll-scene__painting{transform:none}.scroll-scene__art{object-fit:contain;object-position:center}.scroll-scene__foreground{z-index:2;opacity:.84;pointer-events:none;width:100%;height:26%;position:absolute;bottom:-6%;left:0}.scroll-scene__foreground img{object-fit:contain;object-position:center;will-change:transform}.scroll-scene__foreground--left{clip-path:inset(0 50% 0 0)}.scroll-scene__foreground--right{clip-path:inset(0 0 0 50%)}.scroll-scene__wash{background:linear-gradient(#faf7ed3d,#faf7ed00 54%,#2036373d)}.scroll-scene__intro,.scroll-scene__hint{z-index:3;text-align:center;position:absolute;left:50%}.scroll-scene__intro{opacity:1;will-change:opacity;flex-direction:column;align-items:center;width:min(92vw,74rem);display:flex;top:clamp(1.5rem,4svh,3.5rem);transform:translate(-50%)}.scroll-scene__crest{width:clamp(9rem,16svh,14rem);height:auto;margin-bottom:.2rem}.scroll-scene__eyebrow,.scroll-scene__intro-date,.scroll-scene__hint{font-family:var(--font-invitation-serif), Georgia, serif;text-transform:uppercase;letter-spacing:.24em}.scroll-scene__eyebrow{margin:0;font-size:clamp(.75rem,1.05vw,1.1rem)}.scroll-scene__intro h1{font-family:var(--font-invitation-script), cursive;white-space:nowrap;margin:.35rem 0 0;font-size:clamp(3.4rem,8.4vw,8.8rem);font-weight:400;line-height:.95}.scroll-scene__intro h1 .scroll-scene__amp{font-family:var(--font-invitation-serif), Georgia, serif;vertical-align:.13em;font-size:.47em;font-style:italic}.scroll-scene__rule{width:min(19rem,55vw);color:var(--preview-gold);align-items:center;gap:1rem;margin:1.5rem 0 .7rem;display:flex}.scroll-scene__rule:before,.scroll-scene__rule:after{content:"";background:currentColor;flex:1;height:1px}.scroll-scene__intro-date{margin:.25rem 0 0;font-size:clamp(.8rem,1.5vw,1.1rem)}.scroll-scene__intro-place{font-family:var(--font-invitation-serif), Georgia, serif;letter-spacing:.08em;margin:.5rem 0 0;font-size:clamp(1rem,2vw,1.6rem);font-style:italic}.scroll-scene__intro-link{border-bottom:1px solid var(--preview-gold);min-height:44px;font-family:var(--font-invitation-serif), Georgia, serif;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:.75rem;margin-top:.7rem;font-size:clamp(.7rem,1.2vw,.9rem);text-decoration:none;display:inline-flex}.scroll-scene__intro-link:focus-visible{outline:2px solid var(--preview-ink);outline-offset:4px}.scroll-preview__mobile-details{display:none}.scroll-scene__hint{opacity:1;will-change:opacity;flex-direction:column;align-items:center;gap:.5rem;font-size:.68rem;display:flex;bottom:1.3rem;transform:translate(-50%)}.scroll-scene__hint i{background:currentColor;width:1px;height:2.2rem}@media (min-width:1025px){.scroll-journey{padding:0}.scroll-scene{aspect-ratio:auto;width:100%;max-width:none;height:min(100svh,1100px);min-height:740px;box-shadow:none}.scroll-scene:before{z-index:0;content:"";background:url(/save-the-date/lake-como-desktop-panorama.webp) 50%/cover no-repeat;position:absolute;inset:0}.scroll-scene:after{z-index:1;aspect-ratio:3/2;content:"";pointer-events:none;background:url(/save-the-date/lake-como-boat-cutout.webp) 50%/contain no-repeat;width:clamp(320px,28vw,500px);position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.scroll-scene__painting{display:none}.scroll-scene__wash{z-index:1;background:linear-gradient(#faf7ed1f,#0000 65%,#1c32341f)}.scroll-scene__foreground{height:27%;bottom:-7%}.scroll-scene__hint{display:none}.scroll-scene__intro{top:clamp(1.4rem,3svh,3rem)}.scroll-scene__intro h1{font-size:clamp(5.8rem,7vw,8.8rem)}}@media (max-width:600px){.scroll-journey{padding:0}.scroll-scene__intro{top:1.5svh}.scroll-scene__crest{width:clamp(5.75rem,11svh,6.5rem)}.scroll-scene__eyebrow{letter-spacing:.17em;font-size:.7rem}.scroll-scene__intro h1{white-space:normal;font-size:clamp(3rem,13.5vw,4rem);line-height:.69}.scroll-scene__intro h1 .scroll-scene__name,.scroll-scene__intro h1 .scroll-scene__amp{display:block}.scroll-scene__intro h1 .scroll-scene__amp{vertical-align:baseline;margin:.2em 0;font-size:.34em}.scroll-scene__rule{margin:.4rem 0 .3rem}.scroll-scene__intro-date,.scroll-scene__intro-place,.scroll-scene__intro-link{display:none}.scroll-preview__mobile-details{text-align:center;flex-direction:column;align-items:center;gap:.55rem;padding:1.4rem 1rem 2rem;display:flex}.scroll-preview__mobile-details p{font-family:var(--font-invitation-serif), Georgia, serif;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.9rem}.scroll-preview__mobile-details>span{font-family:var(--font-invitation-serif), Georgia, serif;letter-spacing:.06em;font-size:1.3rem;font-style:italic}.scroll-preview__mobile-details a{border-bottom:1px solid var(--preview-gold);min-height:44px;font-family:var(--font-invitation-serif), Georgia, serif;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:.65rem;margin-top:.2rem;font-size:.7rem;text-decoration:none;display:inline-flex}}@media (prefers-reduced-motion:reduce){.scroll-scene__painting,.scroll-scene__foreground img{transform:none}.scroll-scene__intro{opacity:1}.scroll-scene__hint{display:none}.scroll-preview__card{animation:none}}