/* Invitation details for Dr.Ahmed and Dr.Reham. */
#invitation.motion-enhanced .hero h1.english-names {font-family:'Great Vibes','Cormorant Garamond',cursive;font-size:clamp(44px,12vw,64px);line-height:1.25;letter-spacing:0;margin:14px auto 16px;max-width:340px;width:90%;gap:0}
#invitation.motion-enhanced .hero h1.english-names em {font-size:.45em;margin:2px 0;line-height:1}
#invitation #welcome .hosts {color:var(--wine);font-weight:600;font-size:21px;line-height:2}
#invitation #welcome h2 {font-size:36px}
#invitation #venue .venue-sub {margin-bottom:12px}
#invitation #venue .venue-halls {font-size:20px;line-height:1.8;margin:0 auto 12px;color:var(--wine)}
#invitation #venue .venue-street {font-size:16px;line-height:1.8;max-width:400px;margin:0 auto 28px;text-wrap:balance}
#venue-address {text-align:right;font-family:'Noto Naskh Arabic',serif}
#envelope .seal-initials {position:absolute;inset:18% 18% 18% 16%;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#f3d6ac,#e9bc89 65%,#e3ad75);display:flex;align-items:center;justify-content:center;direction:ltr;color:#ad7545;font-family:'Great Vibes',cursive;font-size:clamp(25px,8vw,46px);line-height:1;box-shadow:inset 0 0 8px #edc899}
#envelope .seal-initials span {font-size:.55em;margin:0 2px}
/* Keep the new initials over the original seal throughout its fade. */
#envelope.is-animating .seal-hit {visibility:visible;pointer-events:none}
#envelope.is-animating .opening-cue {visibility:hidden}

#invitation footer .site-credit {margin:28px 0 0;font:13px/1.6 Arial,sans-serif;letter-spacing:.03em;color:#8e7258}

/* Keep one consistent calligraphic face and scale for both full names. */
#invitation .hero {height:var(--stable-hero-height,min(88svh,860px));min-height:620px}
#invitation .hero-copy {top:12%;padding:0 24px}
#invitation .hero .eyebrow {margin:0 0 10px}
#invitation .hero .intro {margin:0;font-size:17px}
#invitation.motion-enhanced .hero h1.english-names {font-family:'Pinyon Script','Great Vibes',cursive;font-size:clamp(56px,17vw,82px);line-height:1.1;letter-spacing:0;max-width:460px;width:100%;margin:14px auto 0;gap:0}
#invitation.motion-enhanced .hero h1.english-names > span {margin:0;line-height:1.1}
#invitation.motion-enhanced .hero h1.english-names em {font-family:'Great Vibes',cursive;font-size:.4em;line-height:1;margin:7px 0}
@media(max-width:380px) {#invitation .hero-copy {top:13%;padding-inline:20px}}

@media(min-width:560px) {#invitation .hero-copy {top:10.5%}}