.journey-paper{--screen:calc(100dvh - var(--journey-top,0px));isolation:isolate;min-height:var(--screen);background:var(--color-ground);color:var(--color-ink);position:relative}.journey-paper:before{content:"";z-index:-1;mix-blend-mode:multiply;opacity:.11;pointer-events:none;background:url(/assets/paper-D8WG4B47.webp);position:absolute;inset:0}.journey-grain{isolation:isolate;position:relative}.journey-grain:after{content:"";border-radius:inherit;mix-blend-mode:multiply;opacity:.2;pointer-events:none;background:url(/assets/paper-D8WG4B47.webp);position:absolute;inset:0}.journey-airmail{background-image:repeating-linear-gradient(-45deg,#8e2c3a 0 10px,#0000 10px 18px,#4f6d8f 18px 28px,#0000 28px 36px)}.journey-wax{background:radial-gradient(circle at 36% 32%,#c05467 0%,#8e2c3a 45%,#5a1823 100%);border-radius:52% 48% 51% 49%/49% 53% 47% 51%;box-shadow:0 10px 20px #280a0f73}.journey-photo{background:var(--color-sheet);box-shadow:0 14px 24px -12px #28190a99}@media (prefers-reduced-motion:no-preference){.journey-word{opacity:0;animation:.35s ease-out forwards journey-write}.journey-develop{animation:1.6s ease-out both journey-develop}.journey-drop{animation:.5s cubic-bezier(.3,1.4,.5,1) both journey-drop}.journey-thud{animation:.45s cubic-bezier(.2,.9,.3,1.2) both journey-thud}.journey-rise{animation:.7s cubic-bezier(.2,.8,.3,1) both journey-rise}.journey-shake{animation:.45s ease-in-out journey-shake}.journey-hold-ring{transition:stroke-dashoffset 1s linear}.journey-fade{animation:.5s ease-out both journey-fade}.journey-draw{animation:.9s ease-out both journey-draw}}@keyframes journey-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes journey-write{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}@keyframes journey-develop{0%{filter:sepia(.8)brightness(1.7)contrast(.6)blur(1px)}to{filter:none}}@keyframes journey-drop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes journey-thud{0%{opacity:0;transform:scale(1.8) rotate(var(--tilt,-6deg))}70%{opacity:1;transform:scale(.94) rotate(var(--tilt,-6deg))}to{opacity:1;transform:scale(1) rotate(var(--tilt,-6deg))}}@keyframes journey-rise{0%{opacity:0;transform:translateY(24px)scale(.6)}to{opacity:1;transform:none}}@keyframes journey-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)rotate(-1deg)}40%,80%{transform:translate(8px)rotate(1deg)}}@keyframes journey-fade{0%{opacity:0}to{opacity:1}}.journey-envelope{aspect-ratio:1.45;perspective:900px;filter:drop-shadow(0 22px 22px #28190a47);width:min(86vw,360px);position:relative;transform:rotate(-1.2deg)}.journey-envelope-body{z-index:2;background:var(--color-sheet,#fbf7ee);position:absolute;inset:0}.journey-envelope-letter{z-index:1;background-color:#fbf7ee;background-image:repeating-linear-gradient(#0000 0 13px,#4f6d8f2e 13px 14px);background-position:0 18px;height:88%;position:absolute;top:5%;left:7%;right:7%;box-shadow:0 -4px 10px -6px #28190a59}.journey-airmail-edge{border:9px solid #0000;border-image:repeating-linear-gradient(-45deg,#8e2c3a 0 10px,#fbf7ee 10px 17px,#4f6d8f 17px 27px,#fbf7ee 27px 34px) 9}.journey-envelope-flap{z-index:3;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;background:linear-gradient(#f3ecda 0%,#e8dec4 100%);height:54%;position:absolute;inset:0 0 auto}.journey-seal{filter:drop-shadow(0 9px 10px #280a0f6b)}.journey-seal-half{box-shadow:none;position:absolute;inset:0}.journey-seal-left{clip-path:polygon(0 0,54% 0,46% 100%,0 100%)}.journey-seal-right{clip-path:polygon(54% 0,100% 0,100% 100%,46% 100%)}.journey-letter{background-color:#fbf7ee;background-image:linear-gradient(#0000 39px,#4f6d8f29 39px 40px,#0000 40px);background-position:0 30px;background-size:100% 41px;box-shadow:0 30px 50px -28px #28190a8c}@media (prefers-reduced-motion:no-preference){.journey-envelope-flap{transition:transform .6s cubic-bezier(.5,0,.3,1) .25s,z-index 0s linear .55s}.journey-envelope-letter{transition:translate var(--spring-move-time) var(--spring-move) .75s}.journey-seal-half,.journey-seal-face,.journey-seal-ring{transition:transform .45s cubic-bezier(.3,.7,.4,1),opacity .45s ease-out .15s}}.journey-envelope-open .journey-envelope-flap{z-index:0;transform:rotateX(180deg)}.journey-envelope-open .journey-envelope-letter{translate:0 -64%}.journey-seal-button{z-index:4}::view-transition-group(lena-envelope){animation-duration:var(--spring-move-time);animation-timing-function:var(--spring-move)}::view-transition-group(lena-letter){animation-duration:var(--spring-move-time);animation-timing-function:var(--spring-move)}::view-transition-old(lena-envelope):only-child{animation:.6s cubic-bezier(.4,0,.8,.6) both lena-envelope-away}::view-transition-old(root){animation-duration:.35s}::view-transition-new(root){animation-duration:.55s}@keyframes lena-envelope-away{to{opacity:0;translate:0 40vh;rotate:5deg}}@media (prefers-reduced-motion:no-preference){.journey-unfold{animation:1s cubic-bezier(.45,0,.2,1) both journey-unfold;position:relative}.journey-unfold:before,.journey-unfold:after{content:"";z-index:60;pointer-events:none;background:linear-gradient(90deg,#3c281400 0%,#3c28143d 47%,#fffaeb4d 53%,#3c281400 100%);width:28px;margin-left:-14px;animation:1.8s ease-out both journey-crease;position:absolute;top:0;bottom:0}.journey-unfold:before{left:33.33%}.journey-unfold:after{left:66.67%}}@keyframes journey-unfold{0%{clip-path:inset(0 33.33%)}45%{clip-path:inset(0 33.33% 0 0)}to{clip-path:inset(0)}}@keyframes journey-crease{0%,55%{opacity:1}to{opacity:0}}.journey-envelope-open .journey-seal-left{opacity:0;transform:translate(-16px,10px)rotate(-22deg)}.journey-envelope-open .journey-seal-right{opacity:0;transform:translate(16px,12px)rotate(18deg)}.journey-envelope-open .journey-seal-face,.journey-envelope-open .journey-seal-ring{opacity:0}.journey-sheet{background:#f4eddb;border-radius:26px 26px 0 0;box-shadow:0 -18px 40px -18px #28190a73}@media (prefers-reduced-motion:no-preference){.journey-sheet{animation:.55s cubic-bezier(.2,.8,.25,1) both journey-sheet}.journey-glide{transition:transform .7s cubic-bezier(.25,.8,.25,1)}}@keyframes journey-sheet{0%{transform:translateY(100%)}to{transform:none}}@media (width>=1024px){.journey-stage{--screen:calc((100dvh - var(--journey-top,0px)) / 1.3);zoom:1.3}}.journey-ring{border:1.5px solid #4a36208c;border-radius:50%;flex:none;width:20px;height:20px;transition:border-color .2s,background-color .2s}@media (hover:hover){.group:hover:not(:disabled) .journey-ring[data-state=open]{border-color:var(--color-ink)}}.journey-ring[data-state=right]{border-color:var(--color-wax);background:var(--color-wax);box-shadow:inset 0 0 0 3.5px var(--color-kraft)}.journey-ring[data-state=wrong],.journey-ring[data-state=past]{opacity:.55;border-style:dashed}@media (prefers-reduced-motion:no-preference){.journey-pencil path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.5s ease-out 50ms forwards journey-pencil}}@keyframes journey-pencil{to{stroke-dashoffset:0}}.journey-sound-ask{background:#fbf7ee;border-radius:6px;rotate:-1deg;box-shadow:0 1px 2px #3c281433,0 16px 30px -14px #28190a8c}@media (prefers-reduced-motion:no-preference){.journey-sound-ask{animation:.45s cubic-bezier(.2,.8,.25,1) 1.2s both journey-sound-ask}}@keyframes journey-sound-ask{0%{translate:0 140%}}.journey-sky-stamp{aspect-ratio:92/64;filter:drop-shadow(0 2px 2px #28190a40);rotate:-9deg}@media (prefers-reduced-motion:no-preference){.journey-sky-stamp{animation:.45s cubic-bezier(.3,1.3,.5,1) both journey-sky-stamp}.journey-sky-stamp-lift{opacity:0;transition:opacity .8s,translate .8s;translate:0 -24px}}@media (prefers-reduced-motion:reduce){.journey-sky-stamp-lift{opacity:0}}@keyframes journey-sky-stamp{0%{opacity:0;scale:2.4}60%{opacity:1;scale:.94}to{scale:1}}@media (prefers-reduced-motion:no-preference){.journey-year-tick{animation:.3s cubic-bezier(.2,.8,.25,1) both journey-year-tick}}@keyframes journey-year-tick{0%{opacity:0;translate:0 70%}}.journey-folded-plane{z-index:30;pointer-events:none;width:112px;position:fixed;top:46%;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:no-preference){.journey-letter-fold{pointer-events:none;transform-origin:50% 45%;animation:.75s cubic-bezier(.5,0,.3,1) forwards journey-letter-fold}.journey-folded-plane{animation:1.3s cubic-bezier(.45,0,.25,1) both journey-folded-plane}}@keyframes journey-letter-fold{45%{transform:scale(.9,.48)rotate(-2deg)}80%{opacity:1;transform:scale(.26,.42)rotate(-6deg)}to{opacity:0;transform:scale(.2,.4)rotate(-8deg)}}@keyframes journey-folded-plane{0%,48%{opacity:0;transform:scale(.6)rotate(-4deg)}60%{opacity:1;transform:scale(1)rotate(-10deg)}to{transform:translate(-34vw,-36vh)scale(.62)rotate(-28deg)}}.journey-bottom-night,.journey-bottom-night .text-ink-2{color:#eadfc4e0}.journey-bottom-night .text-wax{color:#f3b98c}