body.revealing{overflow:hidden}#invitation>header{position:absolute;z-index:3;top:0;left:0;right:0;background:transparent;border:0;padding:18px 5%}#invitation>header nav{display:none}#invitation>header .monogram{font-size:19px;opacity:.65}.curtain-stage{position:relative;min-height:850px;height:100svh;background:#f6efdf url('curtain-garden.png') center/100% 100% no-repeat;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;text-align:center;isolation:isolate}.stage-copy{padding-top:20vh;position:relative;z-index:1;width:min(650px,74%);opacity:0;transform:translateY(8px);transition:opacity 1.6s ease .6s,transform 1.6s ease .6s}.curtains-open .stage-copy{opacity:1;transform:none}.stage-flourish{font-size:28px;color:#99814f;display:block;margin-bottom:18px}.stage-copy .eyebrow{font-size:8px;letter-spacing:2px;line-height:1.8}.stage-invite{font:italic 17px/1.5 'Cormorant Garamond',Georgia,serif;margin:18px 0;color:#8c7757}.stage-copy h1{font-size:clamp(38px,4.7vw,68px);line-height:1.08;margin:20px 0 14px;color:#806945}.stage-copy h1 i{display:block;font-size:.6em;margin:8px;color:#a98a54}.stage-rule{font-size:17px;color:#b49a66;display:flex;align-items:center;justify-content:center;gap:15px;max-width:170px;margin:15px auto}.stage-rule:before,.stage-rule:after{content:'';height:1px;width:60px;background:#cdbb98}.stage-date{font-size:10px;letter-spacing:2px;margin:16px 0 3px}.stage-city{font:italic 18px 'Cormorant Garamond',Georgia,serif;margin-bottom:16px}.stage-scroll{font-size:9px;letter-spacing:1px;display:inline-flex;align-items:center;gap:15px;padding:10px;border-bottom:1px solid #bba57b80}.stage-scroll span{font-size:16px}.curtain-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.silk-curtain{position:absolute;top:0;bottom:-2%;width:50.5%;background:repeating-linear-gradient(90deg,#bda883 0%,#e4d5b9 3%,#faf1dc 6%,#e5d5b8 10%,#cab794 13%,#f7edd6 17%,#dfcdae 21%,#bda783 24%);box-shadow:inset 0 0 35px #8c6c3430,0 7px 25px #72532f35;transition:transform 2.8s cubic-bezier(.3,.02,.2,1),clip-path 2.8s cubic-bezier(.3,.02,.2,1);will-change:transform;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.silk-curtain:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fff8e025,transparent 35%,#a78a551c);border-bottom:8px double #bba273}.silk-left{left:0;transform-origin:top left;border-right:5px double #ac8a50;border-radius:0 0 8% 0}.silk-right{right:0;transform-origin:top right;border-left:5px double #ac8a50;border-radius:0 0 0 8%;background-position:10px 0}.curtains-open .silk-left{transform:translateX(-102%) skewY(-5deg)}.curtains-open .silk-right{transform:translateX(102%) skewY(5deg)}.stage-love{position:absolute;bottom:22px;right:24px;z-index:1;border:1px solid #bca77d80;border-radius:50%;width:35px;height:35px;background:#fff9ecb0;color:#927b52;font-size:21px}@media(min-width:800px){.curtain-stage{background-size:auto 100%;background-color:#f5efdf}.curtain-stage:after{content:'';position:absolute;inset:0;z-index:0;box-shadow:inset 100px 0 100px #f5efdf,inset -100px 0 100px #f5efdf;pointer-events:none}.stage-copy{padding-top:19vh}.silk-curtain{background-size:180px 100%}}@media(max-width:650px){.curtain-stage{min-height:720px;height:100svh;background-size:100% 100%}.stage-copy{padding-top:22vh;width:75%}.stage-copy h1{font-size:39px;line-height:1.12}.stage-copy .eyebrow{font-size:6px;letter-spacing:1.5px}.stage-invite{font-size:15px;margin:14px 0}.stage-flourish{font-size:22px;margin-bottom:12px}.stage-date{font-size:8px}.stage-city{font-size:17px}.stage-scroll{font-size:8px}.stage-love{bottom:15px;right:15px}#invitation>header{padding:16px 18px}.silk-curtain{background-size:120px 100%}}@media(max-height:750px){.stage-copy{padding-top:19vh}.stage-copy h1{font-size:36px}.stage-invite{margin:10px 0}.stage-flourish{margin-bottom:8px}.stage-rule{margin:10px auto}.stage-city{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.silk-curtain,.stage-copy{transition:none!important}.curtain-stage .stage-copy{opacity:1;transform:none}}

