/* Portrait paper covers: live names and date belong to the printed flap. */
.envelope-inscription{position:absolute;z-index:2;top:12%;left:14%;width:72%;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--story-ink);text-align:center;pointer-events:none}
.envelope-inscription-kicker{font:500 9px/1.5 var(--font-ui);letter-spacing:.23em;text-transform:uppercase;max-width:100%;overflow-wrap:anywhere}
.envelope-inscription-names{display:flex;flex-direction:column;align-items:center;gap:2px;font:400 clamp(25px,8cqw,40px)/1.12 "Pinyon Script",cursive;max-width:100%;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 1px 0 #ffffff25}
.envelope-inscription-names>span{display:block;max-width:100%}.envelope-inscription-names i{font:italic .53em/1.1 var(--font-display)}
.envelope-inscription-names.envelope-inscription-long{font-size:clamp(20px,6cqw,30px)}
.envelope-inscription-date{font:500 9px/1.5 var(--font-ui);letter-spacing:.19em;text-transform:uppercase}
/* Petalfold and Luxury already fill a portrait frame; print on their flap. */
.fold-flap-wrap>.envelope-inscription{top:auto;bottom:80px;left:18%;width:64%;gap:6px}
.fold-flap-wrap>.envelope-inscription .envelope-inscription-names{font-size:clamp(23px,6.8cqw,32px)}
.fold-flap-wrap>.envelope-inscription .envelope-inscription-long{font-size:clamp(18px,5.4cqw,26px)}
.cinematic-invitation.luxury-card .fold-heading{position:absolute;inset:auto;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Compact typography applies only to the original portrait families. */
@container (max-height:620px){.envelope-inscription-kicker,.envelope-inscription-date{font-size:8px}.fold-flap-wrap>.envelope-inscription{top:auto;bottom:74px;gap:5px}.envelope-inscription-names,.fold-flap-wrap>.envelope-inscription .envelope-inscription-names{font-size:clamp(21px,6.2cqw,27px)}}
@container (max-height:480px){.fold-flap-wrap>.envelope-inscription{top:auto;bottom:55px;gap:4px}.envelope-inscription-kicker,.envelope-inscription-date{font-size:6px}.envelope-inscription-names,.fold-flap-wrap>.envelope-inscription .envelope-inscription-names{font-size:18px;line-height:1.05}}
/* One complete vector seal: sculpted rim, beading, laurel and live initials. */
.stationery-front .stationery-seal{width:72px;height:68px;left:calc(50% - 36px);top:calc(57% - 34px);filter:drop-shadow(0 4px 3px #30200d40)}
.cinematic-invitation .fold-seal{width:92px;height:86px;left:calc(50% - 46px);bottom:-43px;background:none;box-shadow:none;filter:drop-shadow(0 5px 4px #30200d40)}
.cinematic-invitation .fold-seal:after,.cinematic-invitation .fold-seal:before,.stationery-seal:before{display:none}
.stationery-seal>.wax-medallion,.fold-seal>.wax-medallion{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:1;stroke:none;pointer-events:none;overflow:visible}
.envelope-engraving{position:absolute;inset:0;width:100%;height:100%;color:var(--story-accent);opacity:.68;pointer-events:none;z-index:1}
.fold-flap>.envelope-engraving{height:214.2857%}
.fold-envelope>.envelope-engraving{z-index:2;opacity:.5}
@container (max-height:480px){.cinematic-invitation .fold-seal{width:60px;height:56px;left:calc(50% - 30px);bottom:-28px}}

@container (max-height:620px){.fold-flap-wrap>.envelope-inscription .envelope-inscription-long{font-size:17px;line-height:1.05}}
@container (max-height:480px){.fold-flap-wrap>.envelope-inscription .envelope-inscription-long{font-size:12px;line-height:1.05}}

/* Date and venue occupy the lower panel, independently of the hinged flap. */
.envelope-event-details{position:absolute;z-index:3;top:calc(46.6667% + 66px);left:18%;width:64%;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;color:var(--story-ink);pointer-events:none;overflow-wrap:anywhere;text-wrap:balance}
.envelope-event-date{font:500 9px/1.5 var(--font-ui);letter-spacing:.19em;text-transform:uppercase}
.envelope-event-venue{font:500 14px/1.35 var(--font-display);max-width:100%}
.envelope-event-address{font:400 9px/1.5 var(--font-ui);max-width:100%;opacity:.85}
@container(max-height:620px){.envelope-event-details{top:calc(46.6667% + 60px);gap:6px}.envelope-event-date{font-size:8px}.envelope-event-venue{font-size:12px}.envelope-event-address{font-size:8px}}
@container(max-height:480px){.envelope-event-details{top:calc(46.6667% + 42px);gap:4px}.envelope-event-date{font-size:6px}.envelope-event-venue{font-size:9px}.envelope-event-address{font-size:6px}}
