/* Afrah original invitation art direction and motion. */
.design-sample,.motion-experience,.invitation-entrance{--stage-ink:#304b3f;--stage-accent:#9d8455;--stage-paper:#f4f1e6;--stage-glass:rgba(255,253,245,.78)}
.theme-eden,.design-sample.eden{--stage-ink:#29493a;--stage-accent:#927344;--stage-paper:#edf0df;--stage-glass:rgba(255,253,240,.72);--scene-image:url('/assets/motion/garden.webp');--scene-thumb:url('/assets/motion/garden-thumb.webp')}
.theme-riviera,.design-sample.riviera{--stage-ink:#224b59;--stage-accent:#9f7646;--stage-paper:#f0e8d9;--stage-glass:rgba(255,250,235,.83);--scene-image:url('/assets/motion/coast.webp');--scene-thumb:url('/assets/motion/coast-thumb.webp')}
.theme-luna,.design-sample.luna{--stage-ink:#fff1d0;--stage-accent:#dbc18a;--stage-paper:#142239;--stage-glass:rgba(12,27,47,.78);--scene-image:url('/assets/motion/moon.webp');--scene-thumb:url('/assets/motion/moon-thumb.webp')}
.theme-satin,.design-sample.satin{--stage-ink:#713b4b;--stage-accent:#b48779;--stage-paper:#f5e4e1;--stage-glass:rgba(255,246,240,.8)}
.theme-letter,.design-sample.letter{--stage-ink:#43533e;--stage-accent:#9a784e;--stage-paper:#eee9db;--stage-glass:rgba(255,252,239,.85)}
.theme-aurora,.design-sample.aurora{--stage-ink:#f3dfaa;--stage-accent:#d4b479;--stage-paper:#22211f;--stage-glass:rgba(24,23,20,.82)}
.theme-night,.theme-noir{--stage-ink:#f6e9c8;--stage-accent:#c7ae79;--stage-paper:#17263c;--stage-glass:rgba(20,30,47,.75)}
.theme-rose,.theme-lilac{--stage-ink:#704953;--stage-accent:#9d6c7d;--stage-paper:#f2e4e9;--stage-glass:rgba(255,249,248,.8)}
.floral-line{width:100%;height:100%;overflow:visible}.floral-line path,.deco-line path{vector-effect:non-scaling-stroke}.deco-line{width:100%;height:100%}
.motion-card{position:relative;isolation:isolate;overflow:hidden;color:var(--stage-ink);background:var(--stage-paper);transform:translateZ(0)}
.motion-card .card-art{position:absolute;inset:0;z-index:-2;background-image:var(--scene-thumb,none);background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.22,.68,.22,1)}
.motion-card .card-light{position:absolute;inset:-50%;z-index:3;pointer-events:none;background:linear-gradient(120deg,transparent 41%,#fff8 49%,transparent 57%);transform:translateX(-110%) rotate(-8deg);transition:transform 1.4s ease}
.template:hover .card-art,.template:focus-within .card-art{transform:scale(1.06)}.template:hover .card-light,.template:focus-within .card-light{transform:translateX(100%) rotate(-8deg)}
.motion-card .sample-border{position:relative;z-index:1;border-color:color-mix(in srgb,var(--stage-accent) 70%,transparent);min-height:inherit;color:inherit;padding:35px 20px;background:linear-gradient(transparent,rgba(255,253,244,.68) 22%,rgba(255,253,244,.8) 75%,transparent)}
.motion-card .sample-kicker{font-size:9px;letter-spacing:2px}.motion-card .sample-names{font-size:36px;line-height:1.5;margin:16px 0}.motion-card .sample-names:lang(ar){font-family:Georgia,Tahoma,serif;font-size:30px;line-height:1.9}.sample-ornament{width:55px;height:70px;color:var(--stage-accent);margin:10px auto 0}.sample-ornament .floral-line{transform:rotate(12deg)}
.motion-card .card-film-mark{position:absolute;inset-inline-end:15px;bottom:13px;font-size:16px;color:var(--stage-accent);z-index:2}
.motion-card.luna .sample-border,.motion-card.aurora .sample-border{background:linear-gradient(transparent,rgba(12,25,42,.65) 25%,rgba(12,25,42,.78) 70%,transparent)}
.motion-card.satin{background:repeating-linear-gradient(103deg,#ecd6d0 0,#f9eeeb 8%,#d7b4b1 15%,#fbefeb 22%)}.motion-card.satin .sample-border{border-radius:160px 160px 3px 3px;background:rgba(255,248,244,.72);margin:12px}
.motion-card.letter{background:radial-gradient(ellipse at 8% 12%,#68775522,transparent 40%),repeating-linear-gradient(0deg,#f4f0e5 0,#eee8da 1px,#f4f0e5 3px)}.motion-card.letter .sample-border{background:rgba(255,254,245,.86);border:1px solid #b2a58c;outline:1px solid #b2a58c;outline-offset:-8px;box-shadow:0 8px 22px #3e412517}
.motion-card.aurora{background:radial-gradient(ellipse at 50% 0,#846a322f,transparent 60%),#201f1d}.motion-card.aurora .sample-border{background:none;border:1px solid #b99a5c;outline:1px solid #b99a5c;outline-offset:-8px}.motion-card.aurora .sample-ornament{height:90px;width:80px}
.template-preview{height:355px;background:#e9e7dd}.template-preview .motion-card{max-width:270px;min-height:315px;padding:15px;border-radius:5px}.template-preview .motion-card .sample-border{min-height:285px;padding:20px 12px}.template-preview .motion-card .sample-names{font-size:29px;margin:10px 0}.template-preview .motion-card .sample-names:lang(ar){font-size:25px}.template-preview .sample-ornament{height:50px;width:40px}.template-preview .motion-card .sample-kicker{font-size:8px}.template-preview .motion-card .sample-date,.template-preview .motion-card .sample-place{font-size:10px;letter-spacing:.8px}.template-preview .motion-card.cinematic-card{box-shadow:0 14px 30px #20352625}.template-preview .motion-card.eden,.template-preview .motion-card.luna,.template-preview .motion-card.riviera{border-radius:130px 130px 4px 4px;padding-top:25px}
.collection-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8c99f;border-radius:20px;background:#f7f0df;color:#725a2f;font-size:10px;padding:4px 10px;margin-bottom:11px}.template-meta h3{font-size:20px}.hero-art .motion-card{min-height:460px;border-radius:170px 170px 5px 5px;max-width:350px;padding:20px}.hero-art .motion-card .sample-border{min-height:420px;border-radius:150px 150px 2px 2px;background:linear-gradient(transparent,#fffcec66 30%,#fffcef66 75%,transparent)}.hero-art .motion-card .sample-names{font-size:40px}.hero-art .motion-card .sample-names:lang(ar){font-size:34px}.hero-art{background:#e5e9dd;padding:30px 38px}.hero-art .motion-card .card-art{background-image:var(--scene-image);background-position:center;animation:card-breathe 14s ease-out both}
.preview-banner{max-width:1040px;margin:22px auto 0;padding:18px 25px;display:flex;align-items:center;gap:20px;justify-content:space-between;background:#f0eadb;border:1px solid #d9cfb6;border-radius:7px;color:#3b483b}.preview-banner>div{flex:1}.preview-banner strong{display:block;font-size:13px}.preview-banner span{display:block;font-size:11px;line-height:2;margin-top:5px}.preview-banner>a{font-size:12px;text-decoration:underline}.preview-banner button{font-size:12px}
.guestpage.motion-experience{max-width:1040px;padding:20px 35px;margin:20px auto 65px;--accent:var(--stage-accent)}
.motion-experience .invitation-cover{position:relative;isolation:isolate;border-radius:240px 240px 4px 4px;outline:1px solid color-mix(in srgb,var(--stage-accent) 65%,transparent);outline-offset:-17px;border:1px solid var(--stage-accent);min-height:930px;padding:0;background:var(--stage-paper);color:var(--stage-ink);overflow:hidden}
.motion-experience .scene-art{position:absolute;inset:0;z-index:-3;background-image:var(--scene-image,none);background-size:cover;background-position:center;animation:scene-arrive 14s cubic-bezier(.2,.55,.3,1) both}
.motion-experience .scene-veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(transparent 4%,var(--stage-glass) 31%,var(--stage-glass) 73%,transparent 98%);opacity:.74;pointer-events:none}
.motion-experience.theme-eden .scene-veil{opacity:.42}.motion-experience.theme-riviera .scene-veil{opacity:.64}.motion-experience.theme-luna .scene-veil{opacity:.53}
.motion-experience .scene-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:930px;padding:90px 65px 65px;color:var(--stage-ink);position:relative;z-index:1}
.motion-experience .scene-content h1{font-size:clamp(38px,4.8vw,64px);color:inherit;font-weight:400;text-wrap:balance;margin:18px 0;letter-spacing:0;line-height:1.65}.motion-experience .scene-content h1>span{color:var(--stage-accent);font-size:30px;margin:3px 0}.motion-experience .scene-content h1:lang(en){font-family:Georgia,serif;font-style:italic;line-height:1.4}
.motion-experience .scene-content .sample-kicker{font-size:11px;letter-spacing:2px;color:inherit}.motion-experience .scene-content .invitation-message{font-size:16px;line-height:2.1;max-width:520px;white-space:pre-wrap}.scene-ornament{width:72px;height:84px;margin:15px 0 0;color:var(--stage-accent)}.scene-ornament .floral-line{transform:rotate(12deg)}
.motion-experience .guest-date{border-top:1px solid color-mix(in srgb,var(--stage-accent) 50%,transparent);border-bottom:1px solid color-mix(in srgb,var(--stage-accent) 50%,transparent);margin:22px 0 12px;padding:20px 35px;background:var(--stage-glass);color:inherit;width:min(100%,480px);backdrop-filter:blur(3px)}.motion-experience .guest-date p{font-size:17px}.motion-experience .guest-date strong{font:400 25px Georgia,Tahoma,serif}.motion-experience .guest-date .small{color:inherit;opacity:.9}.motion-experience .guest-venue{font-size:18px;margin:12px 0 20px;line-height:1.9;max-width:550px}
.motion-experience.theme-satin .scene-art{background:repeating-linear-gradient(105deg,#f3e0d9 0,#fff5ee 9%,#dfbdb9 18%,#faf0e9 29%)}.motion-experience.theme-satin .invitation-cover{border-radius:10px;outline-offset:-24px}.motion-experience.theme-satin .scene-veil{background:radial-gradient(ellipse,#fff9f0d9 10%,#fff7efbb 55%,transparent 90%);opacity:1}
.motion-experience.theme-letter .invitation-cover{border-radius:3px;outline-offset:-22px;box-shadow:0 24px 50px #3c493412}.motion-experience.theme-letter .scene-art{background:radial-gradient(ellipse at 0 0,#8a9b7733,transparent 45%),repeating-linear-gradient(0deg,#f8f3e7 0,#eee8dc 1px,#f8f3e7 3px)}
.motion-experience.theme-aurora .invitation-cover{border-radius:0;outline-offset:-24px}.motion-experience.theme-aurora .scene-art{background:radial-gradient(ellipse at 50% 0,#8c73344d,transparent 70%),#201f1d}.motion-experience.theme-aurora .scene-veil{background:repeating-linear-gradient(45deg,transparent 0,transparent 110px,#d5b36b0c 111px,transparent 112px);opacity:1}.motion-experience.theme-aurora .scene-ornament{width:170px;height:150px;margin-top:-10px}
.wedding-countdown{margin-top:14px;min-width:280px}.wedding-countdown>p{font-size:10px!important;letter-spacing:2px;color:inherit;opacity:.85;margin:0 0 13px}.countdown-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center;direction:ltr}.countdown-cells>div{min-width:42px}.countdown-cells strong{font:400 27px/1.3 Georgia,Tahoma,serif;font-variant-numeric:tabular-nums;display:block}.countdown-cells span{display:block;font-size:9px;margin-top:5px;letter-spacing:.5px}
.scene-particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.scene-particles i{position:absolute;width:4px;height:4px;background:var(--stage-accent);border-radius:50%;opacity:0;animation:drift-light 12s linear infinite}.scene-particles i:nth-child(3n){width:8px;height:5px;border-radius:80% 0 80% 0}.scene-particles i:nth-child(1){left:8%;top:12%;animation-delay:-2s}.scene-particles i:nth-child(2){left:18%;top:31%;animation-delay:-8s}.scene-particles i:nth-child(3){left:29%;top:5%;animation-delay:-4s}.scene-particles i:nth-child(4){left:38%;top:76%;animation-delay:-10s}.scene-particles i:nth-child(5){left:46%;top:45%;animation-delay:-1s}.scene-particles i:nth-child(6){left:55%;top:14%;animation-delay:-5s}.scene-particles i:nth-child(7){left:65%;top:66%;animation-delay:-3s}.scene-particles i:nth-child(8){left:77%;top:8%;animation-delay:-9s}.scene-particles i:nth-child(9){left:86%;top:45%;animation-delay:-6s}.scene-particles i:nth-child(10){left:95%;top:77%;animation-delay:-7s}.scene-particles i:nth-child(11){left:14%;top:82%;animation-delay:-11s}.scene-particles i:nth-child(12){left:71%;top:89%;animation-delay:0s}
.has-entered .scene-content>h1{animation:names-enter 1.2s cubic-bezier(.2,.65,.2,1) both}.has-entered .scene-content>.invitation-message{animation:names-enter 1s .12s both}.has-entered .scene-content>.guest-date{animation:names-enter 1s .22s both}.has-entered .scene-content>.guest-venue{animation:names-enter 1s .32s both}.has-entered .scene-ornament svg path{stroke-dasharray:700;stroke-dashoffset:700;animation:draw-flower 3s ease .1s forwards}
.experience-tools{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:20px 0 8px}.experience-tools>*{font-size:11px;min-height:42px;padding:10px 16px}.reveal-section{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.2,1)}.reveal-section.is-visible,.reveal-section:focus-within{opacity:1;transform:none}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}.motion-paused .reveal-section{opacity:1;transform:none}.motion-paused .scene-ornament svg path{stroke-dashoffset:0}
.invitation-entrance{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--stage-paper);color:var(--stage-ink);overflow:hidden;isolation:isolate;perspective:1600px}
.invitation-entrance::backdrop{background:var(--stage-paper)}.entrance-scenery{position:absolute;inset:0;background-image:var(--scene-image,none);background-size:cover;background-position:center;z-index:-1;transform:scale(1.04)}.entrance-leaves{position:absolute;inset:0;perspective:1500px}.entrance-leaf{position:absolute;top:0;bottom:0;width:50.05%;background:var(--stage-paper);border:1px solid var(--stage-accent);box-shadow:inset 0 0 0 16px var(--stage-paper),inset 0 0 0 17px color-mix(in srgb,var(--stage-accent) 40%,transparent);transition:transform 1.25s cubic-bezier(.45,0,.2,1),opacity 1.15s;backface-visibility:hidden}.leaf-left{left:0;transform-origin:left center;border-radius:0 38% 0 0}.leaf-right{right:0;transform-origin:right center;border-radius:38% 0 0 0}.entrance-leaf .floral-line{position:absolute;width:180px;height:250px;bottom:10%;color:var(--stage-accent);opacity:.65}.leaf-left .floral-line{left:12%;transform:rotate(-15deg)}.leaf-right .floral-line{right:12%;transform:scaleX(-1) rotate(-15deg)}
.entrance-copy{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 25px;transition:opacity .45s ease,transform .65s ease;pointer-events:none}.entrance-copy>*{pointer-events:auto}.entrance-copy>p{font-size:11px;letter-spacing:2px;max-width:80%;margin:0 0 26px}.entrance-copy h2{font:400 clamp(36px,6vw,72px)/1.6 Georgia,Tahoma,serif;margin:0 0 32px;max-width:850px;text-wrap:balance;color:inherit}.entrance-copy h2 span{display:block;font:italic 28px Georgia;color:var(--stage-accent);margin:7px 0}.entrance-copy .open-invitation{background:var(--stage-ink);color:var(--stage-paper);min-width:200px;border:1px solid var(--stage-accent);font-size:14px;padding:16px 25px;box-shadow:0 10px 35px #0001}.open-invitation>span{margin-inline-start:15px}.entrance-copy .skip-intro{margin-top:17px;background:transparent;color:var(--stage-ink);font-size:12px;text-decoration:underline;min-height:44px}.entrance-note{font:9px Georgia,Tahoma;letter-spacing:4px;margin-top:35px;opacity:.75}.is-opening .entrance-copy{opacity:0;transform:translateY(-15px);pointer-events:none}.is-opening .entrance-copy>*{pointer-events:none}.is-opening .leaf-left{transform:rotateY(-100deg);opacity:0}.is-opening .leaf-right{transform:rotateY(100deg);opacity:0}
.envelope-object,.silk-ribbon{display:none}.entrance-curtain .entrance-leaf{border-radius:0;border:0;box-shadow:inset -15px 0 35px #0002;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--stage-paper) 65%,#000) 0,var(--stage-paper) 10%,color-mix(in srgb,var(--stage-paper) 75%,#fff) 18%,color-mix(in srgb,var(--stage-paper) 65%,#000) 29%)}.entrance-curtain .entrance-leaf svg{opacity:.28}.entrance-curtain .leaf-right{box-shadow:inset 15px 0 35px #0002}.entrance-curtain .entrance-leaves::after{content:'';position:absolute;top:0;left:0;right:0;height:50px;border-bottom:2px solid var(--stage-accent);background:var(--stage-paper);border-radius:0 0 50% 50%;z-index:2;transition:transform 1s}.entrance-curtain.is-opening .leaf-left{transform:translateX(-102%) skewY(5deg);opacity:.8}.entrance-curtain.is-opening .leaf-right{transform:translateX(102%) skewY(-5deg);opacity:.8}.entrance-curtain.is-opening .entrance-leaves::after{transform:translateY(-110%)}
.entrance-shutters .entrance-leaf{border-radius:0;background:repeating-linear-gradient(0deg,var(--stage-paper) 0,var(--stage-paper) 40px,color-mix(in srgb,var(--stage-accent) 22%,var(--stage-paper)) 41px,var(--stage-paper) 43px)}
.entrance-envelope .entrance-leaves{display:none}.entrance-envelope .envelope-object{display:block;position:absolute;width:440px;height:300px;left:50%;top:46%;transform:translate(-50%,-50%);perspective:1200px;filter:drop-shadow(0 25px 30px #23351b22)}.envelope-card{position:absolute;inset:18px 25px;background:#fffdf6;border:1px solid #bbaa89;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font:italic 27px/1.6 Georgia,Tahoma;color:#3d4f38;transition:transform .9s .4s ease}.envelope-card span{font-size:18px}.envelope-pocket{position:absolute;inset:0;background:linear-gradient(145deg,transparent 49.5%,#d8dbc9 50%) left/50.2% 100% no-repeat,linear-gradient(215deg,transparent 49.5%,#e3e5d6 50%) right/50.2% 100% no-repeat,linear-gradient(32deg,#e8eadc 50%,transparent 50%) left/50.2% 100% no-repeat,linear-gradient(-32deg,#eceee3 50%,transparent 50%) right/50.2% 100% no-repeat;border:1px solid #b6baa5}.envelope-flap{position:absolute;inset:0;background:linear-gradient(#eff1e5,#d5dac7);clip-path:polygon(0 0,100% 0,50% 60%);transform-origin:center top;transition:transform .8s .1s ease;backface-visibility:hidden}.wax-seal{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:45% 48% 43% 46%;background:radial-gradient(circle at 30% 25%,#d8ba7c,#ab8849 60%,#8d6d37);color:#f6e6bb;display:grid;place-items:center;font:32px Georgia;box-shadow:0 4px 10px #0003,inset 0 0 0 5px #bc9c5d;transition:opacity .35s,transform .35s}.entrance-envelope .entrance-copy{justify-content:flex-end;padding-bottom:5vh}.entrance-envelope .entrance-copy h2{display:none}.entrance-envelope .entrance-copy>p{position:absolute;top:8vh}.entrance-envelope .entrance-note{margin-top:20px}.entrance-envelope.is-opening .wax-seal{opacity:0;transform:translate(-50%,-50%) scale(.6)}.entrance-envelope.is-opening .envelope-flap{transform:rotateX(180deg)}.entrance-envelope.is-opening .envelope-card{transform:translateY(-120px)}
.entrance-ribbon .entrance-leaf{border-radius:0;background:repeating-linear-gradient(112deg,#efd8d0 0,#fff5ee 12%,#d2a7aa 24%,#f4e2dc 35%);box-shadow:none;border:0}.entrance-ribbon .entrance-leaf svg{display:none}.entrance-ribbon .silk-ribbon{display:block;position:absolute;inset:0;pointer-events:none}.silk-ribbon i{position:absolute;width:50%;height:70px;top:50%;background:linear-gradient(#be9698,#efd5d0 40%,#ac7e87);transition:transform 1.15s cubic-bezier(.3,0,.3,1);box-shadow:0 8px 20px #7c3c4322}.silk-ribbon i:first-child{left:0}.silk-ribbon i:nth-child(2){right:0}.silk-ribbon b{position:absolute;left:50%;top:50%;transform:translate(-50%,-25%);width:120px;height:85px;border:16px solid #b4838b;border-radius:80% 10% 80% 10%;filter:drop-shadow(0 4px 5px #0002);transition:opacity .4s,transform .8s}.entrance-ribbon .entrance-copy{justify-content:flex-start;padding-top:8vh}.entrance-ribbon .entrance-copy h2{font-size:clamp(36px,6vw,60px);margin-bottom:200px}.entrance-ribbon .entrance-copy>p{margin-bottom:20px}.entrance-ribbon.is-opening .leaf-left{transform:translateX(-102%)}.entrance-ribbon.is-opening .leaf-right{transform:translateX(102%)}.entrance-ribbon.is-opening .silk-ribbon i:first-child{transform:translateX(-110%)}.entrance-ribbon.is-opening .silk-ribbon i:nth-child(2){transform:translateX(110%)}.entrance-ribbon.is-opening .silk-ribbon b{opacity:0;transform:translate(-50%,-25%) rotate(45deg) scale(1.3)}
.entrance-foil .entrance-leaf{border-radius:0;background:radial-gradient(ellipse at 50% 0,#9b7b3933,transparent 70%),var(--stage-paper);box-shadow:inset 0 0 0 25px var(--stage-paper),inset 0 0 0 26px var(--stage-accent)}.entrance-foil .entrance-leaf svg{opacity:.4}.entrance-foil.is-opening .leaf-left{transform:translateX(-105%) rotate(-4deg)}.entrance-foil.is-opening .leaf-right{transform:translateX(105%) rotate(4deg)}
@keyframes scene-arrive{from{transform:scale(1.055)}to{transform:scale(1)}}@keyframes card-breathe{from{transform:scale(1.04)}to{transform:scale(1)}}@keyframes names-enter{from{opacity:0;transform:translateY(22px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes drift-light{0%{opacity:0;transform:translate3d(0,-25px,0) rotate(0)}20%{opacity:.4}80%{opacity:.32}100%{opacity:0;transform:translate3d(35px,150px,0) rotate(150deg)}}@keyframes draw-flower{to{stroke-dashoffset:0}}
@media(max-width:1050px){.motion-experience .invitation-cover,.motion-experience .scene-content{min-height:920px}.motion-experience .scene-content{padding-inline:45px}.template-preview{height:340px}.template-preview .motion-card{min-height:300px}.template-preview .motion-card .sample-border{min-height:270px}}
@media(max-width:760px){.guestpage.motion-experience{padding:12px;margin:10px auto 35px}.motion-experience .invitation-cover{border-radius:170px 170px 3px 3px;outline-offset:-12px;min-height:830px}.motion-experience .scene-content{min-height:830px;padding:70px 28px 45px}.motion-experience .scene-content h1{font-size:38px;line-height:1.7}.motion-experience .scene-content .sample-kicker{font-size:9px;letter-spacing:1px}.motion-experience .scene-content .invitation-message{font-size:14px;line-height:2}.motion-experience .guest-date{padding:15px 12px;margin-top:18px}.motion-experience .guest-date p{font-size:14px}.motion-experience .guest-venue{font-size:15px;line-height:2}.motion-experience .scene-ornament{width:58px;height:70px;margin-top:5px}.motion-experience.theme-aurora .scene-ornament{width:120px;height:110px}.wedding-countdown{min-width:245px;margin-top:8px}.countdown-cells{gap:12px}.countdown-cells strong{font-size:24px}.countdown-cells span{font-size:8px}.experience-tools{gap:6px}.experience-tools>*{font-size:10px;padding:10px 12px}.preview-banner{margin:12px 12px 0;gap:12px;padding:15px;flex-wrap:wrap}.preview-banner>div{flex-basis:100%}.preview-banner button{font-size:11px}.preview-banner strong{font-size:12px}.preview-banner span{font-size:10px}.template-preview{height:280px;padding:10px}.template-preview .motion-card{min-height:255px;max-width:215px;padding:10px}.template-preview .motion-card .sample-border{min-height:235px;padding:15px 8px}.template-preview .motion-card .sample-names{font-size:24px}.template-preview .motion-card .sample-names:lang(ar){font-size:21px}.template-preview .motion-card .sample-kicker{font-size:7px}.template-preview .sample-ornament{height:45px;width:35px}.template-preview .motion-card .sample-date,.template-preview .motion-card .sample-place{font-size:8px}.template-meta h3{font-size:16px}.collection-tag{font-size:9px;padding:3px 8px}.hero-art{padding:25px}.hero-art .motion-card{min-height:410px}.hero-art .motion-card .sample-border{min-height:380px}.hero-art .motion-card .sample-names:lang(ar){font-size:30px}.entrance-copy h2{font-size:39px;line-height:1.8;max-width:90%}.entrance-copy>p{font-size:10px;letter-spacing:1px;margin-bottom:25px}.entrance-leaf .floral-line{width:100px;height:160px;bottom:12%;opacity:.5}.entrance-note{letter-spacing:2px}.entrance-copy .open-invitation{min-width:190px;font-size:13px}.entrance-envelope .envelope-object{width:310px;height:225px;top:40%}.envelope-card{font-size:24px}.wax-seal{width:54px;height:54px;font-size:27px}.entrance-envelope .entrance-copy{padding-bottom:7vh}.entrance-ribbon .entrance-copy{padding-top:5vh}.entrance-ribbon .entrance-copy h2{margin-bottom:155px;font-size:35px}.entrance-ribbon .silk-ribbon i{height:55px}.entrance-ribbon .silk-ribbon b{width:98px;height:70px;border-width:13px}}
@media(max-width:380px){.template-preview{height:350px}.template-preview .motion-card{min-height:320px;max-width:260px}.template-preview .motion-card .sample-border{min-height:295px}.template-preview .motion-card .sample-names:lang(ar){font-size:27px}.template-preview .motion-card .sample-names{font-size:31px}.motion-experience .scene-content{padding-inline:22px}.motion-experience .scene-content h1{font-size:33px}.countdown-cells{gap:9px}.wedding-countdown{min-width:225px}}
@media(prefers-reduced-motion:reduce){.motion-experience *,.invitation-entrance *,.motion-card *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-section{opacity:1!important;transform:none!important}.scene-ornament svg path{stroke-dashoffset:0!important}.card-light{display:none!important}}

.motion-experience .invitation-cover{max-width:760px;margin-inline:auto;min-height:1100px}.motion-experience .scene-content{min-height:1100px}.motion-experience .scene-content h1:focus{outline:none}.theme-luna .scene-art{background-position:50% 20%}.invitation-entrance{height:100vh!important;height:100dvh!important}.afrah-reduced-motion .motion-card *{animation:none!important;transition:none!important;transform:none!important}.afrah-reduced-motion .motion-card .card-light{display:none}
@media(max-width:1050px){.motion-experience .invitation-cover,.motion-experience .scene-content{min-height:1000px}}
@media(max-width:760px){.motion-experience .invitation-cover,.motion-experience .scene-content{min-height:830px}}

@font-face{font-family:Amiri;src:url('/assets/motion/amiri-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.motion-experience .scene-content h1:lang(ar),.entrance-copy h2:lang(ar),.motion-card .sample-names:lang(ar){font-family:Amiri,Georgia,Tahoma,serif;font-weight:400}
.motion-experience .scene-content h1:lang(ar){font-size:clamp(43px,5.7vw,74px);line-height:1.6}.entrance-copy h2:lang(ar){font-size:clamp(43px,6.5vw,80px);line-height:1.5}
.motion-card .sample-names:lang(ar){font-size:39px;line-height:1.65}.template-preview .motion-card .sample-names:lang(ar){font-size:31px}.hero-art .motion-card .sample-names:lang(ar){font-size:43px}
@media(max-width:760px){.motion-experience .scene-content h1:lang(ar){font-size:46px}.entrance-copy h2:lang(ar){font-size:49px}.template-preview .motion-card .sample-names:lang(ar){font-size:27px}.hero-art .motion-card .sample-names:lang(ar){font-size:39px}}
@media(max-width:380px){.motion-experience .scene-content h1:lang(ar){font-size:40px}}

.entrance-ribbon .entrance-copy h2{margin-bottom:0}.entrance-ribbon .open-invitation{position:absolute;bottom:17vh}.entrance-ribbon .skip-intro{position:absolute;bottom:9vh;margin-top:0}.entrance-ribbon .entrance-note{position:absolute;bottom:4vh;margin-top:0}

@media(max-height:560px){.entrance-copy{padding:12px 25px}.entrance-copy>p,.entrance-note{display:none}.entrance-copy h2,.entrance-copy h2:lang(ar){font-size:30px;line-height:1.3;margin-bottom:12px}.entrance-copy h2 span{font-size:19px;margin:2px 0}.entrance-copy .open-invitation{padding:10px 22px;min-height:44px}.entrance-copy .skip-intro{margin-top:5px}.entrance-ribbon .entrance-copy{padding-top:5vh}.entrance-ribbon .open-invitation{bottom:20vh}.entrance-ribbon .skip-intro{bottom:5vh}.entrance-envelope .envelope-object{width:280px;height:160px;top:35%}.entrance-envelope .envelope-card{font-size:20px}.entrance-envelope .entrance-copy{padding-bottom:4vh}}

.template-preview .motion-card .sample-ornament{display:none}.template-preview .motion-card.cinematic-card{padding:10px}.template-preview .motion-card .sample-border{margin:0}

.entrance-copy h2{max-height:45vh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.compact-opening .entrance-copy h2,.compact-opening .entrance-copy h2:lang(ar){font-size:clamp(30px,4vw,50px);line-height:1.4}
@media(max-width:760px){.compact-opening .entrance-copy h2,.compact-opening .entrance-copy h2:lang(ar){font-size:35px;line-height:1.4}}
@media(max-height:560px){.compact-opening .entrance-copy h2,.compact-opening .entrance-copy h2:lang(ar){font-size:28px;line-height:1.3}}