/* Frosted stationery: independent paper layers, live text and compositor motion. */
.stationery-card{--stationery-snow:color-mix(in srgb,var(--story-accent) 45%,white);--stationery-envelope-ink:#fffaf4}
.stationery-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.stationery-backdrop .front-bouquet{width:73%;height:61%;opacity:.82}.stationery-backdrop .front-bouquet-bl{left:-9%;bottom:-8%}.stationery-backdrop .front-bouquet-tr{right:-9%;top:-9%}.stationery-backdrop .front-geometry{opacity:.23}.stationery-backdrop .front-reading-veil{opacity:.95}
.cinematic-invitation.stationery-card .stationery-front .stationery-content{justify-content:center;padding:22px 10% 20px!important;gap:0}
.stationery-front .stationery-overline{font:400 8px/1.5 var(--font-ui);letter-spacing:.23em;margin:5px 0 0;opacity:.6}
.cinematic-invitation.stationery-card .stationery-front .stationery-content .front-kicker{font:500 10px/1.5 var(--font-display);letter-spacing:.19em}
.cinematic-invitation.stationery-card .stationery-front .stationery-content .front-names{font:400 clamp(23px,6cqw,30px)/1.12 var(--font-script);margin:13px 0 15px;max-width:100%;text-shadow:none}.cinematic-invitation.stationery-card .stationery-front .front-names>span{display:inline}.cinematic-invitation.stationery-card .stationery-front .front-names .amp{display:inline;margin:0 .18em;font-size:.65em}.cinematic-invitation.stationery-card .stationery-front .front-names.front-long-names{font-size:clamp(22px,6.8cqw,34px)}
.stationery-envelope{position:relative;display:block;width:min(100%,310px);aspect-ratio:1.65;margin:17px auto 0;padding:0;border:0;background:none;color:var(--stationery-envelope-ink);perspective:1100px;isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.stationery-envelope:focus-visible{outline:1px solid var(--story-accent);outline-offset:12px;border-radius:4px}.stationery-packet{position:absolute;inset:0;display:block;transform-style:flat;perspective:1100px;animation:stationery-float 8s ease-in-out infinite alternate}
.stationery-env-back{position:absolute;inset:0;border-radius:4px;background:linear-gradient(160deg,color-mix(in srgb,var(--stationery-envelope) 80%,white),var(--stationery-envelope));box-shadow:0 15px 28px #0000001c,0 2px 5px #00000015,inset 0 1px 0 #ffffff3d}
.stationery-letter{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;inset:8% 7% 3%;z-index:2;padding:15px 12px;background:linear-gradient(145deg,#fffdf8,color-mix(in srgb,var(--story-paper) 8%,#fffdf8));color:var(--stationery-letter-ink,var(--story-ink));border:1px solid color-mix(in srgb,var(--story-accent) 42%,white);box-shadow:0 2px 6px #00000017;border-radius:2px;text-align:center;transform:translate3d(0,0,0)}
.stationery-letter:after{content:"";position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--story-accent) 19%,transparent);pointer-events:none}.stationery-letter-heading{display:block;font:400 7px/1.5 var(--font-ui);letter-spacing:.19em}.stationery-letter-names{display:block;font:400 25px/1.1 var(--font-script);max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.stationery-letter-names i{font-size:.7em;font-style:normal}.stationery-letter-rule{width:46px;height:1px;background:var(--story-accent);opacity:.6}.stationery-letter-note{font:italic 10px/1.4 var(--font-body)}
.stationery-pocket{position:absolute;inset:0;display:block;overflow:hidden;z-index:3;border-radius:3px;background:linear-gradient(153deg,color-mix(in srgb,var(--stationery-envelope) 87%,white),var(--stationery-envelope) 50%,color-mix(in srgb,var(--stationery-envelope) 85%,black));box-shadow:inset 0 -1px 0 #0000001a}
.stationery-pocket:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(32deg,transparent 49.6%,#ffffff23 50%,transparent 50.4%),linear-gradient(-32deg,transparent 49.6%,#00000013 50%,transparent 50.4%);pointer-events:none}.stationery-pocket img{position:absolute;bottom:-9%;left:-3%;width:53%;height:116%;object-fit:contain;object-position:left bottom;opacity:.9}.stationery-lace{position:absolute;inset:0;width:100%;height:100%;opacity:.4}
.stationery-flap{position:absolute;inset:0 0 auto;height:63%;z-index:5;display:block;overflow:hidden;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0%;backface-visibility:visible;background:linear-gradient(150deg,color-mix(in srgb,var(--stationery-envelope) 74%,white),color-mix(in srgb,var(--stationery-envelope) 92%,black));transform:rotateX(0deg)}
.stationery-flap:after{content:"";position:absolute;inset:0;background:linear-gradient(32deg,transparent 49.5%,#ffffff45 50%,transparent 50.5%),linear-gradient(-32deg,transparent 49.5%,#ffffff2b 50%,transparent 50.5%)}.stationery-flap img{position:absolute;top:-110%;right:-5%;width:58%;height:250%;rotate:180deg;object-fit:contain;opacity:.28}
.stationery-seal{position:absolute;left:calc(50% - 26px);top:calc(55% - 26px);width:52px;height:52px;display:grid;place-items:center;border-radius:48% 52% 46% 54%;z-index:6;color:color-mix(in srgb,var(--stationery-envelope) 75%,black);background:radial-gradient(circle at 32% 24%,#f8eed5,color-mix(in srgb,var(--story-accent) 60%,#c6b38e) 58%,#9b8c72);box-shadow:0 4px 8px #0000002a,inset 0 1px 1px #ffffff80;transition:scale .4s ease}
.stationery-seal svg{position:absolute;inset:0;width:100%;height:100%;stroke:currentColor;stroke-width:.7;opacity:.7}.stationery-seal>span{font:400 15px/1 var(--font-script);letter-spacing:-.04em;max-width:40px}.stationery-tap{display:block;margin:13px 0 12px;font:400 8px/1.5 var(--font-ui);letter-spacing:.1em;opacity:.6}
.stationery-front .front-calendar{font-size:9px;max-width:245px}.stationery-front .front-month{font-size:10px;letter-spacing:.14em}.stationery-front .front-number{font-size:32px}.stationery-front .front-date-row{grid-template-columns:1fr 44px 1fr}.stationery-front .front-year{font-size:12px}.stationery-front .front-hijri{font-size:8px;margin-top:4px}.stationery-front .front-location{font-size:8px;line-height:1.5;margin-top:9px;max-width:260px}.stationery-front .front-location strong{font-size:9px}.cinematic-invitation.stationery-card .stationery-front .front-open{min-height:36px;font:500 10px/1.3 var(--font-ui);letter-spacing:.09em;max-width:230px;margin-top:12px!important;border-radius:3px;background:var(--story-action);border-color:var(--story-action);color:var(--story-action-ink)}.stationery-front .front-skip{font-size:8px;margin-top:9px}
.stationery-front.is-opening .stationery-packet,.stationery-front.cinema-css-opening .stationery-packet{animation-play-state:paused}.stationery-front.is-opening .stationery-envelope{pointer-events:none}
.stationery-front.cinema-css-opening .stationery-flap{animation:stationery-flap-open .8s .18s ease-in-out both}.stationery-front.cinema-css-opening .stationery-seal{animation:stationery-seal-away .28s ease-out both}.stationery-front.cinema-css-opening .stationery-letter{animation:stationery-letter-rise 1.05s .55s cubic-bezier(.22,1,.36,1) both}.stationery-front.cinema-css-opening .stationery-content{animation:stationery-exit .4s 1.65s ease-in-out both}
.stationery-winter{position:absolute;inset:0;overflow:hidden;pointer-events:none}.stationery-horizon{position:absolute;left:0;bottom:-1px;width:100%;height:45%;color:var(--story-accent);translate:var(--ambient-x,0px) var(--ambient-y,0px);transition:translate .9s ease-out}.stationery-snow{position:absolute;inset:0;overflow:hidden}.stationery-snow i{position:absolute;left:var(--snow-x);top:-18px;width:var(--snow-size);height:100%;opacity:0;animation:stationery-snowfall var(--snow-time) var(--snow-delay) linear infinite;animation-play-state:paused}
.premium-edition-three .cinema-visible .stationery-snow i{animation-play-state:running}.premium-edition-three .story-petal{border-radius:50%;background:var(--stationery-snow);width:3px;height:3px}.premium-edition-three .premium-foil{opacity:.13}.premium-edition-three .premium-scene-lines{opacity:.3}.premium-edition-three .story-bouquet{opacity:.87}.premium-edition-three .story-reading-veil{opacity:.95}.premium-edition-three .hero .names{font-weight:400;line-height:1.12}
.premium-edition-three .rsvp-paper{border-radius:5px;background:linear-gradient(150deg,color-mix(in srgb,var(--story-paper) 95%,white),var(--story-paper));box-shadow:0 9px 32px #0000000c;outline:1px solid color-mix(in srgb,var(--story-accent) 17%,transparent);outline-offset:7px}.premium-edition-three .live-date .count>div{border-radius:5px;background:linear-gradient(150deg,color-mix(in srgb,var(--story-paper) 90%,white),color-mix(in srgb,var(--story-paper) 87%,var(--story-wash)))}.premium-edition-three .nikahi-signature{border-radius:4px;background:color-mix(in srgb,var(--story-paper) 90%,transparent)}.premium-edition-three .frame{padding:8px;box-shadow:0 13px 30px #0000000d}
.stationery-card .guest-sheet{border-color:var(--line)}.guest-sheet-open .stationery-winter *,.animation-paused .stationery-winter *,.animation-paused .stationery-packet{animation-play-state:paused!important}
@keyframes stationery-float{from{transform:translate3d(0,1px,0) rotate(-.3deg)}to{transform:translate3d(0,-4px,0) rotate(.3deg)}}
@keyframes stationery-snowfall{0%{opacity:0;transform:translate3d(0,-16px,0)}10%{opacity:.75}85%{opacity:.6}100%{opacity:0;transform:translate3d(-23px,calc(100% + 34px),0)}}
@keyframes stationery-flap-open{0%{transform:rotateX(0deg);z-index:5}62%{z-index:5}63%,100%{z-index:1}100%{transform:rotateX(165deg)}}
@keyframes stationery-seal-away{to{opacity:0;transform:scale(.78)}}@keyframes stationery-letter-rise{to{transform:translate3d(0,-78%,0)}}@keyframes stationery-exit{to{opacity:0;transform:translate3d(0,-7px,0)}}
@container(max-height:650px){.cinematic-invitation.stationery-card .stationery-front .stationery-content{padding-top:16px!important;padding-bottom:16px!important}.stationery-envelope{width:min(86%,250px);margin-top:6px}.cinematic-invitation.stationery-card .stationery-front .stationery-content .front-names{font-size:clamp(25px,7cqw,34px);margin:8px 0 10px}.stationery-front .stationery-tap{margin:8px 0}.stationery-front .front-location>span,.stationery-front .front-hijri{display:none}.stationery-front .front-location{margin-top:5px}.stationery-front .front-calendar{font-size:8px}.stationery-front .front-number{font-size:27px}}
@container(max-height:520px){.stationery-envelope{width:min(70%,205px)}.stationery-front .stationery-overline{display:none}.cinematic-invitation.stationery-card .stationery-front .stationery-content .front-names{font-size:25px;margin:5px 0 6px}.stationery-front .front-calendar{font-size:8px}.stationery-front .front-year{font-size:10px}.stationery-front .front-month{font-size:8px}.stationery-front .front-skip{margin-top:6px}.stationery-front .stationery-tap{margin:6px 0}.cinematic-invitation.stationery-card .stationery-front .front-open{min-height:32px;margin-top:7px!important}.stationery-front .front-location{display:none}}
@media(prefers-reduced-motion:reduce){.stationery-packet,.stationery-snow i,.stationery-front.cinema-css-opening *{animation:none!important}.stationery-snow{display:none}.stationery-horizon{translate:none;transition:none}.stationery-seal{transition:none}}

.stationery-snow i:after{content:"";position:absolute;top:0;left:0;width:var(--snow-size);height:var(--snow-size);border-radius:50%;background:var(--stationery-snow)}
.stationery-envelope,.stationery-flap,.stationery-letter,.stationery-seal{will-change:transform,opacity}

/* Physical paper opening for every frosted stationery design (PR051-060). */
.stationery-flap{overflow:visible;clip-path:none;background:none;transform-style:preserve-3d;backface-visibility:visible;filter:none}
.stationery-flap:after{display:none}.stationery-flap-front,.stationery-flap-back{position:absolute;inset:0;display:block;clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden}
.stationery-flap-front{background:linear-gradient(155deg,color-mix(in srgb,var(--stationery-envelope) 73%,white),var(--stationery-envelope));box-shadow:inset 0 1px 1px #ffffff60}
.stationery-flap-back{transform:rotateX(180deg);background:linear-gradient(180deg,color-mix(in srgb,var(--stationery-envelope) 72%,white),color-mix(in srgb,var(--stationery-envelope) 90%,black));border-top:1px solid #ffffff40}
.stationery-pocket{clip-path:polygon(0 0,50% 57%,100% 0,100% 100%,0 100%);transform-origin:50% 100%;backface-visibility:hidden}
.stationery-env-back:after{content:"";position:absolute;inset:3px;border-radius:3px;background:linear-gradient(180deg,#00000036,transparent 48%);pointer-events:none}
.stationery-letter{background:linear-gradient(115deg,#fffdf8,#f7f1e6 50%,#fffdf8);color:#514738;isolation:isolate;box-shadow:0 4px 9px #00000025,inset 0 1px 0 #fff}
.stationery-letter:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(20deg,transparent 0 3px,#b79d6c08 3px 4px);pointer-events:none}
.stationery-letter-flowers{position:absolute;inset:auto auto 0 0;width:50%;height:90%;object-fit:contain;object-position:left bottom;opacity:.35;pointer-events:none;z-index:-1}
.stationery-letter-heading,.stationery-letter-names,.stationery-letter-rule,.stationery-letter-note{position:relative;z-index:1}
.stationery-letter-heading{letter-spacing:.18em}.stationery-letter-names{font-family:"Pinyon Script",cursive;font-size:27px;line-height:1.12}
.stationery-seal{width:62px;height:62px;left:calc(50% - 31px);top:calc(57% - 31px);background:none;border-radius:50%;box-shadow:none;isolation:isolate;filter:drop-shadow(1px 5px 4px #00000040);transition:none}
/* Keep the relief and initials on separate opaque faces: botanical embossing
   must never show through the monogram or compete with duplicate SVG rings. */
.stationery-wax-relief{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:contain;pointer-events:none}
.stationery-seal>.stationery-wax-monogram{position:absolute;inset:9%;display:grid;place-items:center;z-index:1;min-width:0;max-width:none;padding:0;border-radius:50%;background:radial-gradient(ellipse at 32% 22%,#eee5d1 0%,#d6cbb4 65%,#c4b89e 100%);box-shadow:inset 0 1px 1px #fff8,inset 0 -1px 2px #7c6c4a55;color:#66583e;font:500 15px/1 var(--font-display);letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 0 #fff7;pointer-events:none}
.stationery-front.paper-opening .stationery-packet{animation:none;transform:none}
.stationery-front.paper-opening .stationery-envelope{opacity:1;pointer-events:none;cursor:default;overflow:visible}
.stationery-front.paper-opening .stationery-envelope,.stationery-front.paper-opening .stationery-letter,.stationery-front.paper-opening .stationery-flap{will-change:transform}
.stationery-front.paper-opening .stationery-content{animation:none}
.stationery-front.paper-opening #skip-intro{position:relative;z-index:12;opacity:1;pointer-events:auto}
.stationery-front.paper-opening .cover-inner{overflow:visible}
body:has(.paper-opening) .hero>.cinema-item{opacity:1!important;transform:none!important;animation:none!important}
/* A matching CSS-only sequence if the motion enhancement is unavailable. */
.stationery-front.cinema-css-opening .stationery-content{animation:none}
.stationery-front.cinema-css-opening .stationery-content>:not(.stationery-envelope):not(#skip-intro){animation:stationery-copy-away .45s .15s both}
.stationery-front.cinema-css-opening .stationery-seal{animation:stationery-wax-lift .75s both}
.stationery-front.cinema-css-opening .stationery-flap{animation:stationery-paper-hinge 1.25s .65s ease-in-out both,stationery-paper-back 0s 1.26s forwards}
.stationery-front.cinema-css-opening .stationery-letter{animation:stationery-sheet-extract 2.15s 1.55s cubic-bezier(.45,0,.2,1) both}
.stationery-front.cinema-css-opening .stationery-envelope{animation:stationery-packet-lower 1.5s 1.55s ease-in-out both}
.stationery-front.cinema-css-opening{animation:stationery-reveal-card .75s 3.75s both}
@keyframes stationery-wax-lift{0%{transform:none;opacity:1}30%{transform:scale(.96);opacity:1}100%{transform:translate3d(0,20px,0) rotate(9deg);opacity:0}}
@keyframes stationery-paper-hinge{to{transform:rotateX(178deg)}}@keyframes stationery-paper-back{to{z-index:1}}
@keyframes stationery-sheet-extract{0%{transform:none}70%{transform:translate3d(0,-92%,0) rotate(-1.5deg)}100%{transform:translate3d(0,-92%,0) scale(1.14);z-index:7}}
@keyframes stationery-packet-lower{to{transform:translate3d(0,55px,0)}}@keyframes stationery-copy-away{to{opacity:0;transform:translateY(-8px)}}@keyframes stationery-reveal-card{to{opacity:0}}
@media(prefers-reduced-motion:reduce){.stationery-front.paper-opening *,.stationery-front.cinema-css-opening,.stationery-front.cinema-css-opening *{animation:none!important;transition:none!important}}
.stationery-flap-back{clip-path:polygon(0 100%,100% 100%,50% 0);border-top:0;border-bottom:1px solid #ffffff40}.stationery-front.paper-opening .stationery-content>:not(.stationery-envelope):not(#skip-intro){animation:none!important}.stationery-front.cinema-css-opening .stationery-packet{animation:none;transform:none}
.cinematic-invitation .cover.paper-opening{transition:none}