@font-face{font-family:Invitation Naskh;src:url(/assets/decotype-naskh-extensions.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Invitation Diwani;src:url(/assets/diwani-letter.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color:#405b70;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:weight;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--invitation-width:min(100vw, 480px);--art-height:calc(var(--invitation-width) * 1672 / 941);--scene-height:max(100svh, var(--art-height));--art-offset:calc((var(--scene-height) - var(--art-height)) / 2);--ink:#405b70;--blue:#487492;--gold:#9a703d;--cream:#faf5ec;background:#edf2f6;font-family:Invitation Naskh,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scroll-behavior:smooth}body{min-width:280px}body.invitation-locked{height:100svh;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}p,h1,h2{margin:0}img{max-width:100%;display:block}::selection{color:#304f68;background:#c9dfed}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.invitation-shell{width:var(--invitation-width);background:var(--cream);min-height:100svh;margin-inline:auto;position:relative;box-shadow:0 0 80px #3f5b741f}.invitation{isolation:isolate;outline:none}.audio-toggle{z-index:20;bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, calc((100vw - var(--invitation-width)) / 2 + 16px));width:44px;height:44px;color:var(--ink);cursor:pointer;background:#faf5ecf0;border:1px solid #ba9660;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;box-shadow:0 2px 8px #6d56321f}.audio-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.stationary-frame{z-index:-1;width:var(--invitation-width);height:var(--scene-height);background:var(--cream);pointer-events:none;position:fixed;top:0;left:50%;transform:translate(-50%)}.stationary-frame img{top:var(--art-offset);width:100%;height:var(--art-height);position:absolute}.stationary-frame--foreground{z-index:3;-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--art-offset) + var(--art-height) * .245), transparent calc(var(--art-offset) + var(--art-height) * .285), transparent calc(var(--art-offset) + var(--art-height) * .695), #000 calc(var(--art-offset) + var(--art-height) * .755));mask-image:linear-gradient(to bottom, #000 calc(var(--art-offset) + var(--art-height) * .245), transparent calc(var(--art-offset) + var(--art-height) * .285), transparent calc(var(--art-offset) + var(--art-height) * .695), #000 calc(var(--art-offset) + var(--art-height) * .755))}.hero-section{z-index:4;min-height:var(--scene-height);background:var(--cream);align-items:center;display:grid;position:relative}.hero-artboard{aspect-ratio:9/16;width:100%;position:relative}.hero-artwork{object-fit:contain;width:100%;height:100%;display:block}.hero-video-toggle{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#faf5ece6;border:1px solid #ba9660;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:12px;right:12px}.hero-video-toggle svg{fill:currentColor}.hero-copy{justify-content:center;align-items:center;gap:calc(var(--invitation-width) * 2.2 / 100);text-align:center;flex-direction:column;display:flex;position:absolute;inset:calc(17% - 37px) 16% calc(31% + 37px)}.hero-verse{color:#876334;font-family:Invitation Diwani,Invitation Naskh,serif;font-size:clamp(21px, calc(var(--invitation-width) * 6.2 / 100), 30px);text-wrap:balance;margin-bottom:calc(var(--invitation-width) * 2 / 100);line-height:1.7}.hero-introduction,.hero-blessing{font-size:clamp(16px, calc(var(--invitation-width) * 4.55 / 100), 22px);text-wrap:balance;line-height:1.7}.hero-name{color:var(--blue);font-size:clamp(62px, calc(var(--invitation-width) * 19 / 100), 91px);padding-block:calc(var(--invitation-width) * 1 / 100);font-weight:700;line-height:1.15}.scroll-cue{z-index:1;color:var(--ink);font-size:clamp(14px, calc(var(--invitation-width) * 3.7 / 100), 18px);flex-direction:column;align-items:center;line-height:1.6;text-decoration:none;display:flex;position:absolute;top:93%;left:50%;translate:-50%}.scroll-cue svg{fill:none;stroke:var(--gold);stroke-width:1.4px}.hero-reveal{opacity:0;transform:translateY(14px)}.invitation--open .hero-reveal{animation:1s cubic-bezier(.22,1,.36,1) both hero-reveal}.invitation--open .hero-verse{animation-delay:.25s}.invitation--open .hero-introduction{animation-delay:.5s}.invitation--open .hero-name{animation-delay:.8s}.invitation--open .hero-blessing{animation-delay:1.1s}.invitation--open .scroll-cue{animation-delay:1.45s}@keyframes hero-reveal{to{opacity:1;transform:translateY(0)}}.framed-section{z-index:1;min-height:var(--scene-height);padding-block:calc(var(--art-offset) + var(--art-height) * .29) calc(var(--art-offset) + var(--art-height) * .31);text-align:center;align-items:center;padding-inline:17%;display:grid;position:relative}.section-content{width:100%}.section-content h2{margin-bottom:calc(var(--invitation-width) * 7 / 100);color:var(--blue);font-size:clamp(28px, calc(var(--invitation-width) * 8 / 100), 39px);font-weight:700;line-height:1.5}.invitation-copy{align-items:center;gap:calc(var(--invitation-width) * 4 / 100);font-size:clamp(19px, calc(var(--invitation-width) * 5.25 / 100), 25px);text-wrap:balance;flex-direction:column;line-height:1.6;display:flex}.person-name{color:var(--blue);font-size:clamp(28px, calc(var(--invitation-width) * 7.5 / 100), 36px);font-weight:700;line-height:1.55;display:block}.celebrant-name{color:var(--blue);font-size:clamp(49px, calc(var(--invitation-width) * 14 / 100), 68px);font-weight:700;line-height:1.3}.invitation-date time{margin-top:calc(var(--invitation-width) * 2 / 100);display:block}.invitation-welcome{color:#88673b}.countdown{gap:calc(var(--invitation-width) * 2 / 100);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.countdown-unit{min-width:0;padding:calc(var(--invitation-width) * 6 / 100) 0 calc(var(--invitation-width) * 4 / 100);align-items:center;gap:calc(var(--invitation-width) * 2 / 100);background:linear-gradient(#e8f1f773,#fffdf880);border:1px solid #ba9660;border-radius:48% 48% 7px 7px;flex-direction:column;display:flex}.countdown-number{color:var(--blue);font-family:Georgia,Times New Roman,serif;font-size:clamp(23px, calc(var(--invitation-width) * 6.4 / 100), 31px);font-variant-numeric:tabular-nums;line-height:1}.countdown-label{font-size:clamp(14px, calc(var(--invitation-width) * 3.8 / 100), 18px);line-height:1.3}.countdown-date{margin-top:calc(var(--invitation-width) * 6 / 100);color:var(--gold);font-size:clamp(19px, calc(var(--invitation-width) * 5.2 / 100), 25px);display:block}.schedule-timeline{height:calc(var(--invitation-width) * 49 / 100);min-height:155px;position:relative}.schedule-timeline__line{inset-block:0;background:linear-gradient(#0000,#b38a52 10% 90%,#0000);width:1px;position:absolute;left:50%;transform:translate(-50%)}.schedule-timeline__dot{border:1px solid var(--gold);background:#f5dfb8;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.schedule-timeline__indicator{z-index:2;width:calc(var(--invitation-width) * 10 / 100);height:calc(var(--invitation-width) * 10 / 100);background:var(--cream);will-change:transform;border:1px solid #b88c50;border-radius:50%;place-items:center;min-width:30px;min-height:30px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #6d56321f}.schedule-timeline__indicator img{width:65%;height:65%}.schedule-timeline__event{top:50%;grid-template-columns:minmax(0, 1fr) calc(var(--invitation-width) * 13 / 100) minmax(0, 1fr);align-items:center;display:grid;position:absolute;inset-inline:0;transform:translateY(-50%)}.schedule-timeline__event p{font-size:clamp(20px, calc(var(--invitation-width) * 5.5 / 100), 27px);line-height:1.5}.schedule-timeline__event time{color:var(--blue);font-size:clamp(25px, calc(var(--invitation-width) * 7 / 100), 34px);line-height:1.3}.schedule-timeline__event time span{font-size:.7em;display:block}.venue-icon{width:calc(var(--invitation-width) * 10 / 100);height:auto;margin:0 auto calc(var(--invitation-width) * 5 / 100)}.venue-name{font-size:clamp(25px, calc(var(--invitation-width) * 6.7 / 100), 32px);text-wrap:balance;line-height:1.8}.closing-copy{font-size:clamp(26px, calc(var(--invitation-width) * 7 / 100), 34px);text-wrap:balance;line-height:1.9}.closing-copy p+p{margin-top:calc(var(--invitation-width) * 3 / 100)}.ornament{width:calc(var(--invitation-width) * 28 / 100);height:1px;margin:calc(var(--invitation-width) * 8 / 100) auto;background:linear-gradient(90deg,#0000,#b68a50,#0000);display:block}[data-scroll-reveal]{opacity:0;transform:translateY(1.75rem)scale(.98)}.is-scroll-reveal-visible [data-scroll-reveal]{opacity:1;transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translate(0,0)scale(1)}.opening{z-index:10;background:#edf2f6;transition:opacity .8s,visibility .8s;position:fixed;inset:0}.opening--leaving{opacity:0;visibility:hidden;pointer-events:none}.opening-button{width:100%;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.opening-button:focus-visible{outline-offset:-6px}.opening-button:disabled{cursor:default;opacity:1}.opening-artboard{width:min(var(--invitation-width), calc(100svh * 9 / 16));aspect-ratio:9/16;display:block;position:relative}.opening-artboard video{object-fit:contain;width:100%;height:100%;display:block}.opening-prompt{place-items:center;height:6.3%;font-size:clamp(14px,min(5.3vw,2.98svh),25px);font-weight:700;line-height:1.3;transition:opacity .2s;display:grid;position:absolute;top:76.25%;left:29%;right:29%}.opening--playing .opening-prompt{opacity:0}.opening-skip{bottom:max(16px, env(safe-area-inset-bottom));min-height:42px;color:var(--ink);cursor:pointer;background:#faf5ecf0;border:1px solid #ba9660;border-radius:30px;padding:8px 20px;font-size:18px;position:absolute;left:50%;transform:translate(-50%)}@media (width<=350px){.hero-copy{gap:calc(var(--invitation-width) * 1.6 / 100);inset-inline:15%}.hero-verse{font-size:calc(var(--invitation-width) * 6.1 / 100);margin-bottom:0;line-height:1.6}.hero-introduction,.hero-blessing{font-size:calc(var(--invitation-width) * 4.65 / 100);line-height:1.65}.hero-name{font-size:calc(var(--invitation-width) * 19 / 100)}}@media (orientation:landscape) and (height<=600px){.stationary-frame--foreground{display:none}.stationary-frame img{opacity:.35}.framed-section{min-height:100svh;padding-block:70px}}@media (prefers-reduced-motion:reduce){.opening{transition:none}.hero-reveal,[data-scroll-reveal]{opacity:1;transform:none;transition:none!important;animation:none!important}.schedule-timeline__indicator{will-change:auto;top:50%;transform:translate(-50%,-50%)!important}}