/* Tactile horizontal stationery; separate faces retain the physical opening. */
.stationery-card{--stationery-foil:#ead4a2;--stationery-foil-light:#fff4d4;--stationery-foil-dark:#927140}
.stationery-card .stationery-backdrop .front-geometry{display:none}
.stationery-card .stationery-backdrop .front-bouquet{width:77%;height:66%;opacity:1}
.stationery-card .stationery-backdrop .front-bouquet-bl{left:-10%;bottom:-8%}
.stationery-card .stationery-backdrop .front-bouquet-tr{right:-10%;top:-8%}
/* Mirrored layouts anchor to the opposite corners; reset both horizontal
   insets so the base corner offsets cannot pull their flowers into the text. */
.stationery-card .stationery-backdrop .front-layout-tlbr .front-bouquet-bl{left:auto;right:-10%}
.stationery-card .stationery-backdrop .front-layout-tlbr .front-bouquet-tr{left:-17%;right:auto}
.stationery-card .stationery-backdrop .front-reading-veil{opacity:.28}
.stationery-card .stationery-backdrop .material-art{z-index:0}
.stationery-card .stationery-backdrop .material-frame{opacity:1}
.stationery-card .stationery-backdrop .material-paper-grain{opacity:.28}
.stationery-card .stationery-backdrop .front-paper:after{opacity:.2}
.stationery-front:not(.paper-opening):not(.cinema-css-opening) .material-silk,.stationery-front:not(.paper-opening):not(.cinema-css-opening) .material-glint{animation-play-state:running}
.cinematic-invitation.stationery-card .stationery-front .stationery-content{padding:24px 8% 23px!important;justify-content:center}
.stationery-star{position:absolute;top:clamp(26px,calc(50% - 340px),140px);left:calc(50% - 12px);display:block;width:24px;height:24px;color:var(--material-metal);stroke-width:.85;pointer-events:none}
.cinematic-invitation.stationery-card .stationery-front .stationery-content .front-kicker{font:500 12px/1.5 var(--font-display,Georgia,serif);letter-spacing:.25em;color:var(--story-ink)}
.stationery-card .stationery-front .stationery-overline{font:400 9px/1.5 var(--font-display,Georgia,serif);letter-spacing:.23em;margin-top:4px;opacity:.85;color:var(--story-ink)}
.stationery-divider{position:relative;display:block;flex:none;width:128px;height:1px;margin:11px auto;background:linear-gradient(90deg,transparent,var(--material-metal) 35% 65%,transparent)}
.stationery-divider:after{content:"";position:absolute;left:calc(50% - 3px);top:-3px;width:6px;height:6px;rotate:45deg;border:1px solid var(--material-metal);background:var(--story-paper);box-shadow:0 0 0 3px var(--story-paper)}
.cinematic-invitation.stationery-card .stationery-front .stationery-content .front-names{font:500 clamp(24px,6.25cqw,30px)/1.12 var(--font-display,Georgia,serif);margin:0;max-width:100%;color:var(--story-ink);text-shadow:0 1px 0 var(--material-light);letter-spacing:-.025em}
.cinematic-invitation.stationery-card .stationery-front .stationery-content .front-names.front-long-names{font-size:clamp(22px,6.1cqw,29px)}
.cinematic-invitation.stationery-card .stationery-front .front-names .amp{font-family:var(--font-script,Georgia,serif);font-size:1.05em;font-style:italic;color:color-mix(in srgb,var(--story-ink) 60%,var(--story-accent));margin:0 .14em}
.stationery-card .stationery-envelope{width:min(100%,320px);aspect-ratio:1.65;margin:8px auto 0}
.stationery-card .stationery-packet{animation:none;transform:none;isolation:isolate}
.stationery-card .stationery-env-back{border-radius:7px;background:linear-gradient(142deg,color-mix(in srgb,var(--stationery-envelope) 65%,white),var(--stationery-envelope) 35%,color-mix(in srgb,var(--stationery-envelope) 78%,black));box-shadow:0 18px 23px #00000025,0 5px 8px #0000001a,0 1px 2px #00000029,inset 0 1px 0 #fff1cd;isolation:isolate}
.stationery-card .stationery-env-back:after{inset:1px;background:linear-gradient(180deg,#ffffff35,transparent 35%,#00000016);border:1px solid #f4dfae9c;border-radius:6px}
.stationery-paper-surface{position:absolute;inset:0;display:block;pointer-events:none;background:url('/materials/cotton-envelope-grey.webp') center/400px auto;mix-blend-mode:soft-light;opacity:.82}
.stationery-card .stationery-pocket{inset:1px;border-radius:5px;isolation:isolate;background:linear-gradient(150deg,color-mix(in srgb,var(--stationery-envelope) 85%,white),var(--stationery-envelope) 42%,color-mix(in srgb,var(--stationery-envelope) 78%,black));box-shadow:inset 0 -2px 2px #00000024,inset 1px 0 1px #ffffff65}
.stationery-card .stationery-pocket:before{display:none}
.stationery-card .stationery-pocket>img{width:60%;height:122%;left:-4%;bottom:-8%;opacity:1;z-index:2}
.stationery-fold-seams,.stationery-flap-edge{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.stationery-card .stationery-lace{inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);z-index:3;opacity:.72;stroke:#f4e3c7;stroke-width:.55}
.stationery-card .stationery-flap{inset:1px 1px auto;height:63%;background:none;transform-style:preserve-3d}
.stationery-card .stationery-flap-front{isolation:isolate;background:linear-gradient(148deg,color-mix(in srgb,var(--stationery-envelope) 73%,white),var(--stationery-envelope) 48%,color-mix(in srgb,var(--stationery-envelope) 82%,black));box-shadow:inset 0 1px 0 #fff4dc}
.stationery-card .stationery-flap-back{isolation:isolate;background:linear-gradient(140deg,color-mix(in srgb,var(--stationery-envelope) 72%,white),color-mix(in srgb,var(--stationery-envelope) 90%,black));border-bottom:1px solid #ecdbb1a1}
.stationery-card .stationery-flap-front:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(128deg,#ffffff1a,transparent 36%,#ffffff0c 56%,transparent 69%)}
.stationery-card .stationery-front .stationery-seal{width:84px;height:84px;left:calc(50% - 42px);top:calc(57% - 42px);border:0;background:none;box-shadow:none;filter:drop-shadow(0 4px 3px #24160560);border-radius:0;transition:none;isolation:isolate}
.stationery-card .stationery-seal>.stationery-wax-photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}
.stationery-card .stationery-seal>.stationery-wax-initials{position:absolute;inset:0;display:grid;place-items:center;max-width:none;width:100%;padding-bottom:2px;font:500 14px/1 Georgia,serif;letter-spacing:.01em;color:#3c2b12;text-shadow:0 1px 0 #fff1c382;white-space:nowrap;pointer-events:none}
.stationery-card .stationery-tap{margin:12px auto 10px;font:italic 11px/1.4 var(--font-display,Georgia,serif);letter-spacing:.06em;color:var(--story-ink);opacity:.9}
.stationery-card .stationery-front .front-calendar{max-width:280px;font:500 11px/1.4 var(--font-display,Georgia,serif);color:var(--story-ink)}
.stationery-card .stationery-front .front-month{font-size:13px;letter-spacing:.2em;margin-bottom:3px}
.stationery-card .stationery-front .front-date-row{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:10px}
.stationery-card .stationery-front .front-date-row .front-day,.stationery-card .stationery-front .front-date-row .front-time{font-size:10px;letter-spacing:.02em;padding:5px 1px}
.stationery-card .stationery-front .front-number{font:500 40px/1.05 var(--font-display,Georgia,serif)}
.stationery-card .stationery-front .front-year{font-size:16px;letter-spacing:.17em;margin-top:2px}
.stationery-card .stationery-front .front-hijri{display:block;font-size:9px;letter-spacing:.12em;margin-top:5px;opacity:1}
.stationery-card .stationery-front .front-location{display:block;margin-top:13px;font:400 11px/1.45 var(--font-display,Georgia,serif);max-width:330px;color:var(--story-ink)}
.stationery-card .stationery-front .front-location strong{font-size:13px;letter-spacing:.12em;font-weight:600}
.stationery-card .stationery-front .front-location>span{display:block;margin-top:4px;font-size:10.5px;letter-spacing:.015em;opacity:1}
.cinematic-invitation.stationery-card .stationery-front .front-open{width:min(280px,95%);max-width:280px;min-height:44px;margin-top:16px!important;border:1px solid var(--stationery-foil);border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--stationery-envelope) 80%,white),color-mix(in srgb,var(--stationery-envelope) 70%,black) 55%,color-mix(in srgb,var(--stationery-envelope) 55%,black));color:#fff8e5;font:500 13px/1.3 var(--font-display,Georgia,serif);letter-spacing:.12em;box-shadow:inset 0 1px 0 #ffffff65,inset 0 -1px 1px #00000020,0 5px 12px #00000025,0 0 0 2px color-mix(in srgb,var(--story-paper) 70%,var(--stationery-foil));gap:13px}
.stationery-card .stationery-front .front-open>svg{width:19px;height:19px;stroke-width:1.35}
.stationery-card .stationery-front .front-skip{font:italic 10px/1.4 var(--font-display,Georgia,serif);margin-top:9px;opacity:.9;letter-spacing:.035em}
.stationery-card .stationery-front .stationery-letter{border-color:#d6bf86;box-shadow:0 5px 10px #00000024,inset 0 1px 0 white;background:linear-gradient(145deg,#fffdf8,#f7f1e5 55%,#fffefb)}
@container(max-height:720px){.stationery-card .stationery-envelope{width:min(100%,285px)}.stationery-divider{margin:8px auto}.stationery-card .stationery-tap{margin:10px auto 9px}.stationery-card .stationery-front .front-number{font-size:34px}.stationery-card .stationery-front .front-month{font-size:11px}.stationery-card .stationery-front .front-year{font-size:14px}.stationery-card .stationery-front .front-location{margin-top:10px}.cinematic-invitation.stationery-card .stationery-front .front-open{margin-top:13px!important}}
@container(max-height:620px){.stationery-card .stationery-envelope{width:min(86%,250px)}.stationery-card .stationery-front .front-names{font-size:26px}.stationery-card .stationery-tap{font-size:10px;margin:9px auto}.stationery-card .stationery-front .front-number{font-size:30px}}
@media(max-height:600px){.stationery-card .stationery-front .front-stage{overflow-y:auto}.cinematic-invitation.stationery-card .stationery-front .stationery-content{height:auto;min-height:100%;padding-top:34px!important;padding-bottom:28px!important}.stationery-card .stationery-front .front-location{display:block}.stationery-card .stationery-front .front-location>span,.stationery-card .stationery-front .front-hijri{display:block}}
@media(prefers-reduced-motion:reduce){.stationery-front .material-silk,.stationery-front .material-glint{animation:none!important}}

.stationery-card .stationery-backdrop .material-silk,.stationery-card .stationery-backdrop .material-filigree{display:none}
.stationery-card .stationery-backdrop .material-metal-line{stroke:var(--story-accent);stroke-opacity:.66}
@media(max-height:600px){.stationery-star{display:none}}

.stationery-card .stationery-seal:before{content:"";display:block;position:absolute;inset:27%;border-radius:50%;z-index:-1;background:#d4ad64}