@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&family=Caveat:wght@400;500&display=swap');
:root{--paper:#faf9f5;--ink:#294967;--blue:#789bb6;--pale:#e9f0f4;--line:#c9d5de;--navy:#102940;--gold:#ab9062;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--hand:'Caveat',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.12}h2{font-size:clamp(2.7rem,5vw,4.2rem)}h3{font-size:2rem}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:500}.hand{font-family:var(--hand);font-size:1.65rem;font-weight:400}.italic{font-style:italic}.section{padding:110px 6vw}.wrap{max-width:1180px;margin:auto}.section-heading{text-align:center;max-width:760px;margin:0 auto 56px}.section-heading .eyebrow{margin-bottom:18px}.section-heading p:last-child{margin-top:20px;color:#60788e}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;min-height:50px;padding:12px 26px;background:#6e91ae;color:white;border:1px solid #61829e;border-radius:3px;font-size:.875rem;transition:background .2s}.button:hover{background:#537797}.button.light{background:transparent;color:var(--ink);border-color:var(--line)}.arrow{font-size:1.2rem;font-family:Arial}.nav{height:78px;position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;background:rgba(250,249,245,.96);border-bottom:1px solid #dce3e7}.monogram{font-family:var(--serif);font-size:1.8rem;letter-spacing:-.06em}.monogram em{font-size:1.3rem;padding:0 6px}.nav-links{display:flex;gap:30px;align-items:center;font-size:.8125rem}.nav-links a:hover{text-decoration:underline;text-underline-offset:6px}.nav-links details{position:relative}.nav-links summary{cursor:pointer;list-style:none}.nav-links summary:after{content:'⌄';padding-left:6px}.dropdown{position:absolute;top:34px;left:-20px;min-width:170px;background:var(--paper);padding:18px 22px;border:1px solid var(--line);display:grid;gap:12px}.menu-toggle{display:none;border:0;background:none;font-size:.875rem}.nav-date{font-size:.7rem;letter-spacing:.12em}.hero{min-height:calc(100svh - 78px);position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:42px 20px 28px;text-align:center}.hero-copy{z-index:3;position:relative;animation:appear 1.7s .5s both}.hero h1{font-size:clamp(4rem,8vw,7.5rem);letter-spacing:-.055em;margin:12px 0 12px}.hero h1 em{font-size:.65em;color:var(--blue);padding:0 .12em}.hero-date{letter-spacing:.2em;font-size:.8rem;text-transform:uppercase}.hero-art{position:relative;width:min(880px,95vw);height:clamp(290px,44vh,470px);margin:-6px auto -12px;flex:1;min-height:280px}.hero-setting{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;animation:appear 2s both}.hero-couple{position:absolute;height:54%;width:auto;max-width:38%;object-fit:contain;left:50%;bottom:2%;transform:translateX(-50%);animation:couple-entry 3.5s .25s both}.hero .button{z-index:4;position:relative}.hero-note{font-family:var(--hand);font-size:1.35rem;margin:12px 0 0;color:#7d8d9d}.invitation{border-top:1px solid var(--line);text-align:center;position:relative}.invitation-inner{max-width:710px;margin:auto;padding:30px 12px}.invocation{font-family:var(--serif);font-size:1.35rem;line-height:1.65;margin:0 auto 34px}.invitation .eyebrow{margin-bottom:28px}.blessings{font-family:var(--serif);font-size:1.45rem;line-height:1.5}.invite-parent{max-width:520px;margin:28px auto 22px}.invitation-names{display:flex;align-items:center;justify-content:center;gap:35px;margin:24px 0}.invitation-names h2{font-size:clamp(3.5rem,6vw,5.5rem);font-style:italic}.invitation-names span{font-family:var(--hand);font-size:1.4rem}.nikah{max-width:530px;font-family:var(--serif);font-size:1.25rem;margin:32px auto 0;line-height:1.6}.rule{width:60px;height:1px;background:var(--gold);margin:30px auto}.about{background:#eff3f5}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.person{position:relative}.person h3{font-size:3.7rem}.person .personality{font-size:.8rem;letter-spacing:.06em;margin:8px 0 24px}.objects{height:230px;background-image:url('/assets/objects.webp');background-size:200% 100%;background-repeat:no-repeat;mix-blend-mode:multiply;margin:14px 0 20px}.objects.right{background-position:100% 50%}.loves{font-family:var(--serif);font-size:1.3rem;line-height:1.8}.person .hand{margin:18px 0 8px}.style-note{font-size:.8125rem;color:#60778b;margin-top:18px}.about-grid .person+ .person{border-left:1px solid #cbd7df;padding-left:70px}.story{position:relative}.timeline{max-width:800px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px 100px;position:relative}.timeline:before{content:'';position:absolute;top:10px;bottom:10px;left:50%;width:1px;background:var(--line)}.moment{position:relative}.moment:nth-child(even){padding-top:50px}.moment .hand{color:#7a98ad;margin-bottom:10px}.moment h3{font-size:1.85rem;margin-bottom:13px}.moment p{font-size:.9375rem;line-height:1.9}.shared-things{max-width:650px;margin:55px auto 0;text-align:center;font-family:var(--serif);font-size:1.5rem;line-height:1.9}.shared-things .hand{margin-top:18px;color:var(--blue);transform:rotate(-5deg)}.night{background:var(--navy);color:#f6f4ef;position:relative;overflow:hidden;min-height:620px;display:flex;justify-content:center;text-align:center;padding:82px 25px 235px}.night-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}.night-copy{position:relative;z-index:1;max-width:570px}.night h2{font-size:clamp(3.3rem,6vw,5.2rem);margin-bottom:25px}.night h2 em{color:#bad0e1}.night p{font-size:.9375rem;line-height:1.9;max-width:480px;margin:auto}.celebrations{padding-bottom:100px}.event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.event-card{display:block;border-bottom:1px solid var(--line);padding-bottom:22px}.event-thumb{aspect-ratio:1/.95;overflow:hidden;background:#f3f4f2;margin-bottom:24px;border-radius:48% 48% 2px 2px}.event-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.event-card:hover .event-thumb img{transform:scale(1.035)}.event-card .eyebrow{font-size:.7rem;letter-spacing:.12em}.event-card h3{margin:9px 0 7px;font-size:2rem}.event-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#657c8f;margin-top:18px}.wardrobe{background:#eaf0f4}.wardrobe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.flip-card{perspective:1200px;position:relative;min-height:465px;background:none;border:0;padding:0;text-align:center;width:100%}.flip-inner{display:grid;min-height:465px;transition:transform .65s;transform-style:preserve-3d}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--paper);border:1px solid #cedae3;padding:24px 16px 18px;display:flex;flex-direction:column;align-items:center}.flip-face h3{font-size:1.85rem}.fashion{background-image:url('/assets/fashion.webp');background-repeat:no-repeat;background-size:400% 100%;width:100%;height:270px;mix-blend-mode:multiply;margin:7px 0 10px}.flip-face .mood{font-size:.75rem;line-height:1.6;min-height:38px}.flip-hint{font-size:.75rem;margin-top:auto;color:#718598;padding-top:18px}.flip-back{transform:rotateY(180deg);justify-content:center;text-align:left;align-items:stretch;padding:25px 20px}.flip-back h3{font-size:1.6rem;margin-bottom:18px}.flip-back p{font-size:.875rem;line-height:1.6;margin:10px 0}.flip-back strong{display:block;font-weight:500;color:#284966}.flip-back .think{font-family:var(--serif);font-size:1.25rem;margin-top:18px}.countdown{text-align:center}.countdown h2{font-size:clamp(2.5rem,4vw,3.7rem)}.count-grid{display:flex;justify-content:center;gap:clamp(18px,5vw,72px);margin:45px 0 20px}.count-cell{min-width:65px}.count-cell strong{font-family:var(--serif);font-size:clamp(3rem,6vw,5rem);font-weight:400;line-height:1.2;font-variant-numeric:tabular-nums;display:block}.count-cell span{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.count-date{font-family:var(--hand);font-size:1.55rem;color:#7891a6}.contact{text-align:center;background:#eff3f5;padding:75px 25px}.contact h2{font-size:3rem}.contact p{max-width:480px;margin:18px auto 26px}.closing{text-align:center;padding:70px 20px 25px;overflow:hidden}.closing .hand{font-size:2rem}.closing h2{margin:12px 0 15px;font-size:4rem}.closing img{width:min(750px,100%);height:300px;object-fit:contain;mix-blend-mode:multiply;margin:20px auto}.closing .closing-line{font-family:var(--serif);font-size:1.5rem}.footer{margin-top:55px;padding:25px;border-top:1px solid var(--line);font-size:.75rem;color:#61788b;display:flex;justify-content:space-between;gap:15px}.event-main{padding:45px 6vw 80px}.back-link{display:inline-flex;align-items:center;gap:12px;font-size:.875rem;margin:8px 0 50px}.event-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.event-info .eyebrow{margin-bottom:20px}.event-info h1{font-size:clamp(4rem,6vw,6.6rem);margin-bottom:20px}.event-info .event-date{font-family:var(--serif);font-size:1.8rem}.event-info .time{margin:12px 0 4px}.event-info .dinner{font-family:var(--serif);font-size:1.25rem;font-style:italic}.venue{margin:30px 0 25px;padding-top:24px;border-top:1px solid var(--line);font-size:1.0625rem}.venue span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:8px}.event-illustration{position:relative}.event-illustration img{width:100%;aspect-ratio:1/1.04;object-fit:cover;border-radius:48% 48% 2px 2px}.event-mood{text-align:center;font-family:var(--hand);font-size:1.6rem;margin-top:22px}.event-about{max-width:730px;margin:100px auto 30px;text-align:center}.event-about h2{font-size:3rem;margin-bottom:30px}.event-about p{margin:22px 0}.event-outfit{margin:90px auto 0;max-width:880px;border-top:1px solid var(--line);padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.event-outfit h2{font-size:2.8rem}.event-outfit p{margin-top:14px}.event-outfit .fashion{height:340px;max-width:300px;margin:auto}.event-next{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:40px 0 0;margin-top:60px;border-top:1px solid var(--line)}.qawwali-page .event-main{background:#142c43;color:#f4f1e9}.qawwali-page .venue,.qawwali-page .event-outfit,.qawwali-page .event-next{border-color:#496077}.qawwali-page .button.light{color:#f4f1e9}.qawwali-page .event-outfit .fashion{mix-blend-mode:normal;background-color:var(--paper);border-radius:4px}.qawwali-page .event-info .eyebrow{color:#d2b684}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(15px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes couple-entry{from{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%,0)}}
@media(min-width:1500px){.hero-art{height:49vh}.hero{padding-top:50px}}@media(max-width:1000px){.nav-date{display:none}.nav-links{gap:22px}.event-grid,.wardrobe-grid{grid-template-columns:repeat(2,1fr);gap:32px}.event-thumb{aspect-ratio:1.3/1}.flip-inner,.flip-card{min-height:490px}.fashion{height:300px;max-width:245px}.about-grid{gap:40px}.about-grid .person+.person{padding-left:40px}.event-intro{gap:30px}.section{padding:85px 6vw}}@media(max-width:640px){.nav{height:66px;padding:0 22px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;background:var(--paper);padding:22px 26px;border-bottom:1px solid var(--line);font-size:.9375rem;align-items:stretch;gap:19px}.nav-links.open{display:flex;flex-direction:column}.dropdown{position:static;margin-top:14px;background:#eff3f5;border:0;font-size:.875rem}.hero{min-height:calc(100svh - 66px);padding-top:40px}.hero h1{font-size:clamp(3.3rem,12vw,5rem);letter-spacing:-.05em}.hero-date{font-size:.7rem;letter-spacing:.12em}.hero-art{width:114vw;max-width:none;height:350px;min-height:300px;flex:1;margin:0 -7vw -10px}.hero-couple{height:48%;bottom:7%}.hero-note{font-size:1.25rem}.section{padding:70px 24px}.section-heading{margin-bottom:36px}.section-heading p:last-child{font-size:.9375rem}.invocation{font-size:1.2rem}.invitation-inner{padding:0}.invitation-names{gap:16px;flex-wrap:wrap}.invitation-names h2{font-size:3.6rem}.blessings{font-size:1.3rem}.about-grid{grid-template-columns:1fr;gap:55px}.about-grid .person+.person{border-left:0;border-top:1px solid var(--line);padding:40px 0 0}.person h3{font-size:3.3rem}.objects{height:230px;max-width:430px}.timeline{grid-template-columns:1fr;gap:35px;padding-left:24px}.timeline:before{left:0}.moment:nth-child(even){padding-top:0}.moment:before{content:'';position:absolute;width:7px;height:7px;border:1px solid var(--blue);border-radius:50%;background:var(--paper);left:-27px;top:20px}.shared-things{font-size:1.3rem;margin-top:40px}.night{min-height:580px;padding-top:66px;padding-bottom:230px}.night-art{object-position:50% 80%}.night p{font-size:.875rem}.event-grid{gap:30px 17px}.event-thumb{aspect-ratio:1/.95;margin-bottom:18px}.event-card h3{font-size:1.6rem}.event-card .eyebrow{font-size:.65rem;letter-spacing:.06em}.event-bottom{font-size:.7rem}.wardrobe-grid{grid-template-columns:1fr;max-width:350px;margin:auto;gap:25px}.flip-face{padding:26px 25px}.flip-back{padding:30px}.flip-back p{font-size:1rem}.flip-back h3{font-size:2rem}.flip-card,.flip-inner{min-height:510px}.fashion{height:310px;max-width:260px}.flip-face .mood{font-size:.8125rem}.count-grid{gap:16px}.count-cell{min-width:55px}.count-cell span{font-size:.65rem;letter-spacing:.1em}.contact{padding:65px 25px}.closing h2{font-size:3.3rem}.closing img{height:230px}.footer{padding:25px 0;flex-direction:column}.event-main{padding:25px 24px 65px}.back-link{margin-bottom:35px}.event-intro{grid-template-columns:1fr;gap:35px;text-align:center}.event-info h1{font-size:4.4rem}.event-illustration img{max-height:450px}.event-info .eyebrow{font-size:.7rem}.event-outfit{grid-template-columns:1fr;gap:25px;margin-top:65px;text-align:center}.event-outfit .fashion{width:260px}.event-about{margin-top:65px}.event-next{font-size:.875rem}.countdown h2{font-size:2.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.flip-card.is-flipped .flip-inner{transform:none}.flip-back{transform:none;visibility:hidden}.flip-card.is-flipped .flip-back{visibility:visible}.flip-card.is-flipped .flip-front{visibility:hidden}}
/* Keep event dates and navigation comfortably readable at every size. */
.nav-links{font-size:.875rem}.event-card .eyebrow{font-size:.875rem;letter-spacing:.045em}.event-bottom{font-size:.8125rem}.hero-date{font-size:.875rem}.flip-face .mood{font-size:.875rem}.flip-hint{font-size:.8125rem}.count-cell span{font-size:.8125rem;letter-spacing:.08em}.hero-art{isolation:isolate}.hero-setting{mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 85%,transparent 100%)}
@media(max-width:640px){.hero-date{font-size:.8rem}.event-card .eyebrow{font-size:.8125rem}.count-cell span{font-size:.75rem}.nav-links{font-size:1rem}}
.fashion{background-size:contain;background-position:center!important}.objects{background-image:url('/assets/objects-zainab.webp');background-size:contain;background-position:left center;height:255px}.objects.right{background-image:url('/assets/objects-azeem.webp');background-position:left center}.night-art{top:auto;bottom:0;height:auto;object-fit:contain;opacity:.85;mask-image:linear-gradient(to bottom,transparent,#000 20%)}.story-sketches{max-width:760px;width:100%;height:auto;margin:48px auto -20px;mix-blend-mode:multiply}.hero-copy{animation-delay:1.8s}.qawwali-page .event-illustration img{animation:candlelight 5s ease-in-out infinite alternate}@keyframes candlelight{from{filter:brightness(1)}to{filter:brightness(1.055)}}
@media(max-width:640px){.night{min-height:540px;padding-bottom:190px}.objects{height:255px;background-position:center}.objects.right{background-position:center}.story-sketches{margin-top:36px}.hero h1{font-size:clamp(3.2rem,11.3vw,4.6rem)}}
/* Opening films: preserve the portrait composition and reveal the invitation on completion. */
[hidden]{display:none!important}.opening-pending .nav,.opening-pending #invitation-content{display:none}.video-hero{height:100svh;min-height:580px;padding:clamp(32px,7svh,75px) 24px 32px;justify-content:space-between;isolation:isolate;background:#dbe4e9}.opening-backdrop{position:absolute;inset:-24px;background:url('/assets/opening-poster.jpg') center/cover no-repeat;filter:blur(22px);opacity:.65;z-index:-3}.opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:-2}.walking-video{opacity:0;transition:opacity .4s}.opening-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(250,249,245,.91),rgba(250,249,245,.60) 22%,transparent 43%,transparent 70%,rgba(250,249,245,.85));transition:opacity .5s}.video-hero .hero-copy{animation:appear 1.3s .3s both;transition:opacity .4s;max-width:100%;padding:0 4px}.video-hero h1{font-size:clamp(3.6rem,6vw,6.4rem);margin:12px 0;line-height:1.05}.video-hero h1 em{color:#547c9b}.opening-actions{position:relative;z-index:4;transition:opacity .35s}.video-hero .hero-note{color:#365570;text-shadow:0 1px 7px white}.video-hero .button{box-shadow:0 3px 20px #27496717}.video-control,.skip-opening{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:6;border:1px solid #97aebe;background:rgba(250,249,245,.9);border-radius:4px;padding:9px 15px;min-height:44px;font-size:.875rem}.video-control{font-family:Arial,sans-serif;min-width:44px}.video-hero.is-entering .hero-copy,.video-hero.is-entering .opening-actions{opacity:0;pointer-events:none;visibility:hidden}.video-hero.is-entering .opening-shade{opacity:0}.video-hero.walking-playing .walking-video{opacity:1}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.video-hero.is-entering .opening-backdrop{background-image:url('/assets/walking-poster.jpg')}#invitation:focus{outline:none}
@media(max-aspect-ratio:3/4){.opening-video{object-fit:cover}.video-hero{padding-top:clamp(35px,8svh,85px)}.video-hero h1{font-size:clamp(3rem,11vw,5rem)}.video-hero .eyebrow{font-size:.7rem;letter-spacing:.13em}.video-hero .hero-date{font-size:.8125rem}.opening-actions{margin-bottom:18px}.video-control{bottom:max(12px,env(safe-area-inset-bottom));right:12px}.video-hero .hero-note{font-size:1.2rem}}
@media(max-height:600px) and (min-aspect-ratio:4/3){.video-hero{min-height:100svh;padding:18px}.video-hero h1{font-size:3rem}.video-hero .hero-note{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.video-hero .hero-copy,.walking-video,.opening-shade,.opening-actions{animation:none;transition:none}}

/* Classic wedding stationery typography for invitation and celebration details. */
:root{--details:'EB Garamond',Garamond,'Palatino Linotype',Palatino,Georgia,serif}
.invitation-inner p:not(.eyebrow),.event-info .event-date,.event-info .time,.event-info .dinner,.venue,.event-about p:not(.eyebrow):not(.hand),.event-outfit p:not(.eyebrow):not(.hand),.contact p,.section-heading p:not(.eyebrow),.moment p:not(.hand),.night-copy p:not(.eyebrow),.loves,.flip-back p{font-family:var(--details);font-weight:400;letter-spacing:.01em;font-size:1.25rem;line-height:1.65}
.invitation-inner .invocation{font-size:clamp(1.2rem,1.8vw,1.4rem);line-height:1.7}
.invitation-inner .blessings{font-size:1.55rem;line-height:1.5;font-weight:500}
.invitation-inner .invite-parent{max-width:550px;font-size:1.3rem}
.invitation-inner .nikah{font-size:1.25rem;font-style:italic;line-height:1.7}
.event-info .event-date{font-size:1.9rem;line-height:1.4}
.event-info .dinner{font-size:1.3rem;font-style:italic}
.venue{font-size:1.4rem}.venue span{font-family:var(--sans);font-size:.75rem}
.flip-back p{font-size:1.125rem;line-height:1.5}.flip-back .think{font-size:1.25rem;font-style:italic}.flip-back strong{font-weight:500}.flip-inner,.flip-card{min-height:490px}
.event-card .eyebrow,.hero-date{font-family:var(--details);font-size:1.125rem;text-transform:none;letter-spacing:.055em}.video-hero .hero-date{font-size:1.125rem}
@media(max-width:640px){.invitation-inner p:not(.eyebrow),.event-about p:not(.eyebrow):not(.hand),.event-outfit p:not(.eyebrow):not(.hand),.contact p,.section-heading p:not(.eyebrow),.moment p:not(.hand),.night-copy p:not(.eyebrow),.loves{font-size:1.2rem}.invitation-inner .blessings{font-size:1.4rem}.event-card .eyebrow{font-size:1rem;letter-spacing:.015em}.video-hero .hero-date{font-size:1.0625rem}.flip-inner,.flip-card{min-height:520px}}
/* Animated blue-and-ivory stationery around the formal invitation. */
.invitation-video-section{isolation:isolate;overflow:hidden;background:#faf7ef;border-top:0;padding:220px max(28px,12vw) 190px}
.invitation-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:-1;background:#faf7ef url('/assets/invitation-poster.jpg') center/100% 100% no-repeat}
.invitation-video-section .invitation-inner{position:relative;z-index:1;padding:0;max-width:700px}
.invitation-video-section .invitation-inner .invocation{max-width:660px}
.details-pause{position:absolute;right:24px;bottom:24px;z-index:2;min-width:44px;min-height:44px;padding:8px 12px;background:rgba(250,249,245,.85);border:1px solid #9ab1c5;border-radius:4px;font-family:Arial,sans-serif;font-size:.875rem;color:var(--ink)}
@media(max-width:640px){.invitation-video-section{padding:200px 12% 180px}.invitation-video-section .invitation-names{flex-direction:column;gap:4px;margin:24px 0}.invitation-video-section .invitation-names h2{font-size:3.6rem}.invitation-video-section .invitation-inner .invocation{font-size:1.15rem;line-height:1.65}.invitation-video-section .eyebrow{letter-spacing:.1em}.details-pause{bottom:18px;right:18px}}