@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');
.chapel svg{transform:scaleX(-1)}
.romantic-site{--paper:#f6f1e6;--ink:#20372f;--deep:#20372f;--gold:#b8935a;--soft:#eceade;--wine:#5c1f2e;background:var(--paper)}.letter-entry{height:100svh;min-height:700px;position:relative;background:#20372f;overflow:hidden;perspective:1600px}.letter-entry:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#57706055,transparent 70%)}.letter-recede{height:100%;transform:translateY(var(--letter-y,0px)) rotateX(var(--letter-tilt,0deg)) scale(var(--letter-scale,1));transform-origin:50% 90%;opacity:var(--letter-opacity,1)}.letter-stage{height:100%;position:relative;display:grid;place-items:center;perspective:1500px}.invitation{width:calc(100% - 40px);height:calc(100% - 32px);max-width:1600px;background:#f6f1e6;background-image:radial-gradient(ellipse at 45% 25%,#fffcf4,transparent 70%),linear-gradient(100deg,#b8935a0c,transparent 35%,#b8935a08);box-shadow:0 22px 70px #0004;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 60px;transform-origin:center;z-index:3;isolation:isolate}.letter-border{position:absolute;inset:19px;border:1px solid #b8935a88;pointer-events:none}.letter-border:after{content:"";position:absolute;inset:5px;border:1px solid #b8935a30}.letter-corner{position:absolute;right:43px;top:35px;width:63px;color:#b8935a}.letter-corner svg,.envelope-seal svg{stroke:currentColor;stroke-width:2}.letter-kicker{font:11px/1.6 Arial,sans-serif;letter-spacing:3px;color:#8a6b41;direction:ltr;margin-bottom:14px;max-width:70%}.letter-ornament{font:24px/1.8 'Noto Naskh Arabic',serif;color:#a07842}.invitation h1{font:600 clamp(35px,4.4vw,64px)/1.5 'Noto Naskh Arabic',serif;color:#5c1f2e;margin:12px 0 5px}.invitation h2{font:500 clamp(20px,2vw,29px)/1.8 'Noto Naskh Arabic',serif;color:#20372f;margin:0 0 12px}.letter-description{font-size:15px;color:#48584e;line-height:2;max-width:670px;margin:0}.letter-condition{font-size:12px;color:#6e6a5c;max-width:560px;margin:10px 0 17px;line-height:1.8}.stamp-cta{color:#f6f1e6;text-decoration:none;background:#5c1f2e;border:3px double #bb8b72;outline:1px solid #5c1f2e;outline-offset:3px;padding:11px 28px;border-radius:50%;min-width:194px;box-shadow:0 4px 0 #3e1423,0 8px 20px #5c1f2e20;transform:rotate(-4deg);display:flex;flex-direction:column;line-height:1.8}.stamp-cta span{font-size:15px;font-weight:600}.stamp-cta small{font:9px/1.8 Arial;letter-spacing:2px}.stamp-cta:hover{background:#743047}.stamp-cta:focus-visible{outline:3px solid #b8935a;outline-offset:7px}.letter-scroll{margin-top:22px;font-size:12px;text-decoration:none;color:#7c705d}.letter-scroll span{display:block;font-size:20px;line-height:1.4}.small-break{display:none}.intro-skip{position:absolute;top:0;left:50%;transform:translate(-50%,-120%);z-index:30;color:white;background:#5c1f2e;padding:8px 16px}.intro-skip:focus{transform:translate(-50%,0)}.envelope{position:absolute;width:420px;height:265px;z-index:4;pointer-events:none;opacity:0;perspective:1000px}.envelope-back{position:absolute;inset:0;background:#e1d2b5;box-shadow:0 24px 55px #0005;border-radius:4px}.envelope-pocket{position:absolute;inset:0;background:linear-gradient(150deg,#f2e9d9,#e4d7be);clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%);z-index:2}.envelope-flap{position:absolute;inset:0;background:linear-gradient(#faf2e1,#d8c5a3);clip-path:polygon(0 0,100% 0,50% 58%);transform-origin:50% 0;backface-visibility:visible;z-index:3}.envelope-seal{position:absolute;width:70px;height:70px;left:calc(50% - 35px);top:calc(50% - 25px);border-radius:48% 51% 47% 53%;background:#5c1f2e;border:4px double #b8935a;color:#dab984;padding:10px;z-index:4;box-shadow:0 4px 8px #0003}.flying-rings{position:absolute;z-index:8;width:180px;top:42%;left:calc(50% - 90px);pointer-events:none;opacity:0}.flying-rings svg{stroke:#b8935a;stroke-width:2.2;overflow:visible;filter:drop-shadow(0 2px 2px #9b722333)}.dove-flight{position:absolute;width:68px;bottom:10%;left:50%;z-index:6;color:#b8935a;opacity:0;pointer-events:none}.flight-two{width:51px;left:38%;color:#c4b28d}.flight-three{width:41px;left:65%;color:#8a9a85}
.intro-playing .envelope{animation:envelope-away 1.65s ease-in-out both}.intro-playing .envelope-flap{animation:flap-open .65s .25s ease-in-out both}.intro-playing .envelope-seal{animation:seal-off .35s .2s ease both}.intro-playing .invitation{animation:letter-open 1.25s .5s cubic-bezier(.22,.7,.2,1) both}.intro-playing .letter-line{animation:line-in .4s 1.45s ease both}.intro-playing .letter-ornament{animation-delay:1.5s}.intro-playing .invitation h1{animation-delay:1.6s}.intro-playing .invitation h2{animation-delay:1.72s}.intro-playing .letter-description{animation-delay:1.83s}.intro-playing .letter-condition{animation-delay:1.9s}.intro-playing .letter-scroll{animation-delay:2.02s}.intro-playing .stamp-cta{animation:stamp .4s 2s both}.intro-playing .letter-corner{animation:line-in .3s 2.1s both}.intro-playing .flying-rings{animation:rings-away 1.4s .6s both}.intro-playing .ring-left{animation:ring-left .85s .6s ease-in-out both}.intro-playing .ring-right{animation:ring-right .85s .6s ease-in-out both}.intro-playing .dove-flight{animation:dove-a 1.35s 1.05s ease-out both}.intro-playing .flight-two{animation-name:dove-b;animation-delay:1.1s;animation-duration:1.3s}.intro-playing .flight-three{animation-name:dove-c;animation-delay:1.2s;animation-duration:1.2s}
@keyframes envelope-away{0%,45%{opacity:1;transform:translateY(0)}80%{opacity:.8}100%{opacity:0;transform:translateY(180px) scale(.9)}}@keyframes flap-open{from{transform:rotateX(0)}to{transform:rotateX(175deg)}}@keyframes seal-off{to{opacity:0;transform:translateY(10px) scale(.8)}}@keyframes letter-open{0%{opacity:0;transform:translateY(100px) scale(.27) rotate(-4deg)}15%{opacity:1}45%{transform:translateY(-100px) scale(.4) rotate(3deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes line-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes stamp{0%{opacity:0;transform:scale(1.3) rotate(-10deg)}65%{opacity:1;transform:scale(.96) rotate(-3deg)}100%{opacity:1;transform:scale(1) rotate(-4deg)}}@keyframes ring-left{from{transform:translateX(-42vw) rotate(-35deg)}65%,100%{transform:translateX(0) rotate(0)}}@keyframes ring-right{from{transform:translateX(42vw) rotate(35deg)}65%,100%{transform:translateX(0) rotate(0)}}@keyframes rings-away{0%,55%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translate(32vw,-30vh) scale(.35)}}@keyframes dove-a{0%{opacity:0;transform:translate(-30vw,80px) rotate(-10deg)}20%{opacity:.75}65%{opacity:.5;transform:translate(-5vw,-33vh) rotate(15deg)}100%{opacity:0;transform:translate(22vw,-74vh) rotate(-15deg)}}@keyframes dove-b{0%{opacity:0;transform:translate(38vw,70px) scaleX(-1)}20%{opacity:.6}60%{transform:translate(15vw,-35vh) rotate(-17deg) scaleX(-1)}100%{opacity:0;transform:translate(-27vw,-69vh) rotate(10deg) scaleX(-1)}}@keyframes dove-c{0%{opacity:0;transform:translate(5vw,100px)}25%{opacity:.5}60%{transform:translate(13vw,-35vh) rotate(22deg)}100%{opacity:0;transform:translate(5vw,-75vh) rotate(-12deg)}}
.romantic-site .nav{background:#f6f1e6f5}.romantic-site .btn:not(.light):not(.outline){background:#5c1f2e;border-color:#5c1f2e}.georgia-scene{height:540px;background:linear-gradient(#9cae9c,#d6d8c5);position:relative;overflow:hidden;isolation:isolate}.scene-layer{position:absolute;inset:-100px 0 -90px;pointer-events:none}.scene-layer svg{width:100%;height:100%}.distant{transform:translateY(var(--far-y,0px))}.near{transform:translateY(var(--near-y,0px))}.chapel{transform:translateY(var(--chapel-y,0px))}.scene-mist{position:absolute;inset:0;background:linear-gradient(transparent 30%,#f6f1e64d 57%,transparent 80%);transform:translateY(var(--mist-y,0px));pointer-events:none}.scene-copy{position:relative;z-index:3;padding:90px 8%;color:#f6f1e6;text-shadow:0 2px 10px #20372f70;max-width:760px}.scene-copy .eyebrow{color:#20372f;text-shadow:none;font:11px Arial;letter-spacing:2px}.scene-copy h2{font:500 48px/1.5 'Noto Naskh Arabic',serif;margin:20px 0}.scene-copy p{font-size:15px}.scene-caption{position:absolute;bottom:13px;left:22px;font-size:12px;color:#f6f1e6b3}.scene-dove{position:absolute;left:24%;top:18%;width:53px;opacity:.28;color:#f6f1e6;transform:translateY(var(--mist-y,0px))}.contact{position:relative;overflow:hidden}.contact-dove{position:absolute;left:3%;top:23px;width:90px;opacity:.08;color:#f6f1e6;pointer-events:none}.romantic-site h2{font-family:'Noto Naskh Arabic',serif}.romantic-site .card-no,.romantic-site .country-code{color:#9b763e}
@media(max-width:760px){.letter-entry{min-height:690px}.invitation{width:calc(100% - 20px);height:calc(100% - 20px);padding:60px 28px 27px}.letter-border{inset:10px}.letter-corner{top:25px;right:25px;width:43px}.letter-kicker{font-size:8px;letter-spacing:1.6px;max-width:77%;margin-bottom:16px}.letter-ornament{font-size:22px}.invitation h1{font-size:38px;line-height:1.5;margin:9px 0}.invitation h2{font-size:22px;line-height:1.7}.small-break{display:block}.letter-description{font-size:14px;line-height:1.95}.letter-condition{font-size:12px;margin:12px 0 18px}.stamp-cta{padding:9px 19px;min-width:180px}.letter-scroll{margin-top:20px}.envelope{width:300px;height:190px}.envelope-seal{width:54px;height:54px;left:calc(50% - 27px);top:calc(50% - 20px);padding:7px}.flying-rings{width:130px;left:calc(50% - 65px)}.dove-flight{width:44px}.georgia-scene{height:470px}.scene-copy{padding:75px 26px}.scene-copy h2{font-size:39px}.scene-copy p{max-width:290px}.scene-copy .eyebrow{font-size:9px;letter-spacing:1px}.scene-layer svg{width:150%;max-width:none;margin-right:-20%}.scene-caption{font-size:11px}.scene-dove{left:10%;width:38px}}@media(max-height:730px) and (min-width:761px){.letter-entry{min-height:640px}.invitation h1{font-size:45px}.letter-kicker{margin-bottom:6px}.invitation h2{font-size:24px}.letter-ornament{font-size:20px}.letter-scroll{margin-top:12px}.letter-condition{margin:8px 0 12px}}@media(prefers-reduced-motion:reduce){.intro-playing *{animation:none!important}.letter-recede,.scene-layer,.scene-mist,.scene-dove{transform:none!important;opacity:1}.scene-dove{opacity:.28}.envelope,.flying-rings,.dove-flight{display:none!important}.invitation,.letter-line,.letter-corner,.stamp-cta{opacity:1!important}.letter-entry{scroll-behavior:auto}}