:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#39352f;--page:#f5f1e8;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}[hidden]{display:none!important}.inv-root{background:var(--page);min-height:100svh;color:var(--ink);font-family:Amiri,serif}.inv-root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 25%,#fffaf1aa,#0000 75%);position:fixed;inset:0}.experience{width:min(100% - 24px,460px);padding:max(24px,env(safe-area-inset-top)) 0 max(28px,env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;min-height:100svh;margin:0 auto;display:flex;position:relative}.stage{isolation:isolate;width:min(100% - 24px,460px,80svh - 88px);position:relative}.invitation{aspect-ratio:4/5;visibility:hidden;opacity:0;filter:drop-shadow(0 12px 14px #473b241a);outline:none;width:100%;position:relative}[data-state=closed] .stage{aspect-ratio:4/5}[data-state=closed] .invitation{position:absolute;inset:0}.card-art{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.copy{text-align:center;flex-direction:column;gap:clamp(9px,2.4vw,14px);width:100%;padding:16% 14% 15%;display:flex;position:relative}.inv-root p,.inv-root h1{margin:0;font-weight:400}.heading h1{font-size:clamp(17px,4.5vw,22px);line-height:1.3}.heading p{margin-top:3px;font:clamp(14px,3.7vw,18px)/1.3 Cormorant Garamond,serif}.names-ar p{overflow-wrap:anywhere;font-size:clamp(27px,7.5vw,36px);line-height:1.35}.amp{margin:2px 0;font:18px/1.2 Cormorant Garamond,serif;display:block}.names-en p{overflow-wrap:anywhere;padding:3px 0;font:clamp(31px,8.5vw,42px)/1.15 Great Vibes,cursive}.divider{color:#9e9583;justify-content:center;align-items:center;gap:4px;height:9px;display:flex}.divider:before,.divider:after{content:"";background:#b6ad9b;width:40px;height:1px}.divider span{font-size:14px;line-height:1}.wording p:first-child{font-size:clamp(15px,4.2vw,20px);line-height:1.65}.wording p:last-child{margin-top:6px;font:clamp(15px,4.2vw,20px)/1.2 Cormorant Garamond,serif}.date p:first-child{font-size:clamp(23px,6.2vw,29px);line-height:1.25}.date p:last-child{margin-top:4px;font:clamp(20px,5.4vw,25px)/1.2 Cormorant Garamond,serif}.copy footer{justify-content:center;gap:9px;font-size:12px;line-height:1.4;display:flex}.copy footer span:last-child{font-family:Cormorant Garamond,serif}.cover-viewport{aspect-ratio:4/5;filter:drop-shadow(0 12px 12px #473b2426);z-index:2;height:auto;position:absolute;inset:0 0 auto;overflow:hidden}.cover-panel{will-change:transform;transition:transform 1.55s var(--ease) .28s,opacity .6s ease 1.15s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(8% 8%,#0000 98%,#000 100%);mask-image:radial-gradient(8% 8%,#0000 98%,#000 100%)}.cover-panel img,.clasp img{object-fit:contain;width:100%;height:100%;display:block}.left{clip-path:inset(0 50% 0 0);z-index:2;transform-origin:0}.right{clip-path:inset(0 0 0 50%);z-index:1;transform-origin:100%}.clasp{z-index:3;clip-path:ellipse(8% 8%);transition:transform .55s var(--ease),opacity .4s ease .12s;pointer-events:none;position:absolute;inset:0}.cover-trigger{aspect-ratio:4/5;cursor:pointer;z-index:4;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0 0 auto}.cover-trigger:focus-visible{outline-offset:4px;outline:2px solid #8a775c}.open-button{min-height:60px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;margin:15px 0 0;padding:8px 35px;font-family:inherit;transition:opacity .25s;display:flex}.open-button span:first-child{font-size:26px;line-height:1.4}.open-button span:last-child{letter-spacing:2px;font:16px/1.4 Cormorant Garamond,serif}.open-button:hover{color:#71614a}button:focus-visible{outline-offset:5px;border-radius:3px;outline:2px solid #8a775c}[data-state=opening] .clasp,[data-state=open] .clasp{opacity:0;transform:translateY(-12px)scale(1.06)}[data-state=opening] .left,[data-state=open] .left{opacity:0;transform:perspective(1000px)translate(-65%)rotateY(-18deg)}[data-state=opening] .right,[data-state=open] .right{opacity:0;transform:perspective(1000px)translate(65%)rotateY(18deg)}[data-state=opening] .invitation,[data-state=open] .invitation{visibility:visible;opacity:1;transition:opacity .9s .25s}[data-state=opening] .copy{animation:reveal 1.2s var(--ease) both .35s}[data-state=opening] .open-button{opacity:0;pointer-events:none}.replay{color:#756d60;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:8px;font:14px Amiri,serif}.replay span{margin-right:6px;font-family:Cormorant Garamond,serif}.replay[hidden]{display:none}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width>=700px){.experience{padding-top:40px;padding-bottom:40px}}@media (height<=640px){.experience{padding-top:12px;padding-bottom:12px}.invitation{container-type:inline-size}.copy{gap:clamp(2px,2cqw,14px)}.heading h1{font-size:clamp(8px,3.7cqw,22px)}.heading p{font:clamp(7px,3.7cqw,18px)/1.3 Cormorant Garamond,serif}.names-ar p{font-size:clamp(11px,6.2cqw,36px)}.names-en p{font:clamp(12px,7.1cqw,42px)/1.15 Great Vibes,cursive}.amp{font-size:clamp(7px,4.2cqw,18px)}.wording p:first-child{font-size:clamp(7px,3.5cqw,20px)}.wording p:last-child{font:clamp(7px,3.5cqw,20px)/1.2 Cormorant Garamond,serif}.date p:first-child{font-size:clamp(9px,5.1cqw,29px)}.date p:last-child{font:clamp(8px,5.1cqw,25px)/1.2 Cormorant Garamond,serif}.copy footer{font-size:clamp(5px,2.8cqw,12px)}.open-button{min-height:0;margin-top:8px;padding:6px 24px}.open-button span:first-child{font-size:clamp(12px,6cqw,26px)}.open-button span:last-child{font-size:clamp(8px,4.4cqw,16px)}.replay{margin-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;transition-delay:0s!important;animation:none!important}[data-state=opening] .cover-panel{opacity:0;transform:none}}