@import "https://fonts.googleapis.com/css2?family=Allura&family=Caveat:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=DM+Mono:wght@400;500&family=Special+Elite&display=swap";:root{--paper:#faf2ee;--ink:#5d514c;--red:#c70808;--gold:#9c7139;--tan:#ead2a8}*{box-sizing:border-box}body{color:var(--ink);background:repeating-linear-gradient(0deg,#faf2ee 0 3px,#f3e8e3 3px 4px);margin:0}.cover,.journey{width:min(100%,760px);margin:auto;overflow:hidden}.cover{text-align:center;min-height:100dvh;padding:46px 28px}.fingerprint{color:var(--red);font-size:108px;line-height:.8}.title{color:var(--red);margin-top:27px}.title b{font:700 clamp(49px,10vw,80px)/.9 Arial,sans-serif;display:block}.title i{margin-top:-9px;font:600 clamp(105px,18vw,154px)/.72 Caveat,cursive;display:block}.subtitle{margin:125px 0 100px;font:italic 500 clamp(22px,4vw,32px)/1.2 Georgia,serif}.heart{color:var(--red)}button{cursor:pointer;background:0 0;border:0}.envelope-button{width:100%;padding:0}.envelope{aspect-ratio:1.7;background:linear-gradient(135deg,#f4d9a8,#dfae6b);display:block;position:relative;overflow:hidden;box-shadow:0 17px 28px #52351b38}.flap{z-index:2;border-top:min(42vw,300px) solid #f5d9a5;border-inline:min(50vw,375px) solid #0000;width:0;height:0;position:absolute}.fold{border-top:min(31vw,220px) solid #0000;width:0;height:0;position:absolute;bottom:0}.fold-left{border-left:min(50vw,375px) solid #efd19b}.fold-right{border-right:min(50vw,375px) solid #dfae6b;right:0}.address{z-index:3;text-transform:uppercase;font:500 clamp(13px,2vw,18px)/1.3 DM Mono,monospace;position:absolute;top:10%}.address b{color:var(--red);text-transform:none;font:600 clamp(28px,5vw,46px)/1 Caveat,cursive;display:block}.from{text-align:left;left:11%}.to{text-align:right;right:11%}.love-stamp{z-index:3;border:2px solid var(--red);color:var(--red);padding:5px 14px;font:700 18px Georgia,serif;position:absolute;top:43%;left:12%;transform:rotate(-12deg)}.seal{z-index:4;aspect-ratio:1;color:#f13d31;background:radial-gradient(circle at 33% 28%,#ef554a,#ad0906 55%,#650604);border:8px double #760907;border-radius:48%;place-items:center;width:104px;font-size:40px;display:grid;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 8px 10px #51201970}.date{z-index:3;letter-spacing:.1em;font:500 20px DM Mono,monospace;position:absolute;bottom:12%;left:0;right:0}.open-note{margin-top:90px;font:500 16px/1.5 DM Mono,monospace}.section{text-align:center;padding:100px 28px;position:relative}.intro{min-height:1090px}.small-title{color:var(--red);font:700 50px Arial,sans-serif}.small-title i{font:600 105px/.75 Caveat,cursive;display:block}.first-letter{background:#e8cb9b;max-width:620px;margin:210px auto 0;padding:55px 28px}.paper{clip-path:polygon(3% 2%,97% 0,100% 6%,98% 96%,91% 100%,5% 97%,0 90%,2% 7%);text-align:center;background:#f0e2c5;padding:42px 34px;font:500 clamp(18px,3vw,25px)/1.55 Special Elite,serif;box-shadow:0 8px 17px #57442d28}.paper p{margin:0 0 22px}.paper p:last-child{margin:0}.pause{flex-direction:column;justify-content:space-between;min-height:800px;display:flex}.pause span,.arrow{color:#4c4844;font:900 75px/1 Arial}.pause h2,.song h2,.feelings h2,.learned h2,footer h2{color:var(--gold);margin:0;font:600 clamp(62px,11vw,104px)/.82 Caveat,cursive}.serif{color:var(--gold);font:italic 500 clamp(28px,5vw,42px)/1.05 Georgia,serif}.video{color:#fff;background:#171413;flex-direction:column;justify-content:center;gap:14px;min-height:280px;display:flex;box-shadow:0 12px 20px #473d35a0}.video span{color:#f20b36;font-size:64px}.video b{font:600 25px Arial}.video small{font:15px DM Mono,monospace}.caption{margin:45px auto 90px;font:500 18px/1.5 DM Mono,monospace}.second{padding-top:160px}.recipient{margin:0 0 80px;font:500 21px/1.3 DM Mono,monospace}.recipient b{color:var(--red);font:600 52px Caveat,cursive}.lined{text-align:left;background:repeating-linear-gradient(#eee7b9 0 39px,#979071 40px 41px)}.learned{padding-top:140px}.gallery>p{font:500 19px DM Mono,monospace}.photos{grid-template-columns:1fr 1fr;gap:16px;margin-top:55px;display:grid}.photos figure{background:#fffaf1;margin:0;padding:10px 10px 28px;transform:rotate(-4deg);box-shadow:0 9px 18px #5e49352e}.photos figure:nth-child(2n){transform:rotate(4deg)}.photos div{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#aa8874,#e4cdb9);place-items:center;font-size:54px;display:grid}.photos figcaption{margin-top:12px;font:14px DM Mono,monospace}.gallery-note{line-height:1.6;margin-top:60px!important}footer{text-align:center;color:var(--gold);padding:120px 28px 100px;font:500 36px/1.2 Caveat,cursive}footer h2{color:var(--red)}footer .heart{margin:30px;font-size:50px;display:block}footer strong,footer em{color:var(--ink);font:500 24px/1.6 DM Mono,monospace;display:block}footer em{color:var(--red)}@media (width<=500px){.cover{padding-top:35px}.subtitle{margin:88px 0}.intro{min-height:920px}.first-letter{margin-top:145px}.section{padding-inline:20px}.paper{padding:34px 24px}.pause{min-height:650px}.video{min-height:220px}}.envelope-button:active .envelope{transform:scale(.985)}.envelope{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out}.flap{transform-origin:50% 0;will-change:transform;backface-visibility:hidden;transition:transform .72s cubic-bezier(.16,1,.3,1),filter .42s}.letter-opening .envelope{filter:drop-shadow(0 20px 14px #4f211633);transform:translateY(10px)scale(.97)}.letter-opening .flap{filter:brightness(.9);transform:rotateX(176deg)}.letter-opening .seal{animation:.43s cubic-bezier(.2,.9,.3,1) .28s forwards seal-release}.letter-opening .fold-left{transition:transform .82s cubic-bezier(.16,1,.3,1) .26s;transform:translate(-12%)rotate(-2deg)}.letter-opening .fold-right{transition:transform .82s cubic-bezier(.16,1,.3,1) .26s;transform:translate(12%)rotate(2deg)}.letter-opening .address,.letter-opening .love-stamp,.letter-opening .date{opacity:.3;transition:opacity .3s}.letter-opening .cover>:not(.envelope-button){opacity:0;transition:opacity .38s,transform .38s;transform:translateY(-12px)}@keyframes seal-release{0%{transform:translate(-50%,-50%)rotate(-8deg)scale(1)}45%{transform:translate(-50%,24px)rotate(8deg)scale(.92)}to{opacity:0;transform:translate(-50%,90px)rotate(22deg)scale(.68)}}@media (prefers-reduced-motion:reduce){.flap,.envelope,.fold,.seal,.cover>*{transition:opacity .18s!important;animation:none!important}.letter-opening .flap,.letter-opening .fold-left,.letter-opening .fold-right{transform:none}.letter-opening .seal{opacity:0}.letter-opening .envelope{transform:none}}.photos img{aspect-ratio:1;object-fit:cover;object-position:center;border:1px solid #533e2b38;width:100%;display:block}.photos figure{background:#fffdf7;padding:11px 11px 32px}.photos figcaption{min-height:20px}.photos figure:first-child,.photos figure:nth-child(2){grid-column:auto}.photos figure:has(img){padding:11px}.photos figure:has(img) figcaption{display:none}.gallery{padding-bottom:55px}footer{padding-top:48px}.gallery{padding-top:65px}.gallery-love{letter-spacing:-.03em;text-transform:uppercase;text-shadow:0 2px #ffffff80;color:#a15e40!important;margin:0 0 42px!important;font:600 clamp(72px,13vw,132px)/.78 Caveat,cursive!important}.cover{isolation:isolate;background:radial-gradient(at 50% 32%,#fffffff5,#f7ece4d9 58%,#e6d0be7a),repeating-linear-gradient(90deg,#7e5b440b 0 1px,#0000 1px 5px);min-height:100dvh;padding-top:58px;position:relative;box-shadow:inset 0 0 65px #77472f1a}.cover:before,.cover:after{content:"";z-index:-1;opacity:.48;background:radial-gradient(circle,#ce070861 0 2px,#0000 3px),linear-gradient(45deg,#0000 47%,#ce070833 48% 52%,#0000 53%);width:68px;height:68px;position:absolute}.cover:before{top:195px;left:11%;transform:rotate(18deg)}.cover:after{top:205px;right:12%;transform:rotate(-32deg)}.fingerprint{filter:drop-shadow(0 2px 1px #76070726);font-family:Georgia,serif;font-size:132px;transform:scaleX(1.06)}.title b{letter-spacing:-.05em;font-family:Special Elite,serif;font-size:clamp(44px,9vw,74px);line-height:1.02}.title i{letter-spacing:-.075em;color:#bd0708;text-shadow:0 2px #fff9;margin-top:-2px;font-size:clamp(112px,19vw,164px)}.subtitle{color:#4f4540;text-shadow:0 1px #fff;margin:112px 0 96px}.envelope{background:linear-gradient(135deg,#f9dfac 0%,#e4b46d 58%,#d9a45f 100%);border:1px solid #6d3b192b;box-shadow:0 20px 30px #502b1633,inset 0 0 42px #703f1b1c}.envelope:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:.52;background:radial-gradient(circle at 20% 15%,#79451d29 0 1px,#0000 1.5px) 0 0/17px 19px,radial-gradient(circle at 74% 62%,#79451d1f 0 1px,#0000 1.5px) 0 0/23px 29px;position:absolute;inset:0}.address{letter-spacing:.02em;font-family:Special Elite,serif}.address b{letter-spacing:-.02em;font-size:clamp(34px,6vw,55px)}.to b{color:#c70808}.love-stamp{letter-spacing:.08em;background:#ffe8ba2e;font-family:Special Elite,serif}.date{font-family:Special Elite,serif}.seal{box-shadow:0 8px 10px #51201970,inset 0 0 0 3px #ff706173}.open-note{color:#645953;margin-top:82px}.pause{min-height:390px;padding-top:55px;padding-bottom:55px}.pause span{margin:auto auto 0}body{background:radial-gradient(at 50% 20%,#ffffffd1,#0000 54%),repeating-linear-gradient(0deg,#fbf3ee 0 3px,#f5eae5 3px 4px);font-family:Cormorant Garamond,Georgia,serif}.section{padding-block:112px}.paper{isolation:isolate;color:#5b504a;letter-spacing:.008em;background:linear-gradient(135deg,#fffaebf0,#efdcb2f2);border:1px solid #825b3733;padding:50px clamp(26px,6vw,60px);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(22px,3.3vw,31px);font-weight:600;line-height:1.38;position:relative;box-shadow:0 18px 32px #5337232b}.paper:before{content:"";z-index:-1;clip-path:inherit;border:1px solid #a2674229;position:absolute;inset:12px}.paper p{margin-bottom:1.1em}.first-letter{background:linear-gradient(135deg,#f8dfb3,#e5bd7c);padding:18px;box-shadow:0 18px 26px #52341c30}.first-letter .paper{background:linear-gradient(135deg,#fff6df,#eddbb1)}.song h2,.feelings h2,.learned h2,.pause h2{letter-spacing:-.02em;color:#9b6a35;font-family:Allura,Caveat,cursive;font-size:clamp(78px,13vw,128px);font-weight:400}.serif{color:#8d6739;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(31px,5vw,48px);font-weight:600}.song .paper{background:linear-gradient(135deg,#fff7e7,#efe0bd);margin-top:30px}.video{background:#f8f1df;border:10px solid #ede4cf;padding:14px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 16px 24px #4833263b}.video iframe{background:#201a18;width:100%;display:block}.caption{color:#725a4c;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(23px,3.5vw,31px);font-style:italic}.recipient{color:#4f4037;font-family:Special Elite,serif}.recipient b{font-family:Allura,Caveat,cursive;font-size:clamp(68px,11vw,104px);font-weight:400}.second .paper{background:linear-gradient(135deg,#f3dfb4,#e9cea0)}.lined{background:repeating-linear-gradient(#f1e8c9 0 42px,#a9a18a 43px 44px);border:0;font-family:Cormorant Garamond,Georgia,serif;font-weight:700;box-shadow:0 16px 25px #42302329}.lined:before{border-color:#b1706761}.gallery-love{letter-spacing:-.025em!important;font-family:Allura,Caveat,cursive!important;font-weight:400!important}.photos figure{background:#fffdf7;box-shadow:0 14px 23px #49362833}footer{color:#9c7139;font-family:Allura,Caveat,cursive;font-size:clamp(48px,8vw,78px)}footer h2{letter-spacing:-.025em;font-family:Allura,Caveat,cursive;font-weight:400}footer strong,footer em{font-family:Cormorant Garamond,Georgia,serif;font-weight:700}.paper{clip-path:polygon(2% 1%,9% 2.1%,16% .7%,24% 1.8%,33% .5%,42% 1.7%,51% .6%,60% 1.8%,69% .8%,78% 2%,87% .6%,96% 1.8%,99% 8%,98.2% 18%,99% 28%,98% 39%,99.2% 50%,98.1% 62%,99% 74%,98% 86%,99% 96%,93% 99%,83% 98%,73% 99.3%,63% 98%,53% 99%,43% 98.2%,33% 99.4%,23% 98%,13% 99.2%,3% 97%,1% 89%,2% 77%,.7% 65%,1.8% 53%,.6% 41%,1.7% 29%,.8% 17%);background-image:linear-gradient(146deg,#0000 0 74%,#a476481a 74.3% 77%,#0000 77.3%),linear-gradient(34deg,#ffffff47,#0000 38%),radial-gradient(at 18% 14%,#7e522c14,#0000 31%),linear-gradient(135deg,#fff7df,#ecd7aa);box-shadow:0 18px 30px #4a321f2e}.paper:before{border-color:#8d58391f;inset:16px}.paper:after{content:"";filter:drop-shadow(-3px 4px 3px #462f1c1f);opacity:.58;background:linear-gradient(225deg,#d9ba82 0 48%,#6c462538 49%,#0000 52%);width:68px;height:68px;position:absolute;top:0;right:0}.first-letter,.song,.second,.feelings,.learned{position:relative}.first-letter:after,.song:before,.second:after,.feelings:after,.learned:before{content:"";z-index:3;aspect-ratio:2/3;pointer-events:none;filter:drop-shadow(0 10px 9px #462f1f29);background:url(/decor/botanical-collage.png) 50%/contain no-repeat;width:clamp(170px,31vw,285px);position:absolute}.first-letter:after{top:-170px;right:-95px;transform:rotate(8deg)}.song:before{top:440px;left:-106px;transform:rotate(-12deg)scale(.88)}.second:after{top:260px;right:-112px;transform:rotate(13deg)scale(.92)}.feelings:after{top:390px;left:-118px;transform:rotate(-14deg)scale(.83)}.learned:before{top:245px;right:-105px;transform:rotate(10deg)scale(.78)}.first-letter{clip-path:polygon(0 3%,8% 1%,16% 3%,25% 1%,36% 2.4%,46% 1%,57% 2.5%,68% .8%,79% 2.2%,90% .6%,100% 2%,99% 97%,90% 99%,80% 97.7%,69% 99%,58% 97.8%,47% 99%,36% 97.6%,25% 99%,14% 97.8%,4% 99%,0 96%);background:linear-gradient(145deg,#f4d9a0,#e5b96e);box-shadow:0 21px 32px #51321b33}.song .video{position:relative}.song .video:after{content:"LOVE";color:#b82422;letter-spacing:.08em;background:#fff5dcd6;border:2px solid #b82422;padding:4px 10px;font:500 13px/1 Special Elite,serif;position:absolute;bottom:12px;right:18px;transform:rotate(-7deg)}.second .paper{background-image:linear-gradient(145deg,#0000 0 78%,#8b582c17 78.2%,#0000 82%),radial-gradient(at 28% 16%,#ffffff4d,#0000 34%),linear-gradient(135deg,#f2ddb1,#e4c48f)}.lined{background-image:linear-gradient(90deg,#0000 0 54px,#b9666259 55px 56px,#0000 57px),repeating-linear-gradient(#f1e8c9 0 42px,#a9a18a 43px 44px)}@media (width<=600px){.first-letter:after,.song:before,.second:after,.feelings:after,.learned:before{opacity:.84;width:180px}.first-letter:after{top:-120px;right:-82px}.song:before{top:390px;left:-88px}.second:after{top:300px;right:-92px}.feelings:after{top:430px;left:-96px}.learned:before{top:260px;right:-91px}.paper{padding-inline:30px}.paper:after{width:48px;height:48px}}.envelope-button{perspective:1100px;position:relative}.envelope-button:focus-visible{outline-offset:10px;outline:3px solid #b21111a6}.envelope:after{content:"";z-index:2;clip-path:polygon(2% 1%,98% 0,100% 96%,94% 100%,4% 98%,0 7%);opacity:0;will-change:transform,opacity;background:linear-gradient(145deg,#fff8e6,#ead4a6);border:1px solid #734c2b2e;width:80%;height:72%;position:absolute;top:13%;left:10%;transform:translateY(66%)scale(.94);box-shadow:0 8px 16px #462a171f}.fold{z-index:3}.flap{z-index:4}.address,.love-stamp,.seal,.date{z-index:5}.letter-opening .envelope:after{animation:.78s cubic-bezier(.16,1,.3,1) .25s forwards closed-letter-rise}.letter-opening .envelope{transform:translateY(12px)scale(.975)rotateX(1deg)}@keyframes closed-letter-rise{0%{opacity:0;transform:translateY(66%)scale(.94)}25%{opacity:1}to{opacity:1;transform:translateY(-34%)scale(1)}}.journey{animation:.52s cubic-bezier(.16,1,.3,1) both opened-scene-in}.intro{min-height:1120px;padding-top:82px}.first-letter{isolation:isolate;clip-path:none;background:linear-gradient(135deg,#f6d9a3,#dfa95f);border:1px solid #70431f2e;width:min(100%,650px);height:620px;margin:250px auto 0;padding:0;position:relative;overflow:visible;box-shadow:0 24px 35px #4a2d1838}.first-letter:before{content:"";z-index:-1;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -5px 8px #4e2f1814);background:linear-gradient(150deg,#f6ddad,#dbab69);width:94%;height:330px;position:absolute;top:-178px;left:3%;transform:none}.first-letter:after{content:"";z-index:3;clip-path:polygon(0 0,50% 43%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 -5px 8px #54311814);background:linear-gradient(145deg,#fadeacfa,#dca65bfa);width:100%;height:61%;position:absolute;inset:auto 0 0;transform:none}.first-letter .paper{z-index:2;color:#544a45;clip-path:polygon(2% 1%,11% 2%,20% .6%,30% 1.8%,40% .8%,50% 2%,61% .7%,72% 1.9%,83% .6%,97% 2%,100% 96%,91% 99%,80% 98%,69% 99.3%,58% 98%,47% 99%,36% 97.8%,25% 99%,14% 98%,2% 99%,0 90%,1% 73%,0 56%,1% 38%,0 20%);background:linear-gradient(145deg,#fff7e5,#ead6b0);border:0;width:86%;min-height:505px;padding:48px 42px 160px;font-family:Special Elite,serif;font-size:clamp(17px,2.55vw,23px);font-weight:500;line-height:1.45;animation:.76s cubic-bezier(.16,1,.3,1) .12s both opened-letter-rise;position:absolute;top:-124px;left:7%;box-shadow:0 15px 22px #4e321d2b}.first-letter .paper:after{width:52px;height:52px}.first-letter .paper p{margin-bottom:1em}.intro:after{content:"";z-index:4;aspect-ratio:2/3;filter:drop-shadow(0 10px 9px #412a1c29);pointer-events:none;background:url(/decor/botanical-collage.png) 50%/contain no-repeat;width:clamp(190px,34vw,310px);position:absolute;top:390px;right:-56px;transform:rotate(8deg)}.intro:before{content:"LOVE";z-index:5;color:#b51c1c;letter-spacing:.08em;background:#fae0b1c7;border:2px solid #b51c1c;padding:5px 15px;font:500 17px/1 Special Elite,serif;position:absolute;top:745px;left:9%;transform:rotate(-11deg)}@keyframes opened-scene-in{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur()}}@keyframes opened-letter-rise{0%{opacity:.35;transform:translateY(92px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.intro{min-height:930px}.first-letter{height:515px;margin-top:190px}.first-letter:before{height:250px;top:-126px}.first-letter .paper{width:88%;min-height:420px;padding:32px 25px 130px;font-size:16px;line-height:1.38;top:-88px;left:6%}.first-letter:after{height:59%}.intro:after{opacity:.86;width:190px;top:330px;right:-82px}.intro:before{font-size:12px;top:620px;left:7%}}@media (prefers-reduced-motion:reduce){.envelope:after,.letter-opening .envelope:after,.journey,.first-letter .paper{animation:none!important}.letter-opening .envelope:after{opacity:1;transform:translateY(-20%)}}html,body,#root{max-width:100%;overflow-x:clip}.journey{width:min(100%,1040px);max-width:none;overflow:visible}.journey .section{width:100%;padding-inline:clamp(58px,8vw,108px);overflow:visible}.journey .section>*{z-index:2;position:relative}.intro:after{top:365px;right:20px}.song:before{z-index:1;top:390px;left:-8px;transform:rotate(-10deg)scale(.9)}.second:after{z-index:1;top:230px;right:-6px;transform:rotate(11deg)scale(.9)}.feelings:after{z-index:1;top:340px;left:-4px;transform:rotate(-11deg)scale(.82)}.learned:before{z-index:1;top:205px;right:2px;transform:rotate(9deg)scale(.8)}.song:after,.feelings:before{content:"";z-index:0;clip-path:polygon(2% 1%,12% 3%,23% .5%,35% 2%,47% .8%,58% 2.5%,70% .6%,82% 2%,98% .5%,100% 96%,88% 99%,76% 97.5%,64% 99%,52% 97.8%,40% 99%,28% 97.5%,16% 99%,2% 97%,0 84%,1.5% 68%,.5% 51%,1.7% 34%,.5% 17%);opacity:.73;pointer-events:none;background:linear-gradient(142deg,#ffffff59,#0000 32%),repeating-linear-gradient(#eee5cb 0 36px,#a9a189 37px 38px);width:46%;height:440px;position:absolute;box-shadow:0 14px 23px #4630211f}.song:after{top:365px;left:5%;transform:rotate(-5deg)}.feelings:before{top:340px;right:5%;transform:rotate(5deg)}.second:before{content:"";z-index:3;aspect-ratio:1;pointer-events:none;border:3px double #ae26218c;border-radius:50%;width:104px;position:absolute;top:410px;left:7%;transform:rotate(-15deg);box-shadow:inset 0 0 0 6px #f8e5c58c}.learned:after{content:"";z-index:3;clip-path:polygon(2% 8%,95% 0,100% 89%,4% 100%);mix-blend-mode:multiply;pointer-events:none;background:#be68489e;width:118px;height:38px;position:absolute;top:300px;left:10%;transform:rotate(-12deg)}.song .video,.song .paper,.second .paper,.feelings .paper,.learned .paper{max-width:760px;margin-inline:auto}.paper{overflow:visible}.photos{max-width:780px;margin-inline:auto}@media (width<=700px){.journey .section{padding-inline:20px}.first-letter{width:92%}.intro:after{width:165px;top:340px;right:0}.song:before{opacity:.72;width:145px;top:390px;left:2px}.second:after{opacity:.72;width:145px;top:270px;right:2px}.feelings:after{opacity:.66;width:142px;top:385px;left:2px}.learned:before{opacity:.67;width:140px;top:235px;right:2px}.song:after,.feelings:before{opacity:.52;width:68%;height:330px}.song:after{top:430px;left:3%}.feelings:before{top:420px;right:3%}.second:before{width:72px;top:520px;left:4%}.learned:after{width:88px;height:29px;top:365px;left:5%}.song .paper,.second .paper,.feelings .paper,.learned .paper{width:92%}}@media (width<=600px){.journey .section{padding-block:72px;padding-inline:16px}.intro{min-height:850px;padding-top:48px}.small-title{font-size:38px;line-height:1}.small-title i{margin-top:3px;font-size:76px;line-height:.78}.first-letter{width:min(94%,360px);height:480px;margin-top:158px}.first-letter:before{height:220px;top:-112px}.first-letter .paper{width:90%;min-height:382px;padding:27px 21px 112px;font-size:14px;line-height:1.42;top:-78px;left:5%}.first-letter .paper p{margin-bottom:.9em}.first-letter:after{height:58%}.intro:after{z-index:1;opacity:.72;width:132px;top:335px;right:-8px}.intro:before{z-index:5;font-size:11px;top:604px;left:5%}.pause{min-height:470px}.song h2,.feelings h2,.learned h2,.pause h2{letter-spacing:-.02em;font-size:58px;line-height:.92}.serif{font-size:25px;line-height:1.12}.song .paper,.second .paper,.feelings .paper,.learned .paper{width:min(96%,430px);padding:38px 24px;font-size:19px;line-height:1.43}.song .paper{margin-top:0}.caption{margin:30px auto 48px;font-size:20px}.feelings .paper{padding:38px 26px 42px 32px}.lined{background:repeating-linear-gradient(#f1e8c9 0 30px,#a9a18a 31px 32px);font-size:18px!important;line-height:1.55!important}.paper p{margin-bottom:.95em}.song:before,.second:after,.feelings:after,.learned:before{z-index:1;opacity:.56;width:118px}.song:after,.feelings:before{opacity:.36;width:56%}.learned:after{z-index:3;width:72px;height:24px;top:340px;left:3%}.recipient{margin-bottom:54px;font-size:16px}.recipient b{font-size:62px}.photos{gap:10px;margin-top:36px}footer{padding:82px 20px max(74px, env(safe-area-inset-bottom))}footer h2{font-size:62px;line-height:.92}}@media (width<=360px){.journey .section{padding-inline:12px}.small-title{font-size:34px}.small-title i{font-size:69px}.song h2,.feelings h2,.learned h2,.pause h2{font-size:52px}.song .paper,.second .paper,.feelings .paper,.learned .paper{padding-inline:21px;font-size:18px}.lined{padding-left:27px!important;font-size:17px!important}}@media (width<=700px){body{background-color:#faf2ee;background-image:radial-gradient(at 16% 18%,#a0654a09,#0000 34%),repeating-linear-gradient(0deg,#faf2ee 0 3px,#f1e5df 3px 4px)}.cover{min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 18px 64px;overflow:visible}.cover .fingerprint{font-size:72px;line-height:.82}.cover .title{margin-top:18px}.cover .title b{letter-spacing:-.035em;font-size:38px;line-height:1}.cover .title i{letter-spacing:-.04em;margin-top:2px;font-size:78px;line-height:.78}.cover .subtitle{max-width:330px;margin:78px auto 68px;font-size:20px;line-height:1.28}.envelope-button{width:min(100%,370px);min-height:44px;margin-inline:auto;display:block}.envelope{aspect-ratio:1.62;box-shadow:0 17px 26px #52341b38}.address{font-size:11px;top:10%}.address b{margin-top:2px;font-size:29px}.from{left:8%}.to{right:8%}.love-stamp{padding:4px 10px;font-size:13px;top:45%;left:9%}.seal{border-width:6px;width:76px;font-size:30px;top:59%}.date{font-size:14px;bottom:10%;color:#4d4037!important}.open-note{margin-top:62px;font-size:14px;line-height:1.55}.journey .section{padding:82px 14px;overflow:visible}.intro{min-height:910px;padding-top:34px!important}.small-title{font-size:37px;line-height:1}.small-title:before{content:"♥";color:#c70808;filter:drop-shadow(0 2px 1px #76070724);margin-bottom:18px;font:58px/.75 Georgia,serif;display:block}.small-title i{margin-top:2px;font-size:76px;line-height:.78}.first-letter{width:min(96%,365px);height:445px;margin-top:198px}.first-letter:before{height:220px;top:-110px}.first-letter .paper{z-index:4;width:92%;min-height:362px;padding:27px 20px 105px;font-size:14px;line-height:1.44;top:-76px;left:4%}.first-letter .paper p{margin-bottom:.82em}.first-letter:after{z-index:5;height:56%}.intro:after{z-index:1;opacity:.96;width:178px;top:250px;right:-2px;transform:rotate(7deg)}.intro:before{z-index:6;padding:4px 11px;font-size:11px;top:668px;left:4%}.pause{min-height:520px}.pause span,.arrow{font-size:55px}.song h2,.feelings h2,.learned h2,.pause h2{letter-spacing:-.02em;font-size:56px;line-height:.92}.serif{max-width:330px;margin:32px auto;font-size:24px;line-height:1.14}.video{border-width:7px;min-height:210px;margin-top:34px;padding:10px}.caption{max-width:335px;margin:28px auto 52px;font-size:20px;line-height:1.24}.song .paper,.second .paper,.feelings .paper,.learned .paper{width:min(96%,420px);padding:40px 23px;font-size:18px;line-height:1.48}.song .paper{margin-top:0}.paper p{margin-bottom:1em}.recipient{margin:0 0 64px;font-size:15px;line-height:1.35}.recipient b{margin-left:6px;font-size:58px;line-height:.8;display:inline-block}.second{padding-top:104px!important}.feelings .paper{text-align:left;padding:38px 24px 42px 34px}.lined{background-image:repeating-linear-gradient(#0000 0 29px,#7d775fb3 30px 31px),linear-gradient(135deg,#f2ebc9,#e7ddb2)!important;background-position:0 7px,0 0!important;font-size:17px!important;line-height:1.62!important}.lined p{margin-bottom:1.05em}.song:before,.second:after,.feelings:after,.learned:before{z-index:1;opacity:.84;filter:drop-shadow(0 7px 7px #462f1f1f);width:148px}.song:before{top:300px;left:-18px}.second:after{top:335px;right:-14px}.feelings:after{top:285px;left:-16px}.learned:before{top:250px;right:-14px}.song:after,.feelings:before{opacity:.43;width:62%;height:300px}.song:after{top:390px}.feelings:before{top:325px}.second:before{width:66px;top:570px;left:2%}.learned:after{width:74px;height:25px;top:350px;left:2%}.gallery{padding-top:76px!important}.gallery-love{font-size:78px!important;line-height:.9!important}.photos{gap:10px;margin-top:42px}.photos figure{padding:7px 7px 16px}footer{padding:94px 18px max(82px, env(safe-area-inset-bottom))}footer h2{font-size:60px;line-height:.92}}@media (width<=370px){.cover .title b,.small-title{font-size:34px}.cover .title i,.small-title i{font-size:69px}.song h2,.feelings h2,.learned h2,.pause h2{font-size:51px}.song .paper,.second .paper,.feelings .paper,.learned .paper{width:98%;padding-inline:20px;font-size:17px}.lined{padding-left:29px!important;font-size:16px!important}}@media (width<=700px){.first-letter .paper{min-height:370px;padding-inline:18px;font-size:15px;line-height:1.42}.lined{background-image:repeating-linear-gradient(#0000 0 28px,#7d775f57 29px 30px),linear-gradient(135deg,#f2ebc9,#e7ddb2)!important;font-size:17px!important;line-height:1.6!important}.song:before,.second:after,.feelings:after,.learned:before{opacity:.9}.feelings:after{width:154px;left:-22px}.learned:before{width:154px;right:-20px}}@media (width<=370px){.first-letter .paper{font-size:14px}.lined{font-size:16px!important}}