/* Animate the curtain artwork itself; the final frame aligns with the scene. */
.curtain-stage{background-size:100% 100%}
.curtain-stage:after{display:none}
.silk-curtain{inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;background:transparent url('curtain-garden.png') center/100% 100% no-repeat;transition:transform 3.2s cubic-bezier(.25,.05,.2,1);will-change:transform}
.silk-curtain:before{display:none}
.silk-left{transform-origin:0 0;clip-path:polygon(0 0,19% 0,15% 8%,10% 18%,6% 27%,5% 33%,8% 43%,9% 52%,8% 63%,0 69%);transform:scale(11,1.55)}
.silk-right{transform-origin:100% 0;clip-path:polygon(100% 0,81% 0,85% 8%,90% 18%,94% 27%,95% 33%,92% 43%,91% 52%,92% 63%,100% 69%);transform:scale(11,1.55)}
.curtains-open .silk-left,.curtains-open .silk-right{transform:scale(1,1)}
.stage-copy{transition:opacity 1.6s ease 1.1s,transform 1.6s ease 1.1s}
@media(prefers-reduced-motion:reduce){.silk-curtain{transform:scale(1,1)}}

.curtain-stage{background-image:url('garden-base.png')}
.cloth-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.curtain-valance{position:absolute;inset:0 0 auto;height:18%;background:url('curtain-garden.png') center top/100% 556% no-repeat;z-index:3;pointer-events:none;mask-image:linear-gradient(#000 85%,transparent)}
.stage-copy{transition:opacity 1.8s ease 1.6s,transform 1.8s ease 1.6s}

/* Layer 1: foreground florals. Layer 2 is intentionally absent. Layer 3: copy. */
.floral-foreground{position:absolute;inset:0;z-index:3;pointer-events:none;background:url('garden-base.png') center/100% 100% no-repeat;mask-image:linear-gradient(transparent 39%,#000 48%);-webkit-mask-image:linear-gradient(transparent 39%,#000 48%)}
.stage-copy{z-index:1;padding-top:12vh;transition:opacity .8s ease,transform .8s ease}
.stage-love{z-index:4}
@media(max-width:650px){.stage-copy{padding-top:12vh}.stage-copy h1{font-size:38px}.stage-invite{margin:12px 0}.stage-rule{margin:12px auto}.stage-city{margin-bottom:8px}}
.floral-foreground{mask-image:none;-webkit-mask-image:none;clip-path:polygon(0 38%,18% 43%,25% 62%,40% 78%,60% 78%,75% 62%,82% 43%,100% 38%,100% 100%,0 100%)}


.stage-copy h1{font-family:'Great Vibes',cursive;font-weight:400;font-size:clamp(46px,5.3vw,76px);line-height:1.35;letter-spacing:0}.stage-copy h1 i{font-family:'Cormorant Garamond',Georgia,serif;font-size:.48em;line-height:1;margin:4px 0}@media(max-width:650px){.stage-copy h1{font-size:46px;line-height:1.35}}

.stage-copy h1 .capital-a{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.05em;letter-spacing:-.07em}.stage-flourish{font-family:Georgia,serif;font-size:22px}

/* Original illustrated drapes: layer 2, between foreground florals and copy. */
.original-curtains{position:absolute;inset:0;z-index:2;pointer-events:none}
.curtain-upper,.curtain-tail{position:absolute;inset:0;background:url('curtain-garden.png') center/100% 100% no-repeat}
.curtain-upper{clip-path:polygon(0 0,100% 0,100% 33%,94% 33%,93% 27%,88% 20%,82% 13%,73% 9%,60% 11%,50% 12%,40% 11%,27% 9%,18% 13%,12% 20%,7% 27%,6% 33%,0 33%)}
.curtain-tail{transform-origin:0 30%;will-change:transform}
.tail-left{clip-path:polygon(0 30%,6% 30%,7% 34%,8% 39%,10% 46%,11% 54%,9% 61%,0 65%);animation:ivory-tail-left 7s ease-in-out infinite}
.tail-right{clip-path:polygon(100% 30%,94% 30%,93% 34%,92% 39%,90% 46%,89% 54%,91% 61%,100% 65%);transform-origin:100% 30%;animation:ivory-tail-right 8s ease-in-out infinite}
@keyframes ivory-tail-left{0%,100%{transform:skewX(0deg)}50%{transform:skewX(.55deg)}}
@keyframes ivory-tail-right{0%,100%{transform:skewX(0deg)}50%{transform:skewX(-.55deg)}}
@media(prefers-reduced-motion:reduce){.curtain-tail{animation:none;will-change:auto}}
.floral-foreground{clip-path:polygon(0 51%,12% 53%,22% 64%,40% 78%,60% 78%,78% 64%,88% 53%,100% 51%,100% 100%,0 100%)}

/* Keep the original illustration registered across all three visual layers. */
.curtain-stage{background-image:url('curtain-garden.png');background-size:100% 100%}
.floral-foreground{background-image:url('curtain-garden.png')}
.curtain-tail{animation:none;transform:none;will-change:auto}

.curtain-stage{background-image:url("garden-base.png")}
.layer-two-cloth{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.floral-foreground{background-image:url("garden-base.png");mask-image:linear-gradient(transparent 48%,#000 57%);-webkit-mask-image:linear-gradient(transparent 48%,#000 57%)}

.fountain-water{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.stage-love{z-index:5}

.stage-copy{padding-top:19vh}@media(max-width:650px){.stage-copy{padding-top:19vh}}

/* Page 3: a continuous ivory transition with the page 2 corner treatment. */
.note{position:relative;background:linear-gradient(180deg,#faf6ed 0%,#f5efe3 50%,#eee5d4 100%)}
.note:before,.note:after{content:'';position:absolute;display:block;width:24px;height:24px;margin:0;color:#cdbb9870;pointer-events:none;transform:none}
.note:before{top:16px;left:16px;border-left:1px solid;border-top:1px solid}
.note:after{bottom:16px;right:16px;border-right:1px solid;border-bottom:1px solid}

#note:before,#note:after{content:none!important;display:none!important}#note{position:relative;background:linear-gradient(180deg,#faf6ed,#f5efe3 50%,#eee5d4)}#note .note-corner{position:absolute;width:32px;height:32px;border-color:#b8a17a;border-style:solid;pointer-events:none;display:block}#note .corner-top{top:20px;left:20px;border-width:1px 0 0 1px}#note .corner-bottom{bottom:20px;right:20px;border-width:0 1px 1px 0}

#family-headcount[hidden]{display:none!important}#family-headcount{padding:18px 0 23px;border-top:1px solid #cdbb9870}#family-headcount label{display:block;line-height:1.6;max-width:340px}#family-headcount small{display:block;font-size:10px;color:#96815e;margin:5px 0 13px}#family-guests{width:100%;padding:13px 12px;border:1px solid #c6b28e;background:#faf6ed;color:#655135;font:13px "DM Sans",sans-serif;border-radius:0}

.stage-copy h1 .groom-art{display:block;width:3.7em;height:1.35em;margin:0 auto;position:relative}.groom-art img{display:block;width:100%;height:100%;object-fit:contain}

.stage-copy{padding-top:22vh}.ik-onkar{font-family:"Noto Sans Gurmukhi",sans-serif;font-size:35px;font-weight:400;line-height:1.2;color:#9b8150;margin:0 auto 17px}.stage-invite{margin-top:0}@media(max-width:650px){.stage-copy{padding-top:22vh}.ik-onkar{font-size:30px;margin-bottom:15px}}

footer .footer-laurel{width:58px;height:72px;margin:0 auto 15px}footer .footer-laurel img{display:block;width:100%;height:100%;object-fit:contain;opacity:.5;background:transparent;border:0;filter:none}