.liquid-ether{position:relative;width:100%;height:100%;overflow:hidden}.liquid-ether__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}:root{--petal: #F2DCDD;--blush: #EBC9CD;--claret: #4A1426;--rouge: #A8324F;--ink-soft: #7A4A57;--stripe-a: #4A1426;--stripe-b: #BFD6E6;--serif: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;--hand: "Mrs Saint Delafield", "Snell Roundhand", "Segoe Script", cursive;box-sizing:border-box;color-scheme:light}@media(prefers-color-scheme:dark){:root{--petal: #3B1020;--blush: #52182D;--claret: #F6E3E4;--rouge: #EDA3B4;--ink-soft: #D7AEB8;--stripe-a: #6A2440;--stripe-b: #6F8FA6;color-scheme:dark}}*,*:before,*:after{box-sizing:inherit;margin:0}html,body{height:100%}body{background:radial-gradient(ellipse 70% 55% at 50% 50%,var(--blush),transparent 70%),var(--petal);color:var(--claret);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100%;display:flex;flex-direction:column}.page{flex:1;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;text-align:center;padding:clamp(1.5rem,4vh,2.5rem) clamp(1.25rem,5vw,4rem);padding-top:calc(clamp(1.5rem,4vh,2.5rem) + env(safe-area-inset-top,0px));padding-bottom:calc(clamp(1.5rem,4vh,2.5rem) + env(safe-area-inset-bottom,0px));position:relative;isolation:isolate}.page-top{position:absolute;top:calc(max(4.5rem,15vh) + env(safe-area-inset-top,0px));left:clamp(1.25rem,5vw,4rem);right:clamp(1.25rem,5vw,4rem);display:flex;flex-direction:column;align-items:center}.page-top .heart{margin-top:clamp(.5rem,1.5vh,.9rem);margin-bottom:max(3.5rem,13vh)}.headline.headline--ghost{grid-row:2;visibility:hidden;font-size:clamp(3.25rem,12vw,10.5rem)}.page-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.heart{display:block;width:clamp(28px,3vw,40px);height:auto;overflow:visible;opacity:0;animation:fade 1.2s ease-out .2s forwards}.brand{font-style:normal;font-size:clamp(.95rem,2.25vw,1.7rem);letter-spacing:.04em;color:var(--ink-soft);opacity:0;animation:fade 1.2s ease-out .2s forwards}.headline{font-weight:400;font-style:italic;font-optical-sizing:auto;font-size:clamp(3.25rem,12vw,8rem);line-height:.95;letter-spacing:-.02em;max-width:13ch;text-wrap:balance;opacity:0;animation:fade 1.6s ease-out .5s forwards}.signoff{font-family:var(--hand);font-size:clamp(1.9rem,4.5vw,3.4rem);line-height:1.4;color:var(--ink-soft);grid-row:3;align-self:start;margin-top:clamp(4rem,17vh,10rem);padding:0 .4em;text-wrap:balance;clip-path:inset(0 100% 0 0);animation:write 2.4s cubic-bezier(.55,.1,.35,1) 1.6s forwards}.signoff .initial{color:var(--rouge)}@keyframes fade{to{opacity:1}}@keyframes write{to{clip-path:inset(0 -10% 0 0)}}@media(prefers-reduced-motion:reduce){.heart,.brand,.headline,.signoff{animation:none;opacity:1;clip-path:none}}