:root{--primary:#b8577a;--accent:#c8957f;--bg:#fbe6ec;--ink:#6a3448;--paper:color-mix(in srgb, var(--bg) 55%, #fff);--surface:color-mix(in srgb, var(--bg) 82%, #fff);--soft:color-mix(in srgb, var(--primary) 22%, var(--bg));--line:color-mix(in srgb, var(--primary) 34%, transparent);--muted:color-mix(in srgb, var(--ink) 62%, var(--bg));--ink-soft:color-mix(in srgb, var(--ink) 82%, var(--bg));--deep:color-mix(in srgb, var(--primary) 70%, #000);--on-primary:#fff;--glass:color-mix(in srgb, var(--paper) 72%, transparent);--font-display:var(--font-serif), Georgia, serif;--font-hand:var(--font-script), cursive;--font-body:var(--font-sans), Arial, sans-serif;--font-arabic:"Amiri", "Times New Roman", serif;--ease:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1)}:root:has(.inv.is-dark){--paper:color-mix(in srgb, var(--bg) 94%, #fff);--surface:color-mix(in srgb, var(--bg) 88%, #fff);--soft:color-mix(in srgb, var(--primary) 16%, var(--bg));--deep:color-mix(in srgb, var(--bg) 60%, #000);--on-primary:var(--bg);--glass:color-mix(in srgb, var(--bg) 70%, transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#f6f1ee;margin:0}body:has(.inv){background:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--primary) 18%, transparent) 0, transparent 40%), radial-gradient(circle at 85% 80%, color-mix(in srgb, var(--accent) 22%, transparent) 0, transparent 45%), color-mix(in srgb, var(--bg) 85%, var(--ink));background-attachment:fixed}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}::selection{background:color-mix(in srgb, var(--primary) 35%, transparent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[lang=ar]{font-family:var(--font-arabic)}.inv{font-family:var(--font-body)}.site-shell{background:var(--paper);width:min(100%,480px);min-height:100vh;box-shadow:0 0 80px color-mix(in srgb, var(--deep) 25%, transparent);margin:auto;position:relative;overflow:hidden}html.is-locked,html.is-locked body{overscroll-behavior:none;height:100%;overflow:hidden}html:has(.site-shell.is-locked){overscroll-behavior:none;height:100%;overflow:hidden}body:has(.site-shell.is-locked){overscroll-behavior:none;height:100%;overflow:hidden}.site-shell.is-locked{height:100dvh;min-height:0}.invitation-body[hidden]{display:none!important}.scroll-progress{z-index:40;pointer-events:none;width:min(100%,480px);height:3px;position:fixed;top:0;left:50%;transform:translate(-50%)}.scroll-progress span{transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--primary), var(--accent));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--primary) 50%, transparent);display:block;transform:scaleX(0)}.music-toggle{z-index:45;background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--primary) 45%, #fff), var(--primary) 70%);width:48px;height:48px;color:var(--on-primary);box-shadow:0 8px 22px color-mix(in srgb, var(--deep) 40%, transparent);animation:pop-in .7s var(--ease-back) 1s both;border:1px solid #ffffffb3;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:18px;right:max(16px,50% - 224px)}.music-toggle svg{grid-area:1/1}.music-toggle.is-playing svg{animation:2.4s ease-in-out infinite wobble}.music-toggle:before{content:"";border:1px solid var(--line);opacity:0;border-radius:50%;position:absolute;inset:-6px}.music-toggle.is-playing:before{animation:2s ease-out infinite ring}.music-bars{align-items:end;gap:2px;height:6px;display:flex;position:absolute;bottom:8px}.music-bars i{opacity:.8;background:currentColor;border-radius:1px;width:2px;height:2px}.music-toggle.is-playing .music-bars i{animation:.9s ease-in-out infinite eq}.music-bars i:nth-child(2){animation-delay:.2s!important}.music-bars i:nth-child(3){animation-delay:.4s!important}.ambient{z-index:35;pointer-events:none;animation:2s both fade-in;position:fixed;inset:0;overflow:hidden}.amb{animation:fall var(--dur) linear var(--delay) infinite;position:absolute;top:-40px}.amb-bit{width:var(--size);height:calc(var(--size) * .78);animation:sway var(--spin) ease-in-out infinite alternate;font-style:normal;display:block}.ambient-petals .amb-bit{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 20%, #fff), color-mix(in srgb, var(--primary) 60%, #fff));border-radius:150% 0;box-shadow:inset -2px -2px 4px #00000014}.ambient-petals .tone-1{background:linear-gradient(135deg, #fff, color-mix(in srgb, var(--primary) 40%, #fff))}.ambient-petals .tone-2{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 30%, #fff), var(--accent))}.ambient-leaves .amb-bit{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 50%, #fff), var(--primary));opacity:.75;border-radius:0 100%}.ambient-leaves .tone-2{background:linear-gradient(135deg, #fff, color-mix(in srgb, var(--accent) 50%, #fff));width:calc(var(--size) * .5);height:calc(var(--size) * .5);border-radius:50%}.ambient-gold .amb-bit{width:var(--size);height:calc(var(--size) * .45);background:linear-gradient(90deg, var(--primary), var(--accent), var(--primary));box-shadow:0 0 6px color-mix(in srgb, var(--accent) 70%, transparent)}.ambient-gold .tone-1{height:var(--size);transform:rotate(45deg)}.ambient-blossoms .amb-bit{background:radial-gradient(circle at 40% 40%, #fff, color-mix(in srgb, var(--accent) 25%, #fff));opacity:.9;border-radius:50% 50% 50% 0}.ambient-blossoms .alt{color:#fff;width:auto;height:auto;font-size:calc(var(--size) * 1.5);text-shadow:0 0 4px color-mix(in srgb, var(--accent) 60%, transparent);background:0 0;line-height:1}.ambient-stars .amb-bit{width:auto;height:auto;color:var(--accent);font-size:calc(var(--size) * 1.1);text-shadow:0 0 8px color-mix(in srgb, var(--accent) 60%, transparent);opacity:.75;background:0 0;line-height:1}.ambient-fireflies .amb{animation-name:float-up;top:auto;bottom:-20px}.ambient-fireflies .amb-bit{width:var(--size);height:var(--size);background:radial-gradient(circle, #fff8dc, var(--accent) 45%, transparent 70%);box-shadow:0 0 12px var(--accent);animation:flicker var(--spin) ease-in-out infinite alternate;border-radius:50%}#burst-layer{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.burst-bit{line-height:1;animation-name:burst;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:both;display:block;position:absolute}.burst-petal{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 20%, #fff), color-mix(in srgb, var(--primary) 75%, #fff));border-radius:150% 0;width:13px;height:10px}.burst-petal.tone-1{background:linear-gradient(135deg, #fff, color-mix(in srgb, var(--primary) 40%, #fff))}.burst-petal.tone-2{background:linear-gradient(135deg, #fff, var(--accent))}.burst-leaf{background:var(--primary);border-radius:0 100%;width:14px;height:9px}.burst-leaf.tone-1{background:color-mix(in srgb, var(--primary) 55%, #fff)}.burst-confetti{background:var(--accent);width:7px;height:12px}.burst-confetti.tone-1{background:var(--primary)}.burst-confetti.tone-2{background:#fff}.burst-heart{color:var(--primary);font-size:15px}.burst-heart.tone-1{color:color-mix(in srgb, var(--primary) 60%, #fff)}.burst-heart.tone-2,.burst-star{color:var(--accent)}.burst-star{text-shadow:0 0 6px #fff;font-size:16px}.burst-sparkle{color:var(--accent);text-shadow:0 0 6px #fff;font-size:12px}.burst-blossom{color:#fff;text-shadow:0 0 3px var(--accent);font-size:16px}[data-reveal]{opacity:0;transition:opacity .9s var(--ease) var(--d,0s), transform 1.1s var(--ease) var(--d,0s), filter 1s var(--ease) var(--d,0s), clip-path 1.6s var(--ease) var(--d,0s);transform:translateY(30px)}[data-reveal=zoom]{transform:scale(.82)}[data-reveal=left]{transform:translate(-46px)rotate(-2deg)}[data-reveal=right]{transform:translate(46px)rotate(2deg)}[data-reveal=blur]{filter:blur(12px);transform:translateY(14px)scale(.97)}[data-reveal=flip]{transform-origin:top;transform:perspective(600px)rotateX(-85deg)}[data-reveal=pop]{transition-timing-function:var(--ease-back);transform:scale(0)}[data-reveal=write]{opacity:1;clip-path:inset(-30% 100% -30% -10%);transform:none}[data-reveal=words],[data-reveal=frame],[data-reveal=line]{opacity:1;transform:none}[data-reveal][data-shown]{opacity:1;filter:none;transform:none}[data-reveal=write][data-shown]{clip-path:inset(-30% -10%)}.char,.word{display:inline-block}.word{white-space:pre}[data-reveal=words] .word,.hero .char{opacity:0;filter:blur(8px);transition:opacity .8s var(--ease) var(--d), transform 1s var(--ease-back) var(--d), filter .8s var(--ease) var(--d);transform:translateY(.55em)rotate(6deg)}[data-reveal=words][data-shown] .word,.hero[data-shown] .char{opacity:1;filter:none;transform:none}.draw-in path,.draw-in polygon,.draw-in circle:not(.flourish-dot):not(.berry){stroke-dasharray:1 1;stroke-dashoffset:1px}[data-shown] .draw-in :is(path,polygon,circle),.draw-in[data-shown] :is(path,polygon,circle),.cover .draw-in :is(path,polygon,circle){animation:draw 2.4s var(--ease) calc(var(--d,0s) + var(--pd,0s)) forwards}.draw-in .flourish-dot,.draw-in .ornament-dots,.draw-in .leaf,.draw-in .lemon-leaf{opacity:0;transform-origin:50%;transform-box:fill-box}[data-shown] .draw-in :is(.flourish-dot,.leaf,.lemon-leaf),.draw-in[data-shown] :is(.flourish-dot,.leaf,.lemon-leaf),.cover .draw-in :is(.flourish-dot,.leaf,.lemon-leaf){animation:draw 2s var(--ease) calc(var(--d,0s) + var(--pd,0s)) forwards, fade-in 1s ease calc(var(--d,0s) + var(--pd,0s)) forwards}[data-shown] .draw-in .ornament-dots,.draw-in[data-shown] .ornament-dots,.cover .draw-in .ornament-dots{animation:fade-in 1s ease calc(var(--d,0s) + 1.2s) forwards}.countdown-flourish,.note-flourish{--d:.3s}.rsvp-art .draw-in :is(path,polygon,circle){stroke-dashoffset:0}.rsvp-art .draw-in :is(.ornament-dots,.leaf,.lemon-leaf,.flourish-dot){opacity:1}.leaf{fill:color-mix(in srgb, currentColor 22%, transparent)}.berry{fill:var(--accent)}.lemon{fill:var(--accent);stroke:color-mix(in srgb, var(--accent) 60%, #000);stroke-width:.8px}.lemon-leaf{fill:color-mix(in srgb, #4f7d35 70%, var(--primary));stroke:none}.corner-ornament{width:48%;height:auto;color:var(--primary);opacity:.6;pointer-events:none;position:absolute}.ornament-tl{top:1%;left:1%}.ornament-tr{top:1%;right:1%;transform:scaleX(-1)}.ornament-bl{bottom:1%;left:1%;transform:scaleY(-1)}.ornament-br{bottom:1%;right:1%;transform:scale(-1)}.flourish{width:150px;color:color-mix(in srgb, var(--primary) 70%, var(--bg));margin:0 auto;display:block;overflow:visible}.cover{z-index:30;perspective:1400px;touch-action:none;background:var(--bg);width:min(100%,480px);height:100dvh;position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.cover.stage-open{visibility:hidden;pointer-events:none;transition:visibility 0s 2s}.cover-deco{transition:opacity .9s var(--ease), transform 1.2s var(--ease), filter .9s, translate .5s ease-out;translate:calc(var(--px,0) * -7px) calc(var(--py,0) * -7px);position:absolute;inset:0}.cover-glare{z-index:8;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at calc(50% + var(--px,0) * 45%) calc(35% + var(--py,0) * 45%), #ffffffb3, transparent 42%);transition:opacity .6s;position:absolute;inset:0}.stage-opening .cover-glare,.stage-open .cover-glare{opacity:0}.cover-in{animation:rise-in 1.2s var(--ease) var(--d) both}.micro-label,.section-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.cover-guest{font-family:var(--font-display);color:var(--ink);margin-top:10px;font-size:19px;font-style:italic}.cover-invite{font-family:var(--font-hand);color:var(--primary);margin:12px 0 8px;font-size:32px}.cover-guest+.cover-invite{margin-top:0}.cover-date{font-family:var(--font-display);letter-spacing:.075em;font-size:15px}.cover-prompt{z-index:9;letter-spacing:.22em;color:var(--ink-soft);pointer-events:none;justify-content:center;align-items:center;gap:8px;font-size:9px;transition:opacity .4s;animation:1.8s ease-in-out infinite float,1s 2s both fade-in;display:flex;position:absolute;bottom:32px;left:0;right:0}.stage-opening .cover-prompt,.stage-open .cover-prompt{opacity:0}.tap-dot{background:var(--primary);border-radius:50%;width:7px;height:7px;margin-right:2px;position:relative}.tap-dot:after{content:"";border:1px solid var(--primary);border-radius:50%;animation:1.6s ease-out infinite ring;position:absolute;inset:-5px}.open-target{-webkit-tap-highlight-color:transparent}.open-target:disabled{cursor:default}.bismillah{font-family:var(--font-arabic);color:var(--primary);text-align:center;margin:0;font-size:30px;line-height:1.6}.invitation-body{position:relative}.section-padding{text-align:center;padding:78px 34px;position:relative;overflow:hidden}.section-heading{font-family:var(--font-display);margin:17px auto 30px;font-size:41px;font-weight:400;line-height:1.15}.section-heading em{font-weight:300}.script-heading{font:400 49px var(--font-hand);color:var(--primary);margin:11px 0 20px;line-height:1.3}.hero{background:var(--paper);height:100svh;min-height:760px;max-height:1020px;padding:40px 18px}.hero-inner{z-index:2;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:70px 24px 50px;display:flex;position:relative}.hero-frame{pointer-events:none;position:absolute;inset:22px}.hero-item{opacity:0;filter:blur(6px);transition:opacity 1s var(--ease) var(--d), transform 1.1s var(--ease) var(--d), filter 1s var(--ease) var(--d);position:relative;transform:translateY(22px)}.hero[data-shown] .hero-item{opacity:1;filter:none;transform:none}.hero-names{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:26px 0 20px;font-size:clamp(54px,14vw,76px);font-weight:400;line-height:.95}.hero-names>span{display:block}.hero-amp{font:normal 62px var(--font-hand);color:var(--primary);opacity:0;transition:opacity .9s var(--ease) 1.25s, transform 1.2s var(--ease-back) 1.25s;line-height:1.2;display:block;transform:scale(.3)rotate(-25deg)}.hero[data-shown] .hero-amp{opacity:1;animation:3s ease-in-out 3s infinite heartbeat-soft;transform:none}.hero-arabic{font-family:var(--font-arabic);color:var(--primary);margin:-6px 0 10px;font-size:30px}.invitation-copy{max-width:250px;color:var(--ink-soft);margin:22px auto 26px;font-size:12px;line-height:2}.hero-date{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 6px;font-size:20px}.hero-hijri{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:10px}.hero-time{font-family:var(--font-display);color:var(--ink-soft);margin:0;font-size:17px;font-style:italic}.quiet-link{letter-spacing:.17em;flex-direction:column;align-items:center;gap:12px;margin-top:34px;font-size:9px;display:flex}.scroll-cue{border:1px solid var(--primary);border-radius:12px;width:20px;height:32px;display:block;position:relative}.scroll-cue i{background:var(--primary);border-radius:2px;width:3px;height:6px;margin-left:-1.5px;animation:1.8s ease-in-out infinite scroll-dot;position:absolute;top:6px;left:50%}.bokeh span{pointer-events:none;background:radial-gradient(circle,#fffffff2,#fff0 70%);border-radius:50%;animation:14s ease-in-out infinite alternate drift;position:absolute}.bokeh span:first-child{width:120px;height:120px;top:12%;left:-20px}.bokeh span:nth-child(2){width:70px;height:70px;animation-duration:11s;animation-delay:-3s;top:22%;right:8%}.bokeh span:nth-child(3){width:160px;height:160px;animation-delay:-6s;top:55%;right:-50px}.bokeh span:nth-child(4){width:50px;height:50px;animation-duration:9s;animation-delay:-2s;bottom:14%;left:18%}.bokeh span:nth-child(5){width:90px;height:90px;animation-delay:-8s;top:4%;left:40%}.bokeh span:nth-child(6){width:40px;height:40px;animation-duration:8s;animation-delay:-4s;bottom:30%;left:70%}.bokeh span:nth-child(7){width:110px;height:110px;animation-delay:-10s;top:60%;left:8%}.verse-section{background:var(--surface);padding-top:70px;padding-bottom:70px}.verse-arabic{font-family:var(--font-arabic);color:var(--primary);margin:0 0 18px;font-size:25px;line-height:2.1;position:relative}.verse-english{font:italic 17px/1.7 var(--font-display);max-width:330px;margin:18px auto 14px;position:relative}.scratch-section{background:linear-gradient(180deg, var(--paper), var(--surface));padding-top:70px;padding-bottom:70px}.scratch-hint{font:italic 15px var(--font-display);color:var(--ink-soft);margin:0 0 26px}.scratch-card{background:radial-gradient(circle at 50% 0%, var(--paper), var(--soft) 85%);border:1px solid var(--line);width:min(100%,330px);height:170px;box-shadow:0 20px 40px -22px color-mix(in srgb, var(--deep) 60%, transparent), inset 0 0 0 6px #ffffff8c;border-radius:18px;margin:0 auto;position:relative;overflow:hidden}.scratch-card canvas{touch-action:none;cursor:grab;width:100%;height:100%;transition:opacity .8s var(--ease), transform .8s var(--ease);position:absolute;inset:0}.scratch-card.is-revealed canvas{opacity:0;pointer-events:none;transform:scale(1.08)}.scratch-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scratch-date{font:400 46px var(--font-display);color:var(--primary);align-items:center;gap:10px;display:flex}.scratch-date i{color:var(--accent);font-size:13px;font-style:normal}.scratch-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:8px 0 0;font-size:9px}.scratch-card.is-revealed .scratch-date span{animation:pop .7s var(--ease-back) both}.scratch-card.is-revealed .scratch-date span:nth-child(3){animation-delay:.12s}.scratch-card.is-revealed .scratch-date span:nth-child(5){animation-delay:.24s}.scratch-card.is-revealed .scratch-date i{animation:2.4s ease-in-out infinite twinkle}.scratch-skip{z-index:2;color:#5a3a2a;letter-spacing:.16em;text-transform:uppercase;background:#fff9;border:0;border-radius:999px;padding:5px 9px;font-size:8px;position:absolute;bottom:9px;right:10px}.countdown-section{color:var(--on-primary);background:linear-gradient(140deg, var(--primary), color-mix(in srgb, var(--primary) 55%, #fff) 45%, var(--primary) 70%, var(--deep));background-size:220% 220%;animation:14s ease-in-out infinite alternate gradient-move}.countdown-section .section-kicker{color:color-mix(in srgb, var(--on-primary) 80%, transparent)}.countdown-section .section-heading{max-width:295px}.rising-hearts span{color:color-mix(in srgb, var(--on-primary) 35%, transparent);pointer-events:none;animation:9s linear infinite rise;position:absolute;bottom:-30px}.rising-hearts span:first-child{font-size:14px;left:6%}.rising-hearts span:nth-child(2){font-size:9px;animation-duration:11s;animation-delay:-2s;left:18%}.rising-hearts span:nth-child(3){font-size:18px;animation-delay:-5s;left:31%}.rising-hearts span:nth-child(4){font-size:11px;animation-duration:12s;animation-delay:-7s;left:44%}.rising-hearts span:nth-child(5){font-size:15px;animation-delay:-3s;left:57%}.rising-hearts span:nth-child(6){font-size:8px;animation-duration:8s;animation-delay:-1s;left:69%}.rising-hearts span:nth-child(7){font-size:20px;animation-duration:13s;animation-delay:-6s;left:80%}.rising-hearts span:nth-child(8){font-size:12px;animation-delay:-4s;left:90%}.rising-hearts span:nth-child(9){font-size:10px;animation-duration:10s;animation-delay:-8s;left:50%}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin:38px 0 30px;display:grid;position:relative}.countdown-cell{border:1px solid color-mix(in srgb, var(--on-primary) 45%, transparent);background:color-mix(in srgb, var(--on-primary) 10%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:14px 2px 11px;overflow:hidden}.countdown-cell strong{font:400 32px var(--font-display);font-variant-numeric:tabular-nums;animation:tick .55s var(--ease) both;display:block}.countdown-cell span{text-transform:uppercase;letter-spacing:.15em;font-size:8px}.ghost-button{border:1px solid color-mix(in srgb, var(--on-primary) 70%, transparent);background:color-mix(in srgb, var(--on-primary) 12%, transparent);color:var(--on-primary);letter-spacing:.17em;transition:background .3s, transform .3s var(--ease-back), opacity .9s var(--ease) var(--d);border-radius:999px;align-items:center;gap:9px;padding:13px 22px;font-size:10px;display:inline-flex;position:relative;overflow:hidden}.ghost-button:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:3.5s ease-in-out 1s infinite btn-shine;position:absolute;inset:0;transform:translate(-100%)}.ghost-button:hover{background:color-mix(in srgb, var(--on-primary) 25%, transparent);transform:translateY(-2px)scale(1.03)}.countdown-section .flourish{color:color-mix(in srgb, var(--on-primary) 80%, transparent);margin-top:30px}.story-section{background:linear-gradient(180deg, var(--paper), var(--surface));padding-bottom:90px}.story-list{max-width:360px;margin:40px auto 0;position:relative}.story-thread{border-left:1px dashed var(--primary);opacity:.6;transform-origin:top;width:0;margin-left:-.5px;position:absolute;top:10px;bottom:10px;left:50%;transition:transform 2.4s var(--ease)!important;transform:scaleY(0)!important}.story-thread[data-shown]{transform:scaleY(1)!important}.story-card{text-align:left;background:var(--glass);border:1px solid var(--line);width:calc(50% - 22px);box-shadow:0 12px 30px -18px color-mix(in srgb, var(--deep) 50%, transparent);border-radius:14px;margin-bottom:26px;padding:18px 16px 16px;position:relative}.story-left{margin-right:auto}.story-right{margin-left:auto}.story-card:nth-of-type(n+2){margin-top:-30px}.story-heart{background:var(--paper);border:1px solid var(--primary);width:26px;height:26px;color:var(--primary);border-radius:50%;place-items:center;display:grid;position:absolute;top:20px}.story-left .story-heart{right:-36px}.story-right .story-heart{left:-36px}.story-card[data-shown] .story-heart{animation:1.6s ease-in-out .9s 2 heartbeat}.story-year{font:400 30px var(--font-hand);color:var(--primary);line-height:1;display:block}.story-card h3{font:500 19px var(--font-display);margin:6px 0}.story-card p{color:var(--ink-soft);margin:0;font-size:11.5px;line-height:1.75}.details-section{background:linear-gradient(180deg, var(--surface), var(--soft));padding-top:90px;padding-bottom:98px}.timeline{text-align:left;max-width:310px;margin:49px auto 0;position:relative}.timeline:before{content:"";border-left:1px solid var(--primary);opacity:.5;transform-origin:top;transition:transform 2.2s var(--ease) .2s;position:absolute;top:24px;bottom:24px;left:23px;transform:scaleY(0)}.timeline[data-shown]:before{transform:scaleY(1)}.timeline-item{align-items:flex-start;gap:29px;padding:0 0 40px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-count{border:1px solid var(--primary);width:47px;height:47px;font:italic 21px var(--font-display);background:var(--paper);color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.timeline-item[data-shown] .timeline-count:after{content:"";border:1px solid var(--primary);animation:ring 1.4s ease-out calc(var(--d) + .3s) 2 both;border-radius:50%;position:absolute;inset:-1px}.timeline-description p{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:3px 0 5px;font-size:10px}.timeline-description h3{font:400 27px var(--font-display);margin:0 0 3px}.timeline-description span{font:italic 16px var(--font-display);color:var(--ink-soft)}.location-section{background:var(--paper)}.location-illustration{background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 65%);max-width:320px;height:210px;margin:0 auto 37px;position:relative;overflow:hidden}.sketch-building{width:235px;height:160px;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.roof{clip-path:polygon(50% 0,100% 80%,100% 100%,0 100%,0 80%);background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--primary) 40%, transparent) 0 1px, transparent 1px 21px), linear-gradient(var(--surface), var(--soft));opacity:0;width:226px;height:37px;transition:opacity .8s var(--ease) .5s, transform 1s var(--ease-back) .5s;margin:0 auto;transform:translateY(-30px)}.is-dome .roof{clip-path:ellipse(50% 100% at 50% 100%);background:linear-gradient(var(--soft), color-mix(in srgb, var(--primary) 35%, var(--bg)));width:120px;height:55px}.building-body{border:2px solid color-mix(in srgb, var(--primary) 55%, transparent);width:201px;height:115px;box-shadow:inset 0 0 0 6px var(--surface);background:repeating-linear-gradient(90deg, transparent 0 34px, color-mix(in srgb, var(--primary) 18%, transparent) 35px, var(--paper) 36px);transform-origin:bottom;transition:transform 1s var(--ease);justify-content:space-evenly;align-items:center;margin:auto;display:flex;transform:scaleY(0)}.is-dome .building-body{height:105px}.window,.building-door{border:2px solid color-mix(in srgb, var(--primary) 60%, transparent);border-radius:13px 13px 0 0}.is-dome .window,.is-dome .building-door{border-radius:50% 50% 0 0/70% 70% 0 0}.window{width:18px;height:36px;box-shadow:inset 0 0 0 3px var(--surface)}.building-door{border-radius:15px 15px 0 0;align-self:end;width:31px;height:59px}.location-illustration[data-shown] .roof{opacity:1;transform:none}.location-illustration[data-shown] .building-body{transform:none}.location-illustration[data-shown] .window{animation:3s ease-in-out infinite alternate window-glow}.location-illustration[data-shown] .window:nth-child(2){animation-delay:.6s}.location-illustration[data-shown] .window:nth-child(3){animation-delay:1.2s}.location-illustration[data-shown] .window:nth-child(5){animation-delay:.3s}.location-illustration[data-shown] .window:nth-child(6){animation-delay:.9s}.location-pin{z-index:2;color:var(--primary);opacity:0;margin-left:-15px;position:absolute;top:4px;left:50%;transform:translateY(-60px)}.location-pin:after{content:"";background:color-mix(in srgb, var(--deep) 30%, transparent);border-radius:50%;width:16px;height:4px;margin-left:-8px;position:absolute;bottom:-6px;left:50%}.location-illustration[data-shown] .location-pin{animation:pin-drop 1s var(--ease-back) 1.2s forwards, pin-bob 2.4s ease-in-out 2.4s infinite}.location-name{font:400 28px var(--font-display);margin:20px 0 9px}.location-address{color:var(--muted);justify-content:center;align-items:center;gap:7px;max-width:275px;margin:0 auto 27px;font-size:11px;line-height:1.8;display:flex}.location-address svg{flex-shrink:0}.outline-button{border:1px solid var(--primary);letter-spacing:.17em;transition:background .3s, color .3s, transform .3s var(--ease-back), box-shadow .3s, opacity .9s var(--ease) var(--d);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:10px;display:inline-flex}.outline-button:hover{background:var(--primary);color:var(--on-primary);box-shadow:0 10px 20px -10px var(--deep);transform:translateY(-2px)}.dress-section{background:linear-gradient(160deg, var(--soft), var(--paper) 40%, var(--soft));padding:44px 19px}.ornate-frame{isolation:isolate;position:relative}.dress-frame{border:1px solid var(--line);border-radius:160px/100px;flex-direction:column;justify-content:center;align-items:center;min-height:640px;padding:80px 40px;display:flex}.dress-frame .corner-ornament{width:50%}.frame-inner{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.dress-frame .script-heading{margin:9px 0;font-size:54px}.dress-frame h3{font:400 23px var(--font-display);margin:4px 0 12px}.dress-illustration{color:var(--primary);justify-content:center;align-items:center;gap:5px;margin:3px 0 15px;display:flex}.dress-illustration svg{transform-origin:top;width:95px;height:133px}.dress-illustration[data-shown] svg{animation:4s ease-in-out 1s infinite alternate dress-sway}.dress-illustration span{font-size:21px;animation:2.6s ease-in-out infinite twinkle}.dress-illustration span:last-child{animation-delay:1.3s}.dress-description{font:italic 16px/1.7 var(--font-display);max-width:250px}.palette{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.palette span{width:28px;height:28px;box-shadow:0 0 0 1px var(--line), 0 6px 12px -6px var(--deep);transition:transform .6s var(--ease-back) var(--d), opacity .5s var(--d);border:2px solid #fffc;border-radius:50%}.palette span[data-shown]:hover{transition-delay:0s;transform:translateY(-5px)scale(1.15)}.final-note{background:var(--paper);padding-top:70px;padding-bottom:68px}.beating-heart{color:var(--primary);display:inline-block}.beating-heart[data-shown] svg{animation:1.6s ease-in-out .8s infinite heartbeat}.final-note p{font:italic 28px/1.3 var(--font-display);max-width:260px;margin:13px auto 19px}.rsvp-section{background:linear-gradient(180deg, var(--surface), var(--soft));padding:78px 30px 90px}.rsvp-art{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rsvp-art .corner-ornament{opacity:.2;width:45%}.rsvp-content{z-index:1;position:relative}.rsvp-section .script-heading{margin:17px 0 7px;font-size:44px;line-height:1.2}.rsvp-copy{font:italic 16px var(--font-display);margin:0 0 30px}.rsvp-form{text-align:left;max-width:330px;margin:30px auto 0}.rsvp-form label{letter-spacing:.16em;color:var(--ink-soft);margin:20px 0 9px;font-size:9px;font-weight:600;display:block}.rsvp-form label span{letter-spacing:.07em;font-weight:400}.rsvp-form input,.rsvp-form textarea,.rsvp-form select{background:var(--glass);border:1px solid var(--line);color:var(--ink);border-radius:10px;width:100%;min-height:49px;padding:15px 13px;font-size:12px;transition:border-color .3s,box-shadow .3s,background .3s}.rsvp-form select option{color:#222}.rsvp-form input:focus,.rsvp-form textarea:focus,.rsvp-form select:focus{border-color:var(--primary);background:var(--paper);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.rsvp-form textarea{resize:vertical}.rsvp-form ::placeholder{color:var(--muted);opacity:.8}.attendance-choice{grid-template-columns:1fr 1fr;gap:8px;display:grid}.attendance-choice button{border:1px solid var(--line);background:var(--glass);color:var(--ink);font:400 14px var(--font-display);min-height:50px;transition:background .3s, color .3s, border-color .3s, transform .3s var(--ease-back);border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:12px 4px;display:flex}.attendance-choice button:hover{transform:translateY(-2px)}.attendance-choice button.selected{background:var(--primary);color:var(--on-primary);border-color:var(--primary);animation:pop .45s var(--ease-back)}.guest-count-wrap{opacity:0;transition:grid-template-rows .5s var(--ease), opacity .4s;grid-template-rows:0fr;display:grid}.guest-count-wrap>div{overflow:hidden}.guest-count-wrap.is-open{opacity:1;grid-template-rows:1fr}.primary-button{background:linear-gradient(120deg, var(--primary), color-mix(in srgb, var(--primary) 70%, #fff) 50%, var(--deep));width:100%;color:var(--on-primary);text-transform:uppercase;letter-spacing:.16em;box-shadow:0 12px 24px -12px var(--deep);transition:background-position .6s var(--ease), transform .3s var(--ease-back);background-size:200% 100%;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:30px;padding:17px;font-size:10px;display:flex;position:relative;overflow:hidden}.primary-button:after{content:"";background:linear-gradient(100deg,#0000 30%,#fff6 50%,#0000 70%);animation:3.2s ease-in-out infinite btn-shine;position:absolute;inset:0;transform:translate(-100%)}.primary-button:hover{background-position:100% 0;transform:translateY(-2px)}.primary-button:hover svg{animation:fly .8s var(--ease) infinite}.rsvp-feedback{color:var(--ink);border:1px solid var(--primary);background:var(--paper);animation:rise-in .7s var(--ease) both;border-radius:10px;align-items:flex-start;gap:8px;margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.7;display:flex}.rsvp-feedback svg{color:var(--primary);flex-shrink:0;margin-top:4px}.rsvp-form small{text-align:center;color:var(--muted);margin-top:13px;font-size:10px;line-height:1.6;display:block}footer.finale{text-align:center;cursor:crosshair;color:#fff6f0;background:radial-gradient(ellipse at 50% 115%, var(--primary) 0%, color-mix(in srgb, var(--primary) 45%, #120612) 45%, color-mix(in srgb, var(--deep) 40%, #050208) 100%);justify-content:center;align-items:center;min-height:480px;padding:90px 25px;display:flex;position:relative;overflow:hidden}.is-dark footer.finale{background:radial-gradient(ellipse at 50% 115%, color-mix(in srgb, var(--primary) 55%, var(--bg)) 0%, var(--bg) 55%, color-mix(in srgb, var(--bg) 60%, #000) 100%)}.fireworks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.finale-stars span{background:#fff;border-radius:50%;width:2px;height:2px;animation:3s ease-in-out infinite twinkle;position:absolute}.finale-stars span:first-child{top:12%;left:8%}.finale-stars span:nth-child(2){animation-delay:.4s;top:30%;left:22%}.finale-stars span:nth-child(3){animation-delay:1.1s;top:8%;left:35%}.finale-stars span:nth-child(4){animation-delay:.7s;top:22%;left:48%}.finale-stars span:nth-child(5){animation-delay:1.6s;top:10%;left:62%}.finale-stars span:nth-child(6){animation-delay:.2s;top:28%;left:75%}.finale-stars span:nth-child(7){animation-delay:1.3s;top:14%;left:88%}.finale-stars span:nth-child(8){animation-delay:2s;top:50%;left:15%}.finale-stars span:nth-child(9){animation-delay:.9s;top:46%;left:82%}.finale-stars span:nth-child(10){animation-delay:2.4s;top:40%;left:55%}.finale-stars span:nth-child(11){animation-delay:1.8s;top:62%;left:30%}.finale-stars span:nth-child(12){animation-delay:.5s;top:66%;left:92%}.finale-stars span:nth-child(13){animation-delay:2.7s;top:72%;left:4%}.finale-stars span:nth-child(14){animation-delay:1.4s;top:60%;left:68%}.finale-content{z-index:2;pointer-events:none;position:relative}.finale-content a{pointer-events:auto;letter-spacing:.16em;justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.finale .section-kicker{color:color-mix(in srgb, var(--accent) 70%, #fff)}.finale-names{font:400 38px var(--font-display);text-shadow:0 0 24px color-mix(in srgb, var(--primary) 70%, transparent);margin:14px 0 10px;display:block}.finale-names em{font-family:var(--font-hand);color:var(--accent);font-size:40px}.finale-hint{font:italic 15px var(--font-display);opacity:.9;margin:0 0 26px;animation:2.4s ease-in-out infinite float}.finale-meta{letter-spacing:.17em;opacity:.85;justify-content:center;align-items:center;gap:5px;margin:0 0 22px;font-size:8px;display:flex}.finale-dua{font-family:var(--font-arabic);color:var(--accent);margin:0;font-size:26px;line-height:1.9}.finale-dua-en{font:italic 14px/1.6 var(--font-display);opacity:.85;max-width:290px;margin:6px auto 0}.footer-heart{color:var(--accent);animation:1.4s ease-in-out infinite heartbeat}.releasables{pointer-events:none;position:absolute;inset:0}.release{animation:release-up var(--dur) cubic-bezier(.3,.1,.4,1) forwards;scale:var(--s);display:block;position:absolute}.sky-lantern{background:radial-gradient(ellipse at 50% 70%, #fff6d0 0%, var(--accent) 35%, color-mix(in srgb, var(--accent) 60%, #d86a1f) 100%);width:22px;height:30px;box-shadow:0 0 22px 6px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 60px #ffb34766;border-radius:40% 40% 30% 30%/30% 30% 20% 20%;animation:1.8s ease-in-out infinite alternate flicker;display:block}.release-butterflies{width:26px;height:20px;animation-name:flutter-up}.wing{background:linear-gradient(160deg, #fff, var(--primary) 70%);border-radius:60% 40% 50% 50%;width:13px;height:18px;position:absolute;top:0}.wing-l{transform-origin:100%;animation:.28s ease-in-out infinite alternate flap-l;left:0}.wing-r{transform-origin:0;border-radius:40% 60% 50% 50%;animation:.28s ease-in-out infinite alternate flap-r;right:0}.finale-lantern-anchor{width:70px;color:var(--accent);filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 60%, transparent));transform-origin:top;z-index:1;margin-left:-35px;animation:4s ease-in-out infinite swing;position:absolute;top:0;left:50%}.lantern{width:100%;height:auto;color:var(--primary);display:block;overflow:visible}.lantern-glass{fill:color-mix(in srgb, var(--primary) 18%, transparent);transition:fill .6s}.lantern .flame{fill:color-mix(in srgb, var(--accent) 30%, transparent);transition:fill .5s,filter .5s}.lantern.is-lit .lantern-glass{fill:url(#lantern-glow)}.lantern.is-lit .flame{fill:#fff3c4;filter:drop-shadow(0 0 6px var(--accent)) drop-shadow(0 0 14px #ffb347);transform-origin:50% 90%;transform-box:fill-box;animation:1.2s ease-in-out infinite alternate flame}.lantern.is-lit{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 65%, transparent))}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}}@keyframes char-in{0%{opacity:0;filter:blur(8px);transform:translateY(.5em)scale(.6)rotate(-10deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}}@keyframes pop{40%{transform:scale(1.06)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes float{50%{transform:translateY(5px)}}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}@keyframes ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes fall{0%{opacity:0;transform:translateY(-5vh)}8%{opacity:1}90%{opacity:1}to{transform:translate3d(var(--sway), 108vh, 0);opacity:0}}@keyframes float-up{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}85%{opacity:1}to{transform:translate3d(var(--sway), -105vh, 0);opacity:0}}@keyframes sway{0%{transform:translateX(calc(var(--sway) * -.5)) rotate3d(1, .4, .2, 0deg)}to{transform:translateX(calc(var(--sway) * .5)) rotate3d(1, .4, .2, 340deg)}}@keyframes flicker{0%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.1)}}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}15%{opacity:1}60%{transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) rotate(calc(var(--r) * .6)) scale(var(--s));opacity:1}to{transform:translate(-50%, -50%) translate(var(--tx), calc(var(--ty) + 90px)) rotate(var(--r)) scale(calc(var(--s) * .6));opacity:0}}@keyframes drift{0%{opacity:.5;transform:translate(0)scale(1)}to{opacity:.95;transform:translate(30px,-40px)scale(1.25)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.18)}60%{transform:scale(1)}}@keyframes heartbeat-soft{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes scroll-dot{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(12px)}to{opacity:0}}@keyframes gradient-move{0%{background-position:0 30%}to{background-position:100% 70%}}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(.8)}15%{opacity:1}to{opacity:0;transform:translateY(-560px)translate(20px)scale(1.2)rotate(20deg)}}@keyframes tick{0%{opacity:0;filter:blur(4px);transform:translateY(-60%)}}@keyframes btn-shine{0%{transform:translate(-100%)}45%,to{transform:translate(100%)}}@keyframes window-glow{0%{background:0 0}to{background:#ffe7a8aa;box-shadow:inset 0 0 0 3px #fff3d6,0 0 12px #ffd98a}}@keyframes pin-drop{0%{opacity:0;transform:translateY(-60px)}60%{opacity:1;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pin-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dress-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes eq{0%,to{height:2px}50%{height:7px}}@keyframes fly{50%{transform:translate(3px,-3px)}}@keyframes release-up{0%{opacity:0;transform:translate(-50%)scale(.3)}10%{opacity:1;transform:translate(-50%,-20px)scale(1)}85%{opacity:.95}to{transform:translate(calc(-50% + var(--drift)), -520px) scale(.55);opacity:0}}@keyframes flutter-up{0%{opacity:0;transform:translate(-50%)scale(.3)}10%{opacity:1}30%{transform:translate(calc(-50% + var(--drift) * -.6), -150px) rotate(-12deg)}60%{transform:translate(calc(-50% + var(--drift)), -300px) rotate(14deg)}to{transform:translate(calc(-50% + var(--drift) * .3), -560px) rotate(-6deg);opacity:0}}@keyframes flap-l{0%{transform:rotateY(0)}to{transform:rotateY(70deg)}}@keyframes flap-r{0%{transform:rotateY(0)}to{transform:rotateY(-70deg)}}@keyframes swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes flame{0%{transform:scale(.9,.95)}to{transform:scale(1.06,1.08)}}@media (max-width:520px){.site-shell{box-shadow:none}.section-padding{padding-left:24px;padding-right:24px}.story-card{width:calc(50% - 18px);padding:14px 12px}.story-left .story-heart{right:-31px}.story-right .story-heart{left:-31px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ambient{display:none}}
.pattern-bg{pointer-events:none;background:var(--accent);opacity:.16;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='1.2'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='5'/%3E%3Cpath d='M0 0L15 15M64 0L49 15M0 64L15 49M64 64L49 49M32 0V10M32 54V64M0 32H10M54 32H64'/%3E%3C/g%3E%3C/svg%3E") 0 0/64px 64px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='1.2'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='5'/%3E%3Cpath d='M0 0L15 15M64 0L49 15M0 64L15 49M64 64L49 49M32 0V10M32 54V64M0 32H10M54 32H64'/%3E%3C/g%3E%3C/svg%3E") 0 0/64px 64px}.pattern-bg.soft{opacity:.08}.tpl-blush .satin-panel,.tpl-blush .door-satin{background:radial-gradient(ellipse 80% 40% at 80% 14%, #ffffffe6, transparent 70%), radial-gradient(ellipse 70% 65% at 0% 85%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 75%), repeating-linear-gradient(115deg, #ffffff24 0, #ffffff24 2px, color-mix(in srgb, var(--primary) 4%, transparent) 5px, #ffffff1f 12px), linear-gradient(142deg, color-mix(in srgb, var(--bg) 60%, #fff) 0%, color-mix(in srgb, var(--primary) 28%, var(--bg)) 24%, color-mix(in srgb, var(--bg) 40%, #fff) 44%, color-mix(in srgb, var(--primary) 38%, var(--bg)) 67%, var(--bg) 87%, color-mix(in srgb, var(--primary) 30%, var(--bg)) 100%)}.tpl-blush .hero-frame{border:1px solid #ffffffbf;border-radius:180px/130px}.tpl-blush .hero-frame:before{content:"";border:1px solid var(--line);border-radius:175px/125px;position:absolute;inset:6px}.tpl-blush .hero-frame .corner-ornament{width:52%}.cv-blush{background:0 0}.door{width:50.5%;transition:transform 1.6s cubic-bezier(.65,0,.25,1),filter 1.6s;position:absolute;top:0;bottom:0;overflow:hidden}.door-left{transform-origin:0;left:0;box-shadow:inset -1px 0 #fff9}.door-right{transform-origin:100%;right:0}.door-satin{width:200%;position:absolute;top:0;bottom:0}.door-left .door-satin{left:0}.door-right .door-satin{right:0}.stage-open .door-left{filter:brightness(.85);transform:rotateY(-100deg)}.stage-open .door-right{filter:brightness(.85);transform:rotateY(100deg)}.cv-blush.stage-opening .cover-deco,.cv-blush.stage-open .cover-deco{opacity:0;filter:blur(6px);transform:scale(1.08)}.silk-glow{background:repeating-linear-gradient(158deg, transparent 0, #ffffff47 16px, color-mix(in srgb, var(--primary) 5%, transparent) 27px, transparent 43px);filter:blur(6px);opacity:.75;animation:12s ease-in-out infinite alternate silk;position:absolute;inset:-20%}.cover-sparkles span{color:#fff;text-shadow:0 0 8px var(--primary), 0 0 2px var(--accent);animation:twinkle 3.2s ease-in-out var(--d) infinite;font-size:11px;position:absolute}.cover-frame{border:1px solid #ffffffd9;border-radius:160px 160px 170px 170px/150px 150px 120px 120px;position:absolute;inset:8% 5% 11%}.cover-frame:before{content:"";border:1px solid var(--line);border-radius:150px/110px;position:absolute;inset:14px}.cover-content{text-align:center;z-index:1;position:absolute;top:27%;left:0;right:0}.cover-initials{font-family:var(--font-display);letter-spacing:-.07em;background:linear-gradient(100deg, var(--primary) 20%, #fff 45%, var(--accent) 55%, var(--primary) 80%);color:#0000;animation:char-in 1.4s var(--ease-back) .6s both, shimmer 4.5s ease-in-out 2.2s infinite;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:66px;font-weight:300;line-height:1.3}.ribbon-h,.ribbon-v{z-index:3;background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 55%, #fff) 0%, color-mix(in srgb, var(--primary) 15%, #fff) 21%, #fff 44%, color-mix(in srgb, var(--primary) 45%, #fff) 74%, color-mix(in srgb, var(--primary) 25%, #fff) 100%);box-shadow:0 6px 19px color-mix(in srgb, var(--deep) 22%, transparent), inset 0 1px 1px #fff;translate:calc(var(--px,0) * 9px) calc(var(--py,0) * 9px);transition:transform 1s cubic-bezier(.7,0,.3,1),opacity .8s,translate .4s ease-out;position:absolute;overflow:hidden}.ribbon-h{width:110%;height:49px;top:58%;left:-5%;transform:rotate(-6deg)}.ribbon-v{width:42px;height:110%;top:-5%;left:calc(50% - 21px);transform:rotate(7deg)}.ribbon-shine{background:linear-gradient(90deg,#0000 36%,#ffffffb3 50%,#0000 63%) 0 0/300% 100%;animation:3.6s ease-in-out infinite ribbon-sweep;position:absolute;inset:0}.ribbon-v .ribbon-shine{background:linear-gradient(#0000 36%,#ffffffb3 50%,#0000 63%) 0 0/100% 300%;animation-name:ribbon-sweep-v}.stage-opening .ribbon-h,.stage-open .ribbon-h{opacity:0;transform:rotate(-6deg)translate(-115%)}.stage-opening .ribbon-v,.stage-open .ribbon-v{opacity:0;transform:rotate(7deg)translateY(-115%)}.bow{z-index:4;cursor:pointer;width:195px;height:113px;filter:drop-shadow(0 9px 9px color-mix(in srgb, var(--deep) 26%, transparent));transform:translate(-50%)rotate(-5deg);translate:calc(var(--px,0) * 16px) calc(var(--py,0) * 16px);transition:opacity .7s,translate .35s ease-out;animation:3.2s ease-in-out infinite bow-breathe;position:absolute;top:calc(58% - 32px);left:50%}.bow-left,.bow-right{background:linear-gradient(155deg, #fff 0, color-mix(in srgb, var(--primary) 30%, #fff) 43%, color-mix(in srgb, var(--primary) 70%, #fff) 72%, color-mix(in srgb, var(--primary) 12%, #fff) 100%);border:1px solid color-mix(in srgb, var(--primary) 25%, #fff);width:89px;height:65px;position:absolute;top:0}.bow-left{border-radius:75% 20% 50%;left:4px;transform:rotate(-22deg)skewY(-4deg)}.bow-right{border-radius:20% 75% 20% 50%;right:4px;transform:rotate(22deg)skewY(4deg)}.bow-tail{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 50%, #fff), #fff 56%, color-mix(in srgb, var(--primary) 45%, #fff));clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);transform-origin:top;width:36px;height:86px;position:absolute;top:44px}.bow-tail-left{animation:3.2s ease-in-out infinite tail-sway;left:65px;transform:rotate(28deg)}.bow-tail-right{animation:3.2s ease-in-out infinite tail-sway-r;right:65px;transform:rotate(-28deg)}.bow-knot{background:linear-gradient(130deg, color-mix(in srgb, var(--primary) 70%, #fff), #fff 40%, color-mix(in srgb, var(--primary) 60%, #fff));z-index:2;border-radius:44%;width:45px;height:42px;position:absolute;top:24px;left:75px}.bow-left,.bow-right,.bow-knot,.bow-tail{transition:transform .9s cubic-bezier(.5,0,.3,1),opacity .7s}.stage-opening .bow,.stage-open .bow{opacity:0;transition:opacity .5s .55s;animation:none}.stage-opening .bow-left,.stage-open .bow-left{transform:rotate(-110deg)translate(-30px,-80px)scale(.6)}.stage-opening .bow-right,.stage-open .bow-right{transform:rotate(110deg)translate(30px,-80px)scale(.6)}.stage-opening .bow-knot,.stage-open .bow-knot{transform:scale(0)rotate(220deg)}.stage-opening .bow-tail-left,.stage-open .bow-tail-left{animation:none;transform:rotate(75deg)translateY(60px)}.stage-opening .bow-tail-right,.stage-open .bow-tail-right{animation:none;transform:rotate(-75deg)translateY(60px)}.seal-button{z-index:7;background:radial-gradient(circle at 32% 22%, color-mix(in srgb, var(--primary) 50%, #fff), var(--primary) 58%, var(--deep) 92%);width:88px;height:88px;box-shadow:0 5px 15px color-mix(in srgb, var(--deep) 45%, transparent), 0 0 0 4px color-mix(in srgb, var(--primary) 30%, #fff);transition:transform .2s var(--ease), translate .35s ease-out;transform:translate(-50%,-50%);translate:calc(var(--px,0) * 16px) calc(var(--py,0) * 16px);border:0;border-radius:50%;padding:7px;animation:2.4s ease-in-out infinite seal-pulse;position:absolute;top:calc(58% - 8px);left:50%}.seal-button:hover{transform:translate(-50%,-50%)scale(1.06)}.seal-ring{opacity:0;border:2px solid #ffffffbf;border-radius:50%;animation:2.4s ease-out infinite ring;position:absolute;inset:-4px}.seal-rim{border:2px dotted color-mix(in srgb, var(--primary) 25%, #fff);width:100%;height:100%;box-shadow:inset 0 0 0 3px var(--deep);border-radius:50%;place-items:center;display:grid}.seal-inner{border:1px solid color-mix(in srgb, var(--primary) 30%, #fff);color:#fff;width:56px;height:56px;font-family:var(--font-display);text-shadow:1px 1px var(--deep);border-radius:50%;place-items:center;font-size:21px;font-style:italic;display:grid}.stage-opening .seal-button,.stage-open .seal-button{animation:.9s cubic-bezier(.5,0,.3,1) forwards seal-break}.tpl-garden{--font-display:"Playfair Display", Georgia, serif;--font-hand:"Pinyon Script", cursive}.tpl-garden .script-heading{font-size:46px}.tpl-garden .hero,.paper-bg{background:radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 40%), radial-gradient(circle at 85% 90%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 45%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"), var(--paper)}.paper-bg{position:absolute;inset:0}.tpl-garden .hero-frame{border:1px solid var(--line);border-radius:220px 220px 18px 18px;inset:26px}.tpl-garden .hero-frame:before{content:"";border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:212px 212px 12px 12px;position:absolute;inset:7px}.tpl-garden .hero-frame .corner-ornament{width:58%}.tpl-garden .corner-ornament{color:var(--primary);opacity:.75}.tpl-garden .countdown-section{background:linear-gradient(150deg, var(--primary), color-mix(in srgb, var(--primary) 70%, #fff) 50%, var(--deep));background-size:220% 220%}.tpl-garden .dress-frame{border-radius:200px 200px 24px 24px}.cg-head{text-align:center;z-index:2;position:absolute;top:11%;left:0;right:0}.cg-names{font:italic 400 34px var(--font-display);margin:10px 0 8px}.cg-names em{font-family:var(--font-hand);color:var(--primary);font-size:38px;font-style:normal}.envelope{z-index:5;aspect-ratio:1.45;perspective:900px;width:min(80vw,330px);transform:translate(-50%,-50%);translate:calc(var(--px,0) * 12px) calc(var(--py,0) * 12px);transition:translate .35s ease-out, transform 1s var(--ease);background:0 0;border:0;padding:0;animation:4s ease-in-out infinite env-float;position:absolute;top:56%;left:50%}.env-back,.env-front,.env-flap,.env-letter{display:block;position:absolute;inset:0}.env-back{background:color-mix(in srgb, var(--primary) 30%, var(--bg));box-shadow:0 24px 40px -20px color-mix(in srgb, var(--deep) 60%, transparent);border-radius:6px}.env-letter{z-index:1;transition:transform 1s var(--ease) .55s;inset:8px 14px}.env-letter-inner{background:var(--paper);border:1px solid var(--line);box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--bg) 60%, #fff);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0}.env-letter .cover-invite{margin:0 0 4px;font-size:26px;animation:none}.env-letter .cover-guest{margin:0;font-size:16px;animation:none}.env-date{font-family:var(--font-display);letter-spacing:.08em;color:var(--ink-soft);font-size:12px}.env-front{z-index:2;background:linear-gradient(165deg, color-mix(in srgb, var(--primary) 18%, var(--bg)), color-mix(in srgb, var(--primary) 32%, var(--bg)));clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);border-radius:6px}.env-front:before{content:"";background:linear-gradient(to top right, transparent 49.6%, color-mix(in srgb, var(--deep) 18%, transparent) 50%, transparent 50.4%), linear-gradient(to top left, transparent 49.6%, color-mix(in srgb, var(--deep) 18%, transparent) 50%, transparent 50.4%);position:absolute;inset:0}.env-flap{z-index:3;background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 40%, var(--bg)), color-mix(in srgb, var(--primary) 26%, var(--bg)));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;filter:drop-shadow(0 3px 3px #0000001f);border-radius:6px 6px 0 0;height:58%;transition:transform .8s cubic-bezier(.6,0,.3,1) .2s,z-index 0s .6s}.env-seal{z-index:4;background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--accent) 60%, #fff), var(--accent) 55%, color-mix(in srgb, var(--accent) 55%, #000));width:62px;height:62px;box-shadow:0 4px 10px #00000040, 0 0 0 3px color-mix(in srgb, var(--accent) 50%, #fff);transition:transform .5s var(--ease-back), opacity .4s;border-radius:50%;place-items:center;margin:-31px 0 0 -31px;animation:2.4s ease-in-out infinite seal-pulse;display:grid;position:absolute;top:52%;left:50%}.env-seal span{font:italic 17px var(--font-display);color:#fff;text-shadow:1px 1px #00000040;border:1px dashed #fff9;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.cv-garden.stage-opening .env-seal,.cv-garden.stage-open .env-seal{opacity:0;transform:scale(1.4)rotate(40deg)}.cv-garden.stage-opening .env-flap,.cv-garden.stage-open .env-flap{z-index:0;transform:rotateX(180deg)}.cv-garden.stage-opening .env-letter,.cv-garden.stage-open .env-letter{z-index:1;transform:translateY(-62%)}.cv-garden.stage-opening .envelope,.cv-garden.stage-open .envelope{animation:none}.cv-garden.stage-open .envelope{opacity:0;transition:transform 1.2s var(--ease), opacity 1s .2s;transform:translate(-50%,-50%)scale(2.6)}.cv-garden.stage-open .cg-head,.cv-garden.stage-open .cover-deco{opacity:0;transition:opacity .6s}.cv-garden{transition:opacity 1s .4s}.cv-garden.stage-open{opacity:0}.tpl-deco{--font-display:"Marcellus", Georgia, serif;--font-hand:"Poiret One", sans-serif}.tpl-deco .script-heading{letter-spacing:.14em;text-transform:uppercase;font-family:Poiret One,sans-serif;font-size:34px;font-weight:400}.tpl-deco .hero-names{font-family:"Italiana", var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:clamp(46px,12vw,64px)}.tpl-deco .hero-amp{color:var(--primary);font-family:Italiana,serif}.tpl-deco .section-padding:not(.countdown-section):not(.hero){background:var(--bg)}.tpl-deco .hero{background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--primary) 16%, var(--bg)), var(--bg) 70%)}.tpl-deco .hero-frame{border:1px solid var(--primary);clip-path:polygon(30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px),0 30px);inset:22px}.tpl-deco .hero-frame:before{content:"";border:1px solid color-mix(in srgb, var(--primary) 50%, transparent);position:absolute;inset:8px}.tpl-deco .hero-frame .corner-ornament{opacity:.9;width:34%}.tpl-deco .corner-ornament,.tpl-deco .flourish{color:var(--primary)}.tpl-deco .countdown-section{background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 12%, var(--bg)), var(--bg));color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);animation:none}.tpl-deco .countdown-cell{border-color:var(--primary);border-radius:0}.tpl-deco .countdown-cell strong{color:var(--primary)}.tpl-deco .ghost-button{color:var(--primary);border-color:var(--primary)}.tpl-deco .countdown-section .section-kicker,.tpl-deco .rising-hearts span{color:color-mix(in srgb, var(--primary) 60%, transparent)}.tpl-deco .story-card,.tpl-deco .attendance-choice button,.tpl-deco .rsvp-form :is(input,textarea,select),.tpl-deco .timeline-count,.tpl-deco .primary-button,.tpl-deco .outline-button,.tpl-deco .ghost-button{border-radius:0}.tpl-deco .dress-frame{border-color:var(--primary);clip-path:polygon(40px 0,calc(100% - 40px) 0,100% 40px,100% calc(100% - 40px),calc(100% - 40px) 100%,40px 100%,0 calc(100% - 40px),0 40px);border-radius:0}.dg-sunburst{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--primary) 22%, transparent) 0 2deg, transparent 2deg 12deg);width:900px;height:900px;transition:transform 1.4s var(--ease), opacity 1s;border-radius:50%;margin:-450px 0 0 -450px;animation:90s linear infinite spin;position:absolute;top:46%;left:50%;-webkit-mask:radial-gradient(circle,#000 10%,#0000 62%);mask:radial-gradient(circle,#000 10%,#0000 62%)}.hero-sunburst{opacity:.7;top:30%}.dg-gate{z-index:3;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 85%, var(--primary)), var(--bg));width:50%;transition:transform 1.5s cubic-bezier(.7,0,.25,1) .25s;position:absolute;top:0;bottom:0;overflow:hidden}.dg-l{border-right:1px solid var(--primary);left:0}.dg-r{border-left:1px solid var(--primary);right:0;transform:scaleX(-1)}.dg-lines{background:repeating-linear-gradient(90deg, transparent 0 22px, color-mix(in srgb, var(--primary) 30%, transparent) 22px 23px), linear-gradient(180deg, transparent 70%, color-mix(in srgb, var(--primary) 12%, transparent));position:absolute;inset:0}.dg-lines:after{content:"";border:1px solid color-mix(in srgb, var(--primary) 45%, transparent);border-right:0;position:absolute;inset:18px}.dg-fan{width:46%;height:auto;color:var(--primary);position:absolute;top:50%;right:0;transform:translateY(-50%)}.cv-deco .dg-sunburst{z-index:4;pointer-events:none}.cv-deco .cover-deco{z-index:4}.cv-deco .cover-deco .corner-ornament{width:30%;color:var(--primary)}.dg-center{z-index:5;text-align:center;transition:opacity .6s, transform 1s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 30px;display:flex;position:absolute;inset:0}.dg-center .micro-label{color:var(--primary)}.dg-names{letter-spacing:.08em;text-transform:uppercase;flex-direction:column;margin:10px 0 18px;font-family:Italiana,serif;font-size:40px;line-height:1.05;display:flex}.dg-names em{color:var(--primary);font-size:30px;font-style:normal}.dg-medallion{width:104px;height:104px;translate:calc(var(--px,0) * 14px) calc(var(--py,0) * 14px);transition:translate .35s ease-out, transform 1s var(--ease), opacity .8s .3s;background:0 0;border:0;margin:8px 0 18px;padding:0;position:relative}.dg-med-ring{border:1px solid var(--primary);box-shadow:0 0 30px color-mix(in srgb, var(--primary) 35%, transparent);animation:3s ease-in-out infinite med-pulse;position:absolute;inset:0;transform:rotate(45deg)}.dg-med-ring:before{content:"";border:1px solid color-mix(in srgb, var(--primary) 55%, transparent);position:absolute;inset:7px}.dg-med-inner{background:radial-gradient(circle at 35% 30%, var(--accent), var(--primary) 60%, color-mix(in srgb, var(--primary) 50%, #000));color:var(--bg);letter-spacing:.05em;border-radius:50%;place-items:center;font-family:Italiana,serif;font-size:20px;display:grid;position:absolute;inset:18px}.dg-center .cover-invite{text-transform:uppercase;letter-spacing:.3em;color:var(--ink);font-family:Poiret One,sans-serif;font-size:14px}.dg-center .cover-date{color:var(--primary);letter-spacing:.25em;text-transform:uppercase;font-size:11px}.cv-deco.stage-opening .dg-medallion,.cv-deco.stage-open .dg-medallion{opacity:0;transform:rotate(225deg)scale(.2)}.cv-deco.stage-opening .dg-center,.cv-deco.stage-open .dg-center{opacity:0;transition-delay:.2s;transform:scale(.94)}.cv-deco.stage-opening .dg-l,.cv-deco.stage-open .dg-l{transform:translate(-102%)}.cv-deco.stage-opening .dg-r,.cv-deco.stage-open .dg-r{transform:scaleX(-1)translate(-102%)}.cv-deco.stage-opening .dg-sunburst,.cv-deco.stage-open .dg-sunburst{opacity:0;transform:scale(1.8)}.cv-deco.stage-opening .cover-deco,.cv-deco.stage-open .cover-deco{opacity:0;transition:opacity .5s}.cv-deco.stage-opening,.cv-deco.stage-open{background:0 0}.tpl-amalfi{--font-display:"Bodoni Moda", Didot, serif;--font-hand:"Allura", cursive}.tpl-amalfi .hero-names{letter-spacing:-.02em;font-style:italic}.tpl-amalfi .script-heading{font-size:52px}.am-tile-bg,.tpl-amalfi .am-tiles,.tpl-amalfi .tile-strip{background:radial-gradient(circle at 50% 50%, var(--accent) 0 14%, transparent 15%), conic-gradient(from 45deg at 50% 50%, var(--primary) 0 25%, #fff 0 50%, var(--primary) 0 75%, #fff 0) 0 0 / 28px 28px, #fff;background-size:28px 28px}.tpl-amalfi .hero{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, var(--paper)), var(--paper) 60%)}.tpl-amalfi .hero-frame{border:12px solid #0000;border-image:repeating-linear-gradient(45deg, var(--primary) 0 6px, #fff 6px 12px, var(--accent) 12px 15px, #fff 15px 21px) 12;opacity:.85;inset:20px}.tpl-amalfi .hero-frame .corner-ornament{opacity:.95;width:62%;top:-6px}.tpl-amalfi .hero-frame .ornament-tl{left:-6px}.tpl-amalfi .hero-frame .ornament-tr{right:-6px}.tpl-amalfi .corner-ornament{color:color-mix(in srgb, #5c4a2a 60%, var(--primary));opacity:.85}.tpl-amalfi .countdown-section{background:var(--primary);animation:none}.tpl-amalfi .countdown-section:before,.tpl-amalfi .details-section:before{content:"";background:radial-gradient(circle at 50% 50%, var(--accent) 0 14%, transparent 15%), conic-gradient(from 45deg at 50% 50%, var(--primary) 0 25%, #fff 0 50%, var(--primary) 0 75%, #fff 0) 0 0 / 14px 14px;background-size:14px 14px;height:14px;position:absolute;top:0;left:0;right:0}.cv-amalfi{background:0 0}.am-wall{background:radial-gradient(ellipse at 50% 30%, #fff 0, color-mix(in srgb, var(--accent) 12%, var(--bg)) 60%), var(--bg);position:absolute;inset:0}.am-tiles{z-index:1;height:34px;position:absolute;left:0;right:0;box-shadow:0 2px 6px #00000014}.am-tiles-top{top:0}.am-tiles-bottom{bottom:0}.cv-amalfi .cover-deco{z-index:3}.cv-amalfi .cover-deco .corner-ornament{opacity:1;width:52%;top:18px}.am-head{text-align:center;z-index:4;position:absolute;top:15%;left:0;right:0}.am-names{font:italic 400 38px var(--font-display);color:var(--ink);margin-top:8px}.am-names em{font-family:var(--font-hand);color:var(--primary);font-size:42px;font-style:normal}.am-window{z-index:5;aspect-ratio:.78;width:min(62vw,250px);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 30%, transparent), 0 24px 40px -20px #00000059;perspective:800px;transform:translate(-50%,-50%);translate:calc(var(--px,0) * 10px) calc(var(--py,0) * 10px);transition:translate .35s ease-out, transform 1.1s var(--ease) .6s, opacity .8s .7s;background:0 0;border:10px solid #fff;border-radius:120px 120px 6px 6px;padding:0;position:absolute;top:52%;left:50%;overflow:visible}.am-view{background:linear-gradient(#8fd0f2,#d9f1fb 55%,#2f7fb4 56%,#1d5d8f);border-radius:110px 110px 0 0;position:absolute;inset:0;overflow:hidden}.am-sun{background:radial-gradient(circle, #fff7c2, var(--accent) 70%);width:46px;height:46px;box-shadow:0 0 40px var(--accent);border-radius:50%;position:absolute;top:26%;left:60%}.am-sea{background:repeating-linear-gradient(#0000 0 6px,#ffffff40 6px 7px);animation:3s linear infinite waves;position:absolute;inset:56% 0 0}.am-boat{border-bottom:14px solid #fff;border-left:11px solid #0000;border-right:11px solid #0000;width:22px;height:14px;animation:10s ease-in-out infinite alternate boat;position:absolute;top:50%;left:20%}.am-shutter{z-index:2;background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 85%, #000), var(--primary) 30%, color-mix(in srgb, var(--primary) 80%, #fff) 100%);width:50%;transition:transform 1.1s cubic-bezier(.6,0,.25,1);position:absolute;top:0;bottom:0}.am-shutter i{background:repeating-linear-gradient(180deg, color-mix(in srgb, var(--primary) 70%, #000) 0 2px, color-mix(in srgb, var(--primary) 85%, #fff) 2px 9px);border:2px solid color-mix(in srgb, var(--primary) 60%, #000);position:absolute;inset:10px}.am-shutter-l{transform-origin:0;border-radius:110px 0 0;left:0}.am-shutter-l i{border-radius:100px 0 0}.am-shutter-r{transform-origin:100%;border-radius:0 110px 0 0;right:0}.am-shutter-r i{border-radius:0 100px 0 0}.am-shutter-r:before{content:"";background:var(--accent);z-index:2;border-radius:3px;width:6px;height:18px;position:absolute;top:50%;left:4px;box-shadow:0 0 0 1px #0003}.am-sill{background:#fff;border-radius:3px;height:14px;position:absolute;bottom:-22px;left:-22px;right:-22px;box-shadow:0 6px 10px -4px #00000040}.am-foot{text-align:center;z-index:4;position:absolute;bottom:12%;left:0;right:0}.am-window:hover .am-shutter-l{transform:rotateY(-12deg)}.am-window:hover .am-shutter-r{transform:rotateY(12deg)}.cv-amalfi.stage-opening .am-shutter-l,.cv-amalfi.stage-open .am-shutter-l{transform:rotateY(-115deg)}.cv-amalfi.stage-opening .am-shutter-r,.cv-amalfi.stage-open .am-shutter-r{transform:rotateY(115deg)}.cv-amalfi.stage-open .am-window{opacity:0;transform:translate(-50%,-50%)scale(4)}.cv-amalfi.stage-open :is(.am-head,.am-foot,.cover-deco){opacity:0;transition:opacity .5s}.cv-amalfi{transition:opacity .9s .8s}.cv-amalfi.stage-open{opacity:0}.tpl-andalus{--font-display:"Cinzel", Georgia, serif;--font-hand:"Amiri", Georgia, serif;--font-arabic:"Aref Ruqaa", "Amiri", serif}.tpl-andalus .script-heading,.tpl-lantern .script-heading{letter-spacing:.01em;font-size:38px;font-style:italic}.tpl-andalus .hero-names{letter-spacing:.04em;font-size:clamp(40px,11vw,56px);line-height:1.05}.tpl-andalus .hero-amp{font-family:Amiri,serif;font-size:44px;font-style:italic}.tpl-andalus .hero{background:radial-gradient(ellipse at 50% 35%, var(--paper), var(--bg) 75%)}.tpl-andalus .hero .pattern-bg{opacity:.1}.tpl-andalus .verse-arabic{font-family:Amiri,serif}.hero-arch{width:86%;height:94%;color:var(--accent);position:absolute;inset:3% 7%}.hero-corners{pointer-events:none;position:absolute;inset:0}.hero-corners .corner-ornament{width:34%;color:var(--accent)}.tpl-andalus .corner-ornament{color:var(--accent);opacity:.8}.tpl-andalus .countdown-section{background:linear-gradient(150deg, var(--primary), color-mix(in srgb, var(--primary) 70%, #000));animation:none}.tpl-andalus .countdown-section:after,.tpl-lantern .countdown-section:after{content:"";pointer-events:none;opacity:.12;background:var(--accent);-webkit-mask:inherit;position:absolute;inset:0}.tpl-andalus .dress-frame{border-color:var(--accent);border-radius:200px 200px 6px 6px}.cv-andalus{background:radial-gradient(ellipse at 50% 40%, var(--paper), var(--bg) 70%)}.cv-andalus .pattern-bg{opacity:.14}.cv-andalus .cover-deco .corner-ornament{width:30%;color:var(--accent)}.cv-andalus .bismillah{z-index:4;font-size:28px;position:absolute;top:6%;left:0;right:0}.arch-wrap{z-index:5;aspect-ratio:2/3;width:min(58vw,230px);transform:translate(-50%,-50%);translate:calc(var(--px,0) * 10px) calc(var(--py,0) * 10px);transition:translate .35s ease-out,transform 1.3s cubic-bezier(.6,0,.2,1) .5s,opacity 1s .7s;position:absolute;top:47%;left:50%}.arch-outline{width:calc(100% + 20px);height:calc(100% + 20px);color:var(--accent);z-index:2;pointer-events:none;position:absolute;inset:-10px}.arch-doors{perspective:700px;background:0 0;border:0;padding:0;position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%}.arch-light{background:radial-gradient(ellipse at 50% 65%, #fffbe6, var(--accent) 45%, color-mix(in srgb, var(--accent) 50%, var(--primary)));opacity:.6;transition:opacity .8s;position:absolute;inset:0}.arch-door{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 80%, #000), var(--primary) 40%, color-mix(in srgb, var(--primary) 80%, #fff));width:50%;transition:transform 1.2s cubic-bezier(.6,0,.25,1);position:absolute;top:0;bottom:0}.arch-door i{border:1px solid color-mix(in srgb, var(--accent) 70%, transparent);background:var(--accent);opacity:.35;-webkit-mask:inherit;position:absolute;inset:10px 8px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Cpath d='M0 0L15 15M64 0L49 15M0 64L15 49M64 64L49 49M32 0V10M32 54V64M0 32H10M54 32H64'/%3E%3C/g%3E%3C/svg%3E") 0 0/32px 32px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Cpath d='M0 0L15 15M64 0L49 15M0 64L15 49M64 64L49 49M32 0V10M32 54V64M0 32H10M54 32H64'/%3E%3C/g%3E%3C/svg%3E") 0 0/32px 32px}.arch-door-l{transform-origin:0;border-right:1px solid color-mix(in srgb, var(--accent) 80%, transparent);left:0}.arch-door-r{transform-origin:100%;right:0}.arch-knocker{z-index:3;width:38px;height:38px;transition:transform .6s var(--ease-back), opacity .4s;margin:-19px 0 0 -19px;position:absolute;top:58%;left:50%}.arch-knocker svg{width:100%;height:100%;fill:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 70%, transparent));animation:2.6s ease-in-out infinite med-pulse}.ca-text{text-align:center;z-index:4;padding:0 20px;position:absolute;bottom:9%;left:0;right:0}.ca-arabic{font-family:var(--font-arabic);color:var(--primary);font-size:30px;line-height:1.4}.ca-names,.cl-names{font-family:var(--font-display);letter-spacing:.06em;font-size:26px}.ca-names em,.cl-names em{color:var(--accent);font-family:Amiri,serif}.cv-andalus .cover-invite,.cv-lantern .cover-invite{margin:4px 0;font-family:Amiri,serif;font-size:20px;font-style:italic}.cv-andalus.stage-opening .arch-door-l,.cv-andalus.stage-open .arch-door-l{transform:rotateY(-105deg)}.cv-andalus.stage-opening .arch-door-r,.cv-andalus.stage-open .arch-door-r{transform:rotateY(105deg)}.cv-andalus.stage-opening .arch-light,.cv-andalus.stage-open .arch-light{opacity:1}.cv-andalus.stage-opening .arch-knocker,.cv-andalus.stage-open .arch-knocker{opacity:0;transform:scale(2)rotate(90deg)}.cv-andalus.stage-open .arch-wrap{opacity:0;transform:translate(-50%,-45%)scale(5)}.cv-andalus.stage-open :is(.ca-text,.bismillah,.cover-deco){opacity:0;transition:opacity .5s}.cv-andalus{transition:opacity .8s 1s}.cv-andalus.stage-open{opacity:0}.tpl-lantern{--font-display:"El Messiri", Georgia, serif;--font-hand:"El Messiri", serif;--font-arabic:"Aref Ruqaa", "Amiri", serif}.tpl-lantern .hero-names{letter-spacing:0;font-size:clamp(46px,12vw,64px)}.tpl-lantern .hero-amp{color:var(--primary);font-family:Amiri,serif;font-style:italic}.tpl-lantern .verse-arabic{color:var(--accent);font-family:Amiri,serif}.tpl-lantern .section-padding:not(.countdown-section):not(.hero){background:linear-gradient(180deg, var(--bg), color-mix(in srgb, var(--bg) 85%, var(--primary)))}.tpl-lantern .hero{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--bg) 75%, #6b7bd0), var(--bg) 60%)}.tpl-lantern .countdown-section{background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 18%, var(--bg)), var(--bg));color:var(--ink);animation:none}.tpl-lantern .countdown-cell,.tpl-deco .countdown-cell{border-color:var(--line);background:color-mix(in srgb, var(--primary) 8%, transparent)}.tpl-lantern .countdown-cell strong{color:var(--accent)}.tpl-lantern .ghost-button{color:var(--accent);border-color:var(--accent)}.tpl-lantern .countdown-section .section-kicker,.tpl-lantern .rising-hearts span{color:color-mix(in srgb, var(--accent) 55%, transparent)}.tpl-lantern .corner-ornament{color:var(--primary)}.night-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.night-sky .star{animation:twinkle 3.4s ease-in-out var(--d) infinite;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 4px #fff}.shooting-star{opacity:0;background:linear-gradient(90deg,#fff,#0000);width:120px;height:1px;animation:7s ease-in 3s infinite shoot;position:absolute;top:12%;left:70%;transform:rotate(-25deg)}.crescent{color:var(--accent);filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 55%, transparent))}.cover-moon{z-index:2;width:64px;animation:5s ease-in-out infinite alternate moon-glow;position:absolute;top:7%;right:10%}.hero-moon{opacity:.9;width:54px;position:absolute;top:9%;right:12%}.hang{width:calc(60px * var(--s,1));transform-origin:top;animation:swing 4.5s ease-in-out var(--d,0s) infinite;z-index:2;position:absolute;top:0}.hang-string{width:1px;height:var(--len,40px);background:color-mix(in srgb, var(--primary) 70%, transparent);margin:0 auto;display:block}.hanging-lanterns{pointer-events:none;height:260px;position:absolute;inset:0 0 auto}.hanging-lanterns .hang,.side-lanterns .hang{margin-left:calc(-30px * var(--s,1))}.cv-lantern{background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--primary) 20%, var(--bg)), var(--bg) 60%)}.cv-lantern .bismillah{z-index:3;color:var(--accent);font-size:26px;position:absolute;top:16%;left:0;right:0}.main-lantern{z-index:5;transform-origin:top;width:96px;translate:calc(var(--px,0) * 8px) 0;background:0 0;border:0;margin-left:-48px;padding:0;transition:translate .35s ease-out;animation:4s ease-in-out infinite swing;position:absolute;top:0;left:50%}.main-lantern .hang-string{height:31vh}.main-lantern .lantern{width:96px}.main-lantern:not(:disabled):hover .lantern{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 50%, transparent))}.lantern-halo{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent), transparent 65%);opacity:0;pointer-events:none;border-radius:50%;width:180px;height:180px;margin-left:-90px;transition:opacity .6s,transform 1s;position:absolute;bottom:20px;left:50%}.main-lantern:not(:disabled) .lantern-halo{opacity:.25;animation:2.4s ease-in-out infinite halo-hint}.cl-text{text-align:center;z-index:4;padding:0 20px;position:absolute;bottom:12%;left:0;right:0}.cl-text .ca-arabic{color:var(--accent)}.light-flood{z-index:7;pointer-events:none;background:radial-gradient(circle at 50% 45%, #fff9e0, var(--accent) 30%, color-mix(in srgb, var(--accent) 40%, var(--bg)) 70%);clip-path:circle(0% at 50% 44%);transition:clip-path 1.1s cubic-bezier(.6,0,.3,1) .35s,opacity .8s 1.3s;position:absolute;inset:0}.cv-lantern.stage-opening .lantern-halo,.cv-lantern.stage-open .lantern-halo{opacity:1;animation:none;transform:scale(2.2)}.cv-lantern.stage-opening .main-lantern,.cv-lantern.stage-open .main-lantern{animation:none}.cv-lantern.stage-opening .light-flood,.cv-lantern.stage-open .light-flood{clip-path:circle(150% at 50% 44%)}.cv-lantern.stage-open .light-flood{opacity:0}.cv-lantern{transition:opacity .7s 1.3s}.cv-lantern.stage-open{opacity:0}@keyframes silk{to{transform:translate(6%,4%)rotate(2deg)}}@keyframes shimmer{0%{background-position:100% 0}60%,to{background-position:-50% 0}}@keyframes ribbon-sweep{0%{background-position:150% 0}70%,to{background-position:-50% 0}}@keyframes ribbon-sweep-v{0%{background-position:0 150%}70%,to{background-position:0 -50%}}@keyframes bow-breathe{50%{transform:translate(-50%)rotate(-3deg)scale(1.03)}}@keyframes tail-sway{50%{transform:rotate(22deg)}}@keyframes tail-sway-r{50%{transform:rotate(-22deg)}}@keyframes seal-pulse{50%{box-shadow:0 5px 15px #0000004d, 0 0 0 12px color-mix(in srgb, var(--primary) 18%, transparent)}}@keyframes seal-break{0%{transform:translate(-50%,-50%)scale(1)}25%{transform:translate(-50%,-50%)scale(.88)rotate(-8deg)}55%{opacity:1;filter:brightness(1.3);transform:translate(-50%,-50%)scale(1.35)rotate(12deg)}to{opacity:0;filter:blur(6px)brightness(1.6);transform:translate(-50%,-50%)scale(2.2)rotate(30deg)}}@keyframes env-float{50%{transform:translate(-50%,calc(-50% - 6px))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes med-pulse{50%{box-shadow:0 0 46px color-mix(in srgb, var(--primary) 55%, transparent);filter:brightness(1.15)}}@keyframes waves{to{background-position:0 14px}}@keyframes boat{to{left:62%}}@keyframes shoot{0%{opacity:0;transform:rotate(-25deg)translate(0)}5%{opacity:1}15%,to{opacity:0;transform:rotate(-25deg)translate(-320px)}}@keyframes moon-glow{to{filter:drop-shadow(0 0 30px color-mix(in srgb, var(--accent) 80%, transparent))}}@keyframes halo-hint{50%{opacity:.55;transform:scale(1.15)}}@media (max-height:680px){.cover-content{top:19%}.cg-head,.am-head{top:7%}.envelope{width:min(70vw,280px);top:58%}.am-window{width:min(48vw,200px)}.arch-wrap{width:min(46vw,190px)}.ca-text,.cl-text{bottom:7%}}
.studio,.builder{--s-ink:#2b2228;--s-muted:#7a6d74;--s-line:#eadfe3;--s-bg:#fbf8f6;--s-card:#fff;--s-brand:#b8577a;--s-brand-2:#c8957f;color:var(--s-ink);font-family:var(--font-sans), system-ui, sans-serif;background:var(--s-bg);min-height:100vh}.st-btn{border:1px solid var(--s-line);background:var(--s-card);color:var(--s-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:500;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.st-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px #501e3259}.st-btn:disabled{opacity:.5;pointer-events:none}.st-btn-primary{background:linear-gradient(120deg, var(--s-brand), #d27593);color:#fff;border-color:#0000}.st-btn-sm{padding:8px 13px;font-size:12px}.st-hero{text-align:center;background:radial-gradient(at 20% 0,#fbe1ea,#0000 50%),radial-gradient(at 90% 30%,#f3e6d6,#0000 50%),radial-gradient(at 50% 100%,#e3efe4,#0000 55%);padding:90px 20px 60px;position:relative;overflow:hidden}.st-badge{border:1px solid var(--s-line);color:var(--s-muted);animation:rise-in .8s var(--ease) both;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.st-hero h1{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.02em;max-width:900px;animation:rise-in 1s var(--ease) .1s both;margin:22px auto 18px;font-size:clamp(38px,7vw,72px);font-weight:400;line-height:1.05}.st-hero h1 em{font-family:var(--font-script), cursive;color:var(--s-brand);font-size:1.1em;font-style:normal}.st-hero p{max-width:560px;color:var(--s-muted);animation:rise-in 1s var(--ease) .2s both;margin:0 auto 28px;font-size:15px;line-height:1.7}.st-hero-actions{animation:rise-in 1s var(--ease) .3s both;flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.st-designs{max-width:1240px;margin:0 auto;padding:30px 20px 60px}.st-filter{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:30px;display:flex}.st-filter button{border:1px solid var(--s-line);color:var(--s-muted);background:#fff;border-radius:999px;padding:9px 16px;font-size:13px}.st-filter button.on{background:var(--s-ink);color:#fff;border-color:var(--s-ink)}.st-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;display:grid}.st-card{background:var(--s-card);border:1px solid var(--s-line);animation:rise-in .8s var(--ease) calc(var(--i) * 90ms) both;transition:transform .35s var(--ease), box-shadow .35s;border-radius:26px;overflow:hidden;box-shadow:0 20px 50px -35px #501e3273}.st-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px #501e3280}.st-phone{background:#eee;height:460px;position:relative;overflow:hidden}.st-phone iframe{transform-origin:top;pointer-events:none;border:0;width:390px;height:844px;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.545)}.st-phone-link{position:absolute;inset:0}.st-card-body{padding:18px 20px 20px}.st-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.st-card h2{font:400 24px var(--font-serif), Georgia, serif;margin:0}.st-card p{color:var(--s-muted);margin:6px 0 12px;font-size:13px}.st-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--s-brand);background:#f6eef1;border-radius:999px;padding:4px 9px;font-size:10px}.st-tag-islamic{color:#0f5c4a;background:#e6f1ec}.st-swatches{gap:6px;margin-bottom:16px;display:flex}.st-swatches span{width:22px;height:22px;box-shadow:0 0 0 1px var(--s-line);border:2px solid #fff;border-radius:50%}.st-card-actions{flex-wrap:wrap;gap:8px;display:flex}.st-how{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1000px;margin:0 auto;padding:20px 20px 80px;display:grid}.st-how div{border:1px solid var(--s-line);background:#fff;border-radius:20px;padding:22px}.st-how span{width:34px;height:34px;color:var(--s-brand);background:#f6eef1;border-radius:50%;place-items:center;font-weight:600;display:grid}.st-how h3{font:400 22px var(--font-serif), Georgia, serif;margin:12px 0 6px}.st-how p{color:var(--s-muted);margin:0;font-size:13px;line-height:1.6}.st-foot{text-align:center;color:var(--s-muted);border-top:1px solid var(--s-line);padding:30px;font-size:12px}.bd-top{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--s-line);background:#fbf8f6e6;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex;position:sticky;top:0}.bd-top strong{font:400 20px var(--font-serif), Georgia, serif}.bd-back{color:var(--s-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.bd-top-actions{gap:8px;display:flex}.bd-layout{grid-template-columns:minmax(0,1fr) 440px;gap:28px;max-width:1280px;margin:0 auto;padding:24px 20px 100px;display:grid}.bd-panel{flex-direction:column;gap:14px;min-width:0;display:flex}.bd-group{border:1px solid var(--s-line);background:#fff;border-radius:20px;overflow:hidden}.bd-group summary{cursor:pointer;font:400 19px var(--font-serif), Georgia, serif;justify-content:space-between;align-items:baseline;gap:10px;padding:16px 20px;list-style:none;display:flex}.bd-group summary::-webkit-details-marker{display:none}.bd-group summary small{font:12px var(--font-sans), sans-serif;color:var(--s-muted)}.bd-group[open] summary{border-bottom:1px solid var(--s-line)}.bd-group-body{flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex}.bd-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bd-field{flex-direction:column;gap:6px;min-width:0;display:flex}.bd-field.wide{grid-column:1/-1}.bd-field>span{letter-spacing:.06em;text-transform:uppercase;color:var(--s-muted);font-size:11px;font-weight:600}.builder input:not([type=checkbox]):not([type=color]),.builder textarea,.builder select{border:1px solid var(--s-line);width:100%;color:var(--s-ink);background:#fdfbfa;border-radius:12px;padding:11px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.builder input:focus,.builder textarea:focus{border-color:var(--s-brand);outline:none;box-shadow:0 0 0 3px #b8577a26}.builder textarea{resize:vertical}.bd-templates{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.bd-tpl{border:1px solid var(--s-line);text-align:left;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 8px 10px;transition:border-color .2s,transform .2s;display:flex;position:relative}.bd-tpl:hover{transform:translateY(-2px)}.bd-tpl.on{border-color:var(--s-brand);box-shadow:0 0 0 2px #b8577a33}.bd-tpl-art{aspect-ratio:1.6;border-radius:9px;width:100%;margin-bottom:6px;display:block}.bd-tpl-name{font-size:13px;font-weight:600}.bd-tpl small{color:var(--s-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.bd-tpl-check{color:#fff;background:var(--s-brand);border-radius:50%;padding:2px;position:absolute;top:12px;right:12px}.bd-presets{flex-wrap:wrap;gap:8px;display:flex}.bd-preset{border:1px solid var(--s-line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 7px;font-size:12px;display:inline-flex}.bd-preset.on{border-color:var(--s-brand);box-shadow:0 0 0 2px #b8577a2e}.bd-shuffle{background:linear-gradient(120deg,#fff4f7,#f6f1e7);padding-left:12px}.bd-shuffle:hover svg{animation:.6s wobble}.bd-dots{display:flex}.bd-dots i{width:18px;height:18px;box-shadow:0 0 0 1px var(--s-line);border:2px solid #fff;border-radius:50%;margin-left:-6px}.bd-dots i:first-child{margin-left:0}.bd-colors{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bd-color{border:1px solid var(--s-line);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.bd-color input{cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;width:32px;height:32px;padding:0}.bd-color span{flex-direction:column;min-width:0;line-height:1.3;display:flex}.bd-color small{color:var(--s-muted);font-family:ui-monospace,monospace;font-size:10px}.bd-toggles{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.bd-toggle{cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.bd-toggle input{opacity:0;pointer-events:none;position:absolute}.bd-switch{background:#e7dde1;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.bd-switch:after{content:"";width:16px;height:16px;transition:transform .25s var(--ease-back);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.bd-toggle input:checked+.bd-switch{background:var(--s-brand)}.bd-toggle input:checked+.bd-switch:after{transform:translate(16px)}.bd-toggle input:focus-visible+.bd-switch{outline:2px solid var(--s-brand);outline-offset:2px}.bd-toggle-text{flex-direction:column;display:flex}.bd-toggle-text small{color:var(--s-muted);font-size:11px}.bd-row{grid-template-columns:90px 1fr 1fr 36px;align-items:center;gap:8px;display:grid}.bd-story{border-bottom:1px dashed var(--s-line);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.bd-story .bd-row{grid-template-columns:90px 1fr 36px}.bd-icon{border:1px solid var(--s-line);width:34px;height:34px;color:var(--s-muted);background:#fff;border-radius:10px;place-items:center;display:grid}.bd-icon:hover{color:var(--s-brand);border-color:var(--s-brand)}.bd-swatch-edit{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bd-swatch-edit span{position:relative}.bd-swatch-edit input{cursor:pointer;border:0;border-radius:50%;width:40px;height:40px;padding:0}.bd-swatch-edit span button{background:var(--s-ink);color:#fff;border:0;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:1;position:absolute;top:-6px;right:-6px}.bd-seg{background:#f3ecef;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.bd-seg button{color:var(--s-muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.bd-seg button.on{color:var(--s-ink);background:#fff;box-shadow:0 2px 8px -3px #0003}.bd-share{flex-direction:column;gap:12px;display:flex}.bd-linkbox{border:1px solid var(--s-line);color:var(--s-muted);background:#fdfbfa;border-radius:12px;align-items:center;gap:8px;padding:0 0 0 12px;display:flex}.bd-linkbox input{font-family:ui-monospace,monospace;box-shadow:none!important;background:0 0!important;border:0!important;font-size:12px!important}.bd-share-actions{flex-wrap:wrap;gap:8px;display:flex}.bd-guests{flex-direction:column;gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.bd-guests li{border:1px solid var(--s-line);border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-size:13px;display:flex}.bd-guests li span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bd-note{color:var(--s-muted);margin:0;font-size:12px;line-height:1.6}.bd-preview{flex-direction:column;align-self:start;gap:12px;display:flex;position:sticky;top:80px}.bd-preview-bar{color:var(--s-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.bd-device{background:#1d1a1c;border-radius:46px;width:390px;height:min(780px,100vh - 150px);margin:0 auto;padding:12px;position:relative;box-shadow:0 40px 80px -40px #280a1999,inset 0 0 0 2px #3b3539}.bd-device:before{content:"";z-index:2;background:#000;border-radius:20px;width:90px;height:24px;margin-left:-45px;position:absolute;top:20px;left:50%}.bd-device iframe{background:#fff;border:0;border-radius:36px;width:100%;height:100%}.bd-tabswitch{display:none}@media (max-width:980px){.bd-layout{grid-template-columns:1fr}.bd-preview{position:static}.builder.tab-edit .bd-preview,.builder.tab-preview .bd-panel{display:none}.bd-device{width:min(390px,100%);height:calc(100dvh - 190px)}.bd-tabswitch{z-index:30;background:var(--s-ink);color:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:14px;display:inline-flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -10px #00000080}.bd-top-actions .st-btn:first-child{display:none}}@media (max-width:560px){.bd-templates{grid-template-columns:repeat(2,1fr)}.bd-colors,.bd-toggles,.bd-grid{grid-template-columns:1fr 1fr}.bd-toggles{grid-template-columns:1fr}.bd-row{grid-template-columns:1fr 1fr 34px}.bd-row .bd-time{grid-column:1/-1}.bd-top strong{display:none}}