@charset "UTF-8";
:root{--paper:#f7f3ec;--ink:#3e483e;--muted:#899083;--green:#738b75;--jade:#9db7a0;--pink:#c8a8a0;--line:#dddcd0;--serif:"STKaiti","KaiTi","Kaiti SC","FangSong","Songti SC","Noto Serif CJK SC",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif;--body:"Songti SC","SimSun",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:42px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:7px}button:disabled{cursor:default}svg{display:inline-block;width:24px;height:24px}img{max-width:100%;display:block}figure,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;margin:0}button{border:0;background:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.page-grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238e866b' filter='url(%23n)' opacity='.25' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}::selection{background:#d9e1ce}.site-header{height:100px;max-width:1300px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:10px;align-items:center;font-family:var(--serif);font-size:21px;letter-spacing:2px}.brand svg{width:19px;height:24px}.brand-ice{color:#afc5ce;transform:rotate(-9deg)}.brand-jade{color:#9ab19b;transform:rotate(10deg)}.brand-separator{font-family:var(--sans);color:#96998b;font-size:10px;letter-spacing:2px;margin:0 11px}.music-toggle{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px;color:#78826f;min-height:40px;padding:4px 0 4px 16px}.music-bars{height:14px;display:flex;gap:3px;align-items:center}.music-bars i{height:5px;width:2px;background:#82917a;display:block;border-radius:2px}.music-bars i:nth-child(2){height:12px}.music-bars i:nth-child(3){height:8px}.music-bars i:nth-child(4){height:4px}.is-playing .music-bars i{animation:music 1.1s ease-in-out infinite alternate}.is-playing .music-bars i:nth-child(2){animation-delay:-.4s}.is-playing .music-bars i:nth-child(3){animation-delay:-.7s}@keyframes music{to{height:3px}}
.hero{position:relative;min-height:680px;max-width:1172px;margin:auto;padding:68px 44px 110px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.hero-copy{padding-left:5px}.eyebrow{display:flex;align-items:center;gap:10px;color:#929583;font-size:9px;letter-spacing:2.1px;margin-bottom:27px}.eyebrow>span{display:inline-block;width:22px;height:1px;background:#b1b69c}h1{font-size:59px;line-height:1.55;letter-spacing:4px}.emphasis{position:relative;white-space:nowrap;color:#708a70}.emphasis:after{content:"";position:absolute;bottom:4px;left:0;right:2px;height:9px;border-top:1px solid #b6c2a8;border-radius:50%;transform:rotate(-4deg)}.title-dot{color:#9aa68a}.hero-description{color:#858779;font-size:13px;line-height:2.2;letter-spacing:1.2px;margin:25px 0 25px}.mobile-break{display:none}.text-link{display:inline-flex;align-items:center;gap:17px;color:#73866b;font-size:11px;letter-spacing:.8px;min-height:38px}.text-link svg{width:21px}.handwritten{font-family:var(--serif);font-size:20px;letter-spacing:2px}.envelope-scene{position:relative;padding:65px 0 8px;text-align:center;min-width:0;isolation:isolate}.scene-note{position:absolute;top:2px;left:30px;transform:rotate(-8deg);font-size:19px;color:#a59c8b}.envelope-button{position:relative;display:block;width:100%;max-width:385px;height:249px;margin:15px auto 0;padding:0;text-align:left;perspective:1000px;transform:rotate(-6deg);transition:transform .7s ease}.envelope-button:hover{transform:rotate(-3deg) translateY(-4px)}.envelope-shadow{position:absolute;inset:18px -5px -15px;filter:blur(18px);background:#a29377;opacity:.17;z-index:-1;border-radius:50%}.envelope-back{position:absolute;inset:0;background:#dcd4c0;border-radius:3px;box-shadow:0 0 0 1px #d8d0bc}.envelope-letter{position:absolute;top:9px;left:16px;right:16px;height:214px;background:#fffdf7;border:1px solid #e6e2d7;transform:rotate(1deg);padding:25px 28px;transition:transform 1s .2s ease;z-index:1}.letter-mini-line{font-family:var(--serif);font-size:24px;color:#8d9680;letter-spacing:4px}.mini-line{display:block;width:85%;height:1px;background:#e8e4d9;margin:17px 0}.mini-line.short{width:60%}.letter-mini-sign{display:block;text-align:right;font-family:var(--serif);color:#9eaa99;font-size:22px}.envelope-front{position:absolute;inset:0;z-index:3;overflow:hidden;background:linear-gradient(32deg,#efe7d7 49.7%,transparent 50%) bottom left/51% 100% no-repeat,linear-gradient(-32deg,#eee5d3 49.7%,transparent 50%) bottom right/51% 100% no-repeat,linear-gradient(148deg,transparent 49.7%,#f4ecdc 50%) bottom left/51% 100% no-repeat,linear-gradient(-148deg,transparent 49.7%,#f0e8d8 50%) bottom right/51% 100% no-repeat;box-shadow:inset 0 -1px #d9d0bd;border-radius:3px}.envelope-flap{position:absolute;inset:0;z-index:4;clip-path:polygon(0 0,100% 0,50% 55%);background:linear-gradient(170deg,#f1e9da,#e5dcc8);transform-origin:50% 0;transition:transform .9s ease,z-index 0s .35s;filter:drop-shadow(0 1px 0 #d4c9b2)}.envelope-address{position:absolute;top:150px;left:38px;color:#8d8b73;z-index:5;font-family:var(--serif);font-size:18px;letter-spacing:8px;transition:opacity .3s}.envelope-address>span{font-size:28px;margin-left:6px}.wax-seal{position:absolute;top:107px;left:calc(50% - 25px);z-index:5;width:50px;height:49px;border-radius:49% 45% 48% 44%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#c2d0b6,#9eaf92);box-shadow:1px 3px 4px #8f927044,inset 1px 1px 1px #e7ead4;transform:rotate(14deg);transition:opacity .3s,transform .6s}.wax-seal svg{width:31px;height:32px;color:#dce3c8;filter:drop-shadow(1px 1px #899b7b)}.envelope-from{position:absolute;bottom:22px;right:24px;font-size:8px;letter-spacing:2px;color:#a39a85;z-index:5;display:flex;align-items:center;gap:7px}.envelope-from svg{width:18px;height:18px;color:#a6bbc3}.open-caption{display:block;margin:44px auto 0;min-height:42px;font-family:var(--serif);font-size:20px;letter-spacing:5px;color:#75866a;padding:0 8px 5px;border-bottom:1px solid #c8ceb8}.open-caption span{display:inline-block;margin-left:16px;transition:transform .3s}.open-caption:hover span{transform:translate(3px,-3px)}.scene-footnote{font-size:10px;letter-spacing:2px;color:#a2a291;margin-top:16px}.scene-flower{position:absolute;right:4px;bottom:129px;width:49px;height:67px;color:#b4ad8d;transform:rotate(19deg);z-index:-1}.orbit-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#c4bc9e}.dot-one{top:66px;right:46px}.dot-two{top:205px;left:-18px;width:3px;height:3px;background:#a4b297}.hero-bottom{position:absolute;bottom:23px;left:49px;right:44px;display:flex;align-items:center;justify-content:space-between;padding-top:21px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1.3px;color:#a4a493}.tiny-pair{display:flex;align-items:center;gap:12px}.tiny-pair svg{width:16px;height:16px;color:#b0c2c5}.tiny-pair svg:last-child{color:#acb99a}.is-open .envelope-flap{transform:rotateX(180deg);z-index:0}.is-open .envelope-letter{transform:translateY(-85px) rotate(0)}.is-open .wax-seal{opacity:0;transform:translateY(30px) rotate(30deg)}.is-open .envelope-button{transform:rotate(0deg)}
.section-wrap{max-width:1120px;margin:0 auto;padding:88px 40px}.chapter-label{display:flex;align-items:center;gap:15px;color:#949985;font-size:10px;letter-spacing:2px;margin-bottom:42px}.chapter-label>span:first-child{font-family:Georgia,serif;font-size:17px;font-style:italic;color:#9ca187}.chapter-rule{height:1px;background:var(--line);flex:1;margin-left:9px}.memory-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:84px;align-items:center}.lake-picture{position:relative;margin:18px 0 15px;transform:rotate(-2deg);padding:13px 13px 0;background:#fdfbf5;box-shadow:0 6px 25px #7065460b;border:1px solid #e8e3d7}.lake-picture:before{content:"";position:absolute;top:-17px;left:40%;width:88px;height:31px;background:#d6cead;opacity:.47;transform:rotate(4deg);z-index:1;clip-path:polygon(1% 2%,99% 0,97% 20%,100% 43%,98% 70%,100% 96%,0 100%,2% 70%,0 42%,3% 19%)}.lake-picture img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.lake-picture figcaption{height:49px;display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-size:13px;letter-spacing:1px;color:#8a8d78}.lake-picture figcaption span:last-child{font-family:var(--sans);font-size:7px;letter-spacing:1.3px;color:#a8a791}.small-kicker{font-size:9px;letter-spacing:2px;color:#9b9d89;margin-bottom:19px}.memory-copy h2{font-size:39px;line-height:1.55;letter-spacing:3px;margin-bottom:23px}.memory-copy>p:not(.small-kicker){font-size:12px;line-height:2.2;color:#858a7b;letter-spacing:1px;margin:16px 0}.memory-handwriting{display:block;color:#a29d88;font-size:17px;margin-top:26px;transform:rotate(-3deg)}.photos-section{padding-top:51px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:49px}.section-heading h2{font-size:35px;letter-spacing:2px;line-height:1.5}.section-heading h2 span{color:#849176}.section-heading>p{color:#979887;font-size:11px;line-height:2;letter-spacing:1px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;max-width:830px;margin:0 auto}.photo-card{background:#fffdf7;padding:13px 13px 0;border:1px solid #e7e2d6;box-shadow:0 3px 9px #71664607}.photo-one{transform:rotate(-3deg)}.photo-two{transform:rotate(3deg);margin-top:27px}.photo-placeholder{aspect-ratio:4/3;background:#e9eadd;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#909a80}.photo-two .photo-placeholder{background:#e9e5de;color:#a19d8f}.photo-placeholder svg{width:65%;height:auto;max-height:160px}.photo-placeholder>span{font-family:var(--serif);font-size:20px;letter-spacing:2px}.photo-placeholder>small{margin:13px 0 20px;font-size:8px;letter-spacing:2px;opacity:.68}.photo-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:61px;color:#9b9c87;font-size:9px;letter-spacing:1px}.photo-card figcaption .handwritten{font-size:16px;letter-spacing:1px}.photo-card .photo-real{aspect-ratio:4/3;width:100%;object-fit:cover}.photo-open{display:block;padding:0;width:100%}.photo-open:focus-visible{outline-offset:3px}.letter-section{padding-top:60px;padding-bottom:20px}.letter-heading{text-align:center;padding:10px 0 42px}.letter-heading h2{font-size:37px;letter-spacing:3px}.letter-heading>p:last-child{margin-top:19px;font-size:11px;letter-spacing:2px;color:#979b87}.letter-paper{max-width:730px;margin:auto;background:#fffcf6;border:1px solid #e5dfd1;box-shadow:6px 8px 0 -2px #f2ede2,6px 8px 0 -1px #e6dfd0,0 11px 32px #70654606;transform:rotate(-.6deg);padding:33px 57px 19px;position:relative}.paper-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#a0a08a;padding-bottom:23px;border-bottom:1px solid #e7e2d5;gap:12px}.draft-badge{font-size:8px;color:#a29a8b;border:1px solid #e4dfd2;border-radius:2px;padding:5px 8px;letter-spacing:1px;white-space:nowrap}.letter-body{font-family:var(--serif);font-size:21px;letter-spacing:1px;line-height:2.35;padding-top:31px;color:#67705e;background:repeating-linear-gradient(transparent,transparent 48.35px,#b5ad9522 48.35px,#b5ad9522 49.35px);background-position:0 31px}.letter-body>p{margin-bottom:24px}.letter-body .salutation{font-size:24px}.letter-body .letter-reserved{color:#a7a48e;font-size:16px;margin-top:39px}.letter-signature{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:13px 10px 24px}.letter-signature svg{color:#adc5ce;width:24px;height:24px}.letter-signature span{font-size:31px;color:#6f7c6c}.paper-bottom{display:flex;align-items:center;justify-content:space-between;color:#b0ac95;font-size:8px;letter-spacing:2px;border-top:1px solid #e7e2d5;padding-top:12px}.paper-bottom svg{width:23px;height:35px;transform:rotate(12deg);color:#b8b395}.draft-note{margin:25px 0 0;text-align:center;color:#a6a391;font-size:9px;letter-spacing:1px}.handwritten-letter{max-width:100%;height:auto;margin:27px auto}.letter-transcript{font-family:var(--body);font-size:14px;white-space:pre-wrap;padding:20px 0;color:#7c8372}.letter-transcript-summary{font-family:var(--sans);font-size:11px;padding:10px 0;cursor:pointer;color:#8c927e}.ending{text-align:center;padding-top:106px;padding-bottom:110px}.ending-pair{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:29px;color:#b5b69c}.ending-pair svg{height:34px;width:34px;color:#abc1ca;transform:rotate(-10deg)}.ending-pair svg:last-child{color:#a7b99b;transform:rotate(11deg)}.ending-pair span{font-size:13px}.ending .small-kicker{font-size:8px;margin-bottom:22px}.ending h2{font-size:39px;line-height:1.7;letter-spacing:4px}.ending>p:not(.small-kicker){font-size:12px;letter-spacing:1.5px;line-height:2.2;color:#919580;margin:23px 0 26px}.return-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;color:#71836c;border:1px solid #cdd1bd;border-radius:2px;font-size:11px;letter-spacing:1px;padding:11px 24px;min-height:45px;transition:background .3s}.return-button:hover{background:#eceee1}.return-button svg{width:19px}.ending-note{display:block;margin-top:31px;color:#a9a58f;font-size:16px}.site-footer{max-width:1172px;margin:auto;border-top:1px solid var(--line);min-height:72px;padding:23px 44px;display:flex;align-items:center;justify-content:space-between;color:#aaa995;font-size:9px;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.photo-dialog{max-width:calc(100vw - 36px);max-height:90svh;padding:22px;border:1px solid var(--line);background:var(--paper);color:var(--ink);overflow:auto}.photo-dialog::backdrop{background:#323f36b8;backdrop-filter:blur(5px)}.photo-dialog>button{display:block;margin:0 0 10px auto;font-size:26px;min-width:36px;min-height:36px}.photo-dialog>img{max-height:70svh;max-width:100%;width:auto;margin:auto;object-fit:contain}.photo-dialog>p{text-align:center;font-family:var(--serif);font-size:18px;margin-top:20px}
@media(min-width:1450px){.hero{min-height:750px;padding-top:80px;padding-bottom:125px}.site-header{height:110px}h1{font-size:65px}.envelope-button{max-width:405px;height:262px}}
@media(max-width:1000px){.site-header{padding:0 40px}.hero{gap:20px;padding:45px 40px 105px;min-height:630px}h1{font-size:47px;letter-spacing:3px}.envelope-button{max-width:330px;height:220px}.envelope-address{top:137px}.wax-seal{top:93px}.scene-note{left:7px;font-size:16px}.envelope-scene{padding-top:55px}.scene-flower{right:-13px}.eyebrow{font-size:7px;letter-spacing:1.4px}.memory-grid{gap:43px}.memory-copy h2{font-size:33px}.section-heading h2{font-size:29px}.photo-card figcaption .handwritten{font-size:12px}.memory-copy>p:not(.small-kicker){font-size:11px}.section-wrap{padding-left:40px;padding-right:40px}}
@media(max-width:650px){.site-header{height:77px;padding:0 24px}.brand{font-size:18px;gap:7px}.brand svg{width:16px;height:20px}.brand-separator{font-size:9px;margin:0 7px;letter-spacing:1px}.music-toggle{font-size:9px;gap:8px;letter-spacing:.3px;padding-left:5px}.music-bars{gap:2px;height:13px}.hero{display:flex;flex-direction:column;gap:0;padding:29px 27px 77px;min-height:0;align-items:stretch}.hero-copy{padding-left:6px}.eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:20px;gap:8px}.eyebrow>span{width:16px}h1{font-size:41px;line-height:1.5;letter-spacing:3px}h1 br:nth-of-type(2){display:none}.emphasis:after{bottom:1px;height:7px}.hero-description{font-size:11px;letter-spacing:1px;line-height:2;margin-top:20px;margin-bottom:11px}.mobile-break{display:none}.hero-read{font-size:10px;gap:10px}.hero-read svg{width:17px}.envelope-scene{padding:48px 16px 5px;margin-top:30px}.scene-note{top:0;left:21px;font-size:15px;letter-spacing:1.5px}.envelope-button{width:100%;max-width:300px;height:194px;margin-top:10px}.envelope-letter{height:168px;padding:20px}.letter-mini-line{font-size:20px}.mini-line{margin:13px 0}.envelope-address{top:118px;left:27px;font-size:15px;letter-spacing:4px}.envelope-address>span{font-size:24px}.wax-seal{top:82px;width:42px;height:41px;left:calc(50% - 21px)}.wax-seal svg{width:26px;height:27px}.envelope-from{right:17px;bottom:16px;font-size:6px;gap:6px}.envelope-from svg{width:14px;height:14px}.scene-flower{right:-2px;bottom:112px;width:37px;height:54px}.dot-one{right:31px;top:26px;width:3px;height:3px}.dot-two{left:5px;top:179px}.open-caption{font-size:18px;margin-top:30px;min-height:40px;letter-spacing:4px}.open-caption span{margin-left:12px}.scene-footnote{font-size:9px;margin-top:12px;letter-spacing:1.5px}.hero-bottom{left:27px;right:27px;bottom:13px;font-size:7px;padding-top:15px;letter-spacing:1px}.tiny-pair{gap:8px}.tiny-pair svg{width:12px;height:12px}.section-wrap{padding:60px 27px}.chapter-label{font-size:9px;letter-spacing:1.5px;gap:11px;margin-bottom:30px}.chapter-label>span:first-child{font-size:15px}.memory-grid{display:flex;flex-direction:column;gap:40px}.lake-picture{margin:7px 5px 0;padding:9px 9px 0;max-width:450px;align-self:stretch}.lake-picture figcaption{height:43px;font-size:12px}.lake-picture figcaption span:last-child{font-size:6px;letter-spacing:1px}.lake-picture:before{width:73px;height:25px;top:-13px}.memory-copy{width:100%;padding-left:5px}.small-kicker{font-size:8px;letter-spacing:1.8px;margin-bottom:16px}.memory-copy h2{font-size:33px;line-height:1.55;letter-spacing:3px;margin-bottom:19px}.memory-copy>p:not(.small-kicker){font-size:12px;line-height:2.2;letter-spacing:1px}.memory-handwriting{font-size:17px;margin-top:26px}.photos-section{padding-top:22px}.section-heading{display:block;margin-bottom:36px}.section-heading h2{font-size:29px;letter-spacing:1.8px;line-height:1.7}.section-heading h2 span{display:block}.section-heading>p{margin-top:16px;font-size:11px;line-height:1.9}.section-heading>p br{display:none}.photo-grid{gap:22px;grid-template-columns:1fr;max-width:340px;padding:0 8px}.photo-card{padding:10px 10px 0}.photo-one{transform:rotate(-3deg);margin-right:18px}.photo-two{transform:rotate(3deg);margin-top:8px;margin-left:18px}.photo-card figcaption{min-height:56px;font-size:8px}.photo-card figcaption .handwritten{font-size:14px}.photo-placeholder svg{max-height:128px}.photo-placeholder>span{font-size:18px}.photo-placeholder>small{font-size:7px;margin-top:10px;margin-bottom:17px}.letter-section{padding-top:17px;padding-bottom:15px}.letter-heading{padding-top:0;padding-bottom:30px}.letter-heading h2{font-size:28px;letter-spacing:1.8px;line-height:1.6}.letter-heading>p:last-child{font-size:10px;letter-spacing:1.2px;margin-top:13px}.letter-paper{padding:22px 23px 15px;transform:rotate(-.5deg)}.paper-top{font-size:8px;letter-spacing:1px;padding-bottom:17px;gap:7px}.draft-badge{font-size:7px;padding:4px 6px;letter-spacing:.5px}.letter-body{font-size:18px;line-height:2.4;padding-top:25px;background:repeating-linear-gradient(transparent,transparent 42.2px,#b5ad9522 42.2px,#b5ad9522 43.2px);background-position:0 25px;letter-spacing:.5px}.letter-body>p{margin-bottom:22px}.letter-body .salutation{font-size:22px}.letter-body .letter-reserved{font-size:13px;margin-top:26px}.letter-signature{padding-bottom:20px;padding-top:5px;gap:10px}.letter-signature span{font-size:28px}.letter-signature svg{width:21px;height:21px}.paper-bottom{font-size:7px;letter-spacing:1px}.paper-bottom svg{height:28px;width:20px}.draft-note{font-size:8px;line-height:1.8;letter-spacing:.5px;margin-top:22px}.ending{padding-top:73px;padding-bottom:79px}.ending-pair{margin-bottom:25px;gap:17px}.ending-pair svg{width:30px;height:30px}.ending h2{font-size:32px;letter-spacing:3px;line-height:1.7}.ending>p:not(.small-kicker){font-size:11px;letter-spacing:1px;margin-top:21px}.ending-note{font-size:16px;margin-top:26px}.site-footer{padding:20px 26px;min-height:70px;gap:12px;font-size:7px;letter-spacing:.5px}.is-open .envelope-letter{transform:translateY(-60px)}.photo-dialog{padding:14px}.photo-dialog>p{font-size:16px}}
@media(max-width:360px){.site-header{padding:0 19px}.hero{padding-left:23px;padding-right:23px}.hero-copy{padding-left:1px}h1{font-size:36px;letter-spacing:2px}.eyebrow{font-size:6px}.envelope-scene{padding-left:13px;padding-right:13px}.envelope-button{height:174px}.wax-seal{top:73px}.envelope-address{top:107px}.section-wrap{padding-left:23px;padding-right:23px}.letter-paper{padding-left:18px;padding-right:18px}.letter-heading h2{font-size:25px}}
h1{font-size:clamp(42px,4.65vw,59px)}.hero-last-line{white-space:nowrap}
.envelope-front{clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);background:linear-gradient(32deg,transparent 49.7%,#d6cebb66 50%,transparent 50.3%) bottom left/50% 100% no-repeat,linear-gradient(-32deg,transparent 49.7%,#d6cebb66 50%,transparent 50.3%) bottom right/50% 100% no-repeat,#f0e8d8}
.music-toggle,.text-link,.hero-description,.memory-copy>p:not(.small-kicker),.section-heading>p,.letter-heading>p:last-child,.ending>p:not(.small-kicker),.scene-footnote{color:#69745f}
.letter-body .letter-reserved,.draft-note{color:#777964}
.open-caption,.return-button{color:#627556}
@media(max-width:650px){h1{font-size:41px}h1 br:nth-of-type(2){display:initial}.hero-last-line{font-size:32px;letter-spacing:2px}.hero-description{font-size:13px}.text-link{font-size:12px}.music-toggle{font-size:10px}.memory-copy>p:not(.small-kicker){font-size:14px}.section-heading>p,.ending>p:not(.small-kicker){font-size:13px}.scene-footnote{font-size:10px}.letter-heading>p:last-child{font-size:12px}.draft-note{font-size:10px}.letter-body .letter-reserved{font-size:14px}}
@media(max-width:360px){h1{font-size:36px}.hero-last-line{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}