@font-face{font-family:Noto Serif Armenian;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-serif-armenian-armenian-400-normal-DR5bytFi.woff2)format("woff2"),url(/assets/noto-serif-armenian-armenian-400-normal-7AONt-u0.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff)format("woff")}:root{font-synthesis:none;font-family:Noto Serif Armenian,serif;font-weight:400}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:#342e2b;background:#faf3f1;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid #70562e}h1,h2,p{margin:0}h2{text-wrap:balance;font-size:clamp(22px,4.2vw,34px);font-weight:400;line-height:1.55}.ornament{width:clamp(120px,34vw,156px);height:auto;color:var(--gold);margin:clamp(14px,2.5vh,22px) auto;display:block}.intro{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) clamp(16px, 5vw, 32px) max(24px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;transition:opacity .55s,transform .65s;display:flex;position:relative;overflow:hidden}.intro.opening{animation:.55s cubic-bezier(.4,0,.2,1) 1.72s forwards introDissolve}@keyframes introDissolve{to{opacity:0;transform:scale(1.02)}}.envelope{aspect-ratio:430/280;cursor:pointer;perspective:1400px;isolation:isolate;background:0 0;border:0;width:min(430px,88vw);height:auto;margin:clamp(14px,3vh,36px) auto clamp(24px,4vh,44px);padding:0;transition:transform .75s cubic-bezier(.22,1,.36,1),box-shadow .75s;position:relative}.envelope:hover:not(:disabled){transform:translateY(-3px)}.envelope.opening{pointer-events:none;transform:translateY(38px);box-shadow:0 20px 42px -12px #4a312b33,0 6px 16px -4px #4a312b1a}.envelope-back{z-index:1;border:1px solid #9a786c61;border-radius:6px;position:absolute;inset:0}.letter{z-index:2;will-change:transform;border-radius:4px;justify-content:center;align-items:stretch;padding:clamp(7px,2vw,12px);transition:transform 1.05s cubic-bezier(.22,1,.36,1) .44s,box-shadow 1.05s .44s;display:flex;position:absolute;inset:7% 7.5% 2%;transform:translateY(0)}.letter-frame{text-align:center;border:1px solid #a47c7252;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:clamp(10px,2.8vw,18px) clamp(8px,2vw,14px) clamp(6px,1.5vw,12px);display:flex}.letter .ornament{width:clamp(76px,21vw,108px);margin:0 auto clamp(4px,1vw,8px)}.letter-initials{letter-spacing:.08em;color:#3a302d;font-size:clamp(20px,5.5vw,29px);line-height:1.15}.letter-names{color:var(--rose-deep);letter-spacing:.04em;margin-top:clamp(3px,.8vw,6px);font-size:clamp(12px,3.3vw,15px)}.letter small{color:var(--ink-muted);margin-top:clamp(4px,1vw,8px);font-size:clamp(10px,2.7vw,12.5px);line-height:1.35}.envelope.opening .letter{transform:translateY(-38%);box-shadow:0 20px 40px -10px #442c263d,0 6px 14px -4px #442c261f}.pocket{pointer-events:none;z-index:3;border-radius:6px;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.flap{pointer-events:none;transform-origin:top;z-index:4;width:100%;height:62%;transition:transform .72s ease-in-out 60ms,z-index 0s .42s;display:block;position:absolute;top:0;left:0;transform:rotateX(0)}.envelope.opening .flap{z-index:1;transform:rotateX(180deg)}.seal{z-index:5;border-radius:50%;place-items:center;width:clamp(54px,14.5vw,66px);height:clamp(54px,14.5vw,66px);padding:5px;transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .35s 80ms;display:grid;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.seal-ring{letter-spacing:.04em;border:1.2px solid #ffeeee73;border-radius:50%;place-items:center;width:100%;height:100%;font-size:clamp(12px,3.4vw,15px);font-weight:400;display:grid;box-shadow:inset 0 1px 4px #4e2c3061}.envelope.opening .seal{opacity:0;transform:translate(-50%,-85%)scale(.88)}.page{min-height:100svh;overflow-x:hidden}header{border-bottom:1px solid var(--border-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:clamp(16px,3vw,24px) clamp(16px,5vw,6%);font-size:clamp(12px,3.2vw,14px);display:grid}header span:first-child{text-align:left;white-space:nowrap}header span:nth-child(2){letter-spacing:clamp(.06em,.8vw,.14em);text-align:center;white-space:nowrap;font:clamp(10.5px,2.8vw,12.5px)/1.5 Noto Serif Armenian,serif}header span:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.hero{grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.hero-copy{text-align:center;width:100%;max-width:540px;margin:0 auto}.hero .ornament{margin:clamp(8px,1.5vh,16px) auto}.hero h1{letter-spacing:-.01em;font-size:clamp(34px,5vw,68px);font-weight:400}.hero h1 span{display:block}.hero h1 em{color:#b17c88;margin:clamp(4px,1vh,10px) 0;font:400 clamp(22px,3.2vw,30px)/1.2 Noto Serif Armenian,serif;display:block}.rule{background:var(--gold);opacity:.65;width:52px;height:1px;margin:clamp(18px,3vh,26px) auto}.occasion{color:#3d3330;font-size:clamp(16px,3.8vw,18px)}.hero-date{letter-spacing:.08em;color:#7c635b;margin-top:clamp(12px,2vh,18px);font-size:clamp(13.5px,3.4vw,15px)}.portrait-wrap{margin:0 auto;position:relative}.portrait-border img{object-fit:cover;width:100%;height:auto;display:block}.scroll{width:44px;height:44px;color:var(--gold);border:1px solid #a47c724d;border-radius:50%;place-items:center;transition:transform .25s,background .25s;display:grid;position:absolute;bottom:clamp(14px,2.5vh,24px);left:50%;transform:translate(-50%)}.scroll:hover{background:#fff;transform:translate(-50%)translateY(3px)}.invitation-section{scroll-margin-top:16px}.invitation-card{isolation:isolate;text-align:center;width:min(100%,800px);margin:0 auto;position:relative;overflow:hidden}.invitation-card:before{content:"";z-index:-1;pointer-events:none;position:absolute}.card-content{max-width:600px;margin:0 auto;position:relative}.card-names{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:24px 0 16px;font-size:clamp(32px,5vw,52px);line-height:1.35;display:flex}.card-names em{color:#a67a68;font-size:.5em;font-style:normal}.card-message{text-wrap:pretty;max-width:540px;margin:0 auto;font-size:clamp(15px,2.1vw,18px);line-height:1.95}.card-closing{text-wrap:balance;max-width:490px;margin:0 auto;font-size:clamp(14px,2vw,17px);line-height:1.9}@media (width<=540px){.invitation-card:before{border-radius:110px 0;inset:12px}.card-names{flex-direction:column;margin:20px 0 16px}}.countdown{text-align:center;border-block:1px solid #a47c7233;padding:32px clamp(16px,5vw,28px) 36px}.countdown h2{margin:0 auto 22px;font-size:clamp(20px,4vw,28px)}.digits{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;max-width:640px;margin:0 auto;display:grid}.digits>div{border-right:1px solid #a47c7247;padding:6px clamp(4px,1.5vw,12px)}.digits>div:last-child{border-right:0}.digits span{font-variant-numeric:tabular-nums;font:clamp(34px,9.2vw,72px)/1.08 Cormorant Garamond,serif;display:block}.digits small{white-space:nowrap;margin-top:clamp(8px,1.8vh,14px);font-size:clamp(11.5px,3.1vw,14px);display:block}.compact-footer{padding:22px 20px max(22px, env(safe-area-inset-bottom));text-align:center;color:var(--ink-muted);font-size:12px}@media (width<=820px){.hero{grid-template-columns:1fr}}@media (width<=420px){header{padding:14px;font-size:12px}header span:nth-child(2){letter-spacing:.05em;font-size:10.5px}.envelope{width:90vw}}@media (width<=350px){.digits{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.digits>div:nth-child(2){border-right:0}.digits>div:first-child,.digits>div:nth-child(2){border-bottom:1px solid #a47c7238;padding-bottom:14px}}@media (height<=700px){.envelope{width:min(360px,82vw);margin:10px auto 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.letter-frame{border-radius:3px}.hero .ornament{display:none}.hero h1{line-height:1.35}.portrait-wrap{padding:0}.portrait-border{overflow:hidden}.invitation-section{padding-block:56px}.invitation-card{box-shadow:none}@media (width<=820px){.hero h1{font-size:clamp(38px,10vw,56px)}}@media (width<=540px){.card-names{gap:8px;margin-block:24px}}.intro{isolation:isolate}.intro:before,.hero:before,.invitation-card:after{content:"";pointer-events:none;mix-blend-mode:multiply;position:absolute;-webkit-mask-image:linear-gradient(90deg,#000 0% 55%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 55%,#0000 100%)}.intro:before{z-index:-1}.hero{isolation:isolate}.hero:before{z-index:-1;opacity:.32;width:56%;top:0;bottom:0;left:-12%}.hero-copy{padding-block:40px}.invitation-card{padding-top:72px}.invitation-card:after{z-index:-1;top:0;left:0}@media (width<=820px){.hero:before{opacity:.3;width:65%;height:460px;bottom:auto;left:-18%}.hero-copy{padding-block:24px 8px}.intro:before{opacity:.42;left:-80px}}@media (width<=540px){.invitation-card{padding-top:56px}.invitation-card:after{opacity:.18;width:48%;left:-50px}}.intro{background:#eadbc4 url(/images/garden-arch.jpeg) 50%/cover no-repeat;padding-top:max(150px,22svh);padding-bottom:max(170px,22svh)}.intro:before{mix-blend-mode:normal;opacity:1;background:linear-gradient(#0000 15%,#fff4df33 40%,#fff4df80 67%,#0000 85%);inset:0;-webkit-mask-image:none;mask-image:none}.letter-frame{background:0 0;border-color:#8665454d}.hero:before{display:none}.hero-copy{align-items:center;display:grid}.hero-copy h1{font-size:clamp(34px,4.2vw,56px)}.hero-copy .hero-date{letter-spacing:.03em}@media (width<=820px){.hero{padding-top:20px}.hero-copy{width:100%}}@media (width>=821px){.intro{background-color:#e8dac5;background-size:auto 100%}}@media (height<=700px){.intro{padding-block:100px 125px}}.page{background:#faf3f1}.hero{padding-top:48px}.hero-copy{isolation:isolate;min-height:0;position:relative}.hero-copy:before{content:"";z-index:-1;mix-blend-mode:multiply;opacity:.52;pointer-events:none;position:absolute;inset:-24px -16px;-webkit-mask-image:linear-gradient(#0000,#000 12% 62%,#0000 96%);mask-image:linear-gradient(#0000,#000 12% 62%,#0000 96%)}.portrait-wrap{width:100%;max-width:420px}.portrait-border{border-radius:8px;padding:6px}.portrait-border img{aspect-ratio:auto;border-radius:4px}.invitation-section{padding-top:40px}.invitation-card:before{border-color:#a47c722b}.countdown{border:0}@media (width<=820px){.hero-copy{min-height:0}.hero-copy:before{opacity:.4;inset:-20px -24px -100px}.hero-copy h1{font-size:clamp(32px,8.8vw,44px);line-height:1.25}.hero h1 em{margin-block:4px;font-size:20px}.hero .rule{width:36px;margin-block:16px}.hero-date{margin-top:10px}.portrait-border{border-radius:7px;padding:5px}.invitation-section{padding-top:16px}}.envelope{border-radius:3px;box-shadow:0 16px 32px -18px #5b462747,0 3px 8px #5b462714}.envelope:hover:not(:disabled){box-shadow:0 20px 36px -18px #5b46274d}.envelope-back{background:linear-gradient(#e2ccaa,#ccb48d);border-color:#85694038;box-shadow:inset 0 7px 18px #5b46271f}.letter{background:linear-gradient(135deg,#f3e6cf,#e9d7b8);box-shadow:0 3px 10px #5b46271f}.seal{color:#513d2c;background:radial-gradient(circle at 32% 28%,#dec6a5,#ba9873 70%,#a2815d);box-shadow:inset 0 1px 3px #fff7e680,0 3px 7px #5b46272e}.invitation-card{max-width:680px}.card-content{z-index:1}.card-names{color:#805c69}@media (width<=540px){.invitation-section{padding-inline:8px}.invitation-card{padding:132px 38px 155px}.card-message{font-size:15px;line-height:1.95}.card-names{font-size:32px}}:root{--gold:#9b7c50;--rose-deep:#826343;--ink-muted:#6c5942;--border-soft:#9b7c5040;color:#403526;background:#f0e3cc}body,.page{color:#403526;background:#f0e3cc}header{color:#655237;border-bottom-color:var(--border-soft);background:#e9dac0}.hero{background:linear-gradient(#f7ebd41f,#f7ebd457 65%,#f0e3cc 100%),url(/images/garden-arch.jpeg) 50% 42%/cover no-repeat;gap:48px;max-width:none;padding:100px max(24px,50vw - 540px) 110px}.hero-copy:before,.invitation-card:after{display:none}.hero h1,.card-names{color:#59452e}.hero h1 em,.card-names em{color:#94754e}.occasion,.hero-date{color:#655037}.portrait-border{background:#f2e5ce;border:1px solid #9b7c5040;box-shadow:0 16px 38px -22px #4130194d}.scroll{border-color:var(--border-soft);background:#f9eed9b3}.invitation-section{padding:40px 24px 64px}.invitation-card{color:#655037;border:1px solid #9b7c503d;border-radius:180px 180px 8px 8px;padding:72px clamp(32px,8vw,80px)}.invitation-card:before{border:1px solid #9b7c502e;border-radius:168px 168px 3px 3px;display:block;inset:14px}.countdown{background:#f0e3cc}.digits span{color:#59452e}.digits small{color:#6c5942}.compact-footer{background:#e9dac0}@media (width<=820px){.hero{background-position:50%,top;gap:24px;padding:76px 28px 84px}.portrait-wrap{width:86%;max-width:330px}.invitation-section{padding:24px 16px 40px}.invitation-card{border-radius:140px 140px 6px 6px;padding:64px 32px 48px}.invitation-card:before{border-radius:130px 130px 3px 3px;inset:11px}}.invitation-section{background:linear-gradient(#f0e3cc,#f4e2d7d4 24%,#f4e2d7db 80%,#f0e3cc),url(/images/garden-arch.jpeg) 50%/cover no-repeat}.invitation-card{background:#fdf2e3d1}.invitation-card:after{mix-blend-mode:multiply;pointer-events:none;width:100%;height:100%;display:block;inset:0}.hero-copy{background:#fbf1ddd6;border:1px solid #9b7c5052;border-radius:100px 100px 4px 4px;padding:42px 28px;box-shadow:0 12px 32px -26px #41301933}.hero-copy .rule{opacity:.45;width:32px}@media (width<=820px){.hero-copy{border-radius:80px 80px 4px 4px;max-width:360px;padding:34px 20px 28px}}.invitation-card:after{opacity:.55;background:url(/images/sweet-pea-stationery.png) 50%/100% 100% no-repeat;-webkit-mask-image:none;mask-image:none}.tap-indicator{color:#715936;cursor:pointer;background:#fbf1dda6;border:1px solid #8569404d;border-radius:50%;place-items:center;width:48px;height:48px;margin:4px auto 0;padding:0;animation:2.6s ease-in-out infinite tapHint;display:grid}.tap-indicator:disabled{opacity:0;cursor:default}@keyframes tapHint{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card-families{text-wrap:balance;font-size:clamp(19px,4.6vw,27px);line-height:1.7}.card-introduction{text-wrap:pretty;margin-top:22px;font-size:clamp(15px,2.1vw,18px);line-height:1.95}.card-content .card-names{text-wrap:balance;margin-block:28px;font-size:clamp(27px,5vw,42px)}.card-closing{margin-top:30px}.creator-credit{text-underline-offset:4px;align-items:center;min-height:44px;padding:8px 12px;text-decoration-color:#9b7c5066;display:inline-flex}button{color:inherit}img,svg{vertical-align:middle}h1,h2{font-weight:400}
