:root{font-family:Manrope,sans-serif;color:#eeeae4;background:#101010;font-synthesis:none;--bg:#101010;--paper:#1c1b1c;--ink:#eeeae4;--muted:#8f8a85;--line:#303030;--hand:"Caveat",cursive;--serif:"Cormorant Garamond",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;color-scheme:dark}body{margin:0;min-width:320px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #bdb0ca;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}svg{flex-shrink:0}h1,h2,p{margin:0}::selection{background:#70576e;color:#fff}.night-page{max-width:1280px;padding:0 68px;margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff0a}.brand{display:flex;align-items:center;gap:13px}.brand>span{font-size:8px;letter-spacing:1.8px;color:#a8a29b}.header-index{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.3px;color:#88827d}.index-dot{height:3px;width:3px;border-radius:50%;background:#aaa298}.hero{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:114px;padding:100px 46px 132px;position:relative;min-height:780px}.hero-photo-scene{position:relative;min-width:0}.hero-photo-scene:before{content:"";position:absolute;top:3%;right:-15%;bottom:3%;left:-15%;background:radial-gradient(ellipse,#81365c24,transparent 68%);filter:blur(40px);z-index:-1}.polaroid{background:#1b1a1c;border:1px solid #373338;display:block;width:100%;padding:12px 12px 0;box-shadow:0 10px 35px #0006;text-align:left;transition:transform .4s,border-color .4s,box-shadow .4s;position:relative}.hero-polaroid{transform:rotate(-6deg)}.polaroid:hover{transform:rotate(-2deg) translateY(-5px);border-color:#71636d;box-shadow:0 15px 45px #0008}.photo-window{display:block;overflow:hidden;background:#252025;aspect-ratio:1}.photo-window img{transition:transform .8s}.polaroid:hover img{transform:scale(1.025)}.photo-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:10px 8px 13px;font:29px/1 var(--hand);color:#e0d9d2}.tape{display:block;position:absolute;z-index:2;background:#a29c8c2a;box-shadow:inset 0 0 8px #b9b3a50a;clip-path:polygon(0 4%,98% 0,100% 96%,2% 100%);pointer-events:none}.hero-tape{height:31px;width:123px;top:-16px;left:35%;transform:rotate(7deg)}.photo-whisper{position:absolute;font:25px var(--hand);top:-50px;left:-15px;transform:rotate(-9deg);color:#9c9290}.hero-arrow{position:absolute;left:-74px;top:-36px;width:100px;height:76px;transform:rotate(-73deg);color:#b1a39e}.photo-serial{position:absolute;right:0;top:-47px;font-size:6px;letter-spacing:1.6px;color:#6a6267;transform:rotate(-6deg)}.photo-open{position:absolute;right:24px;bottom:85px;padding:6px;background:#ffffffc2;color:#161216;opacity:0;transition:opacity .2s}.polaroid:hover .photo-open,.polaroid:focus-visible .photo-open{opacity:1}.hero-sparkle{position:absolute;left:-39px;bottom:4px;width:42px;height:42px;transform:rotate(-10deg);color:#b9aaa9}.photo-sticker{position:absolute;right:-20px;bottom:-23px;transform:rotate(7deg);padding:11px 21px;font:24px var(--hand);background:#242123;color:#b7aaa8;border:1px solid #383134;box-shadow:0 5px 10px #0004}.hero-letter-scene{position:relative;min-width:0;padding-top:2px}.hero-kicker{display:flex;align-items:center;gap:10px;font-size:6px;letter-spacing:1.8px;color:#8c828a;position:absolute;left:17px;top:-45px;white-space:nowrap}.little-line{display:block;width:25px;height:1px;background:#76656f}.paper-letter{background:#1b191b;padding:33px 30px 20px;transform:rotate(3deg);box-shadow:4px 12px 30px #0003;border:1px solid #29252a;position:relative;background-image:linear-gradient(120deg,#ffffff02,transparent)}.letter-tape{width:91px;height:26px;top:-13px;left:37%;transform:rotate(-9deg)}.letter-to{font:20px var(--hand);color:#81767d}.paper-letter h1{font:500 108px/1 var(--hand);letter-spacing:-4px;transform:rotate(-5deg);margin:28px 0 5px}.title-period{color:#aa879f}.title-underline{display:block;margin-left:9px;width:180px;height:11px;border-bottom:1px solid #ae97a6;border-radius:50%;transform:rotate(-4deg)}.letter-message{font:25px/1.13 var(--hand);color:#b4a8ae;margin-top:31px}.letter-message>span{color:#e8e0e3;display:inline-block;margin-top:9px}.letter-sign{display:flex;align-items:center;justify-content:space-between;gap:15px;font:23px var(--hand);color:#9f8f98;margin-top:21px;padding-left:5px}.letter-sign svg{width:59px;height:55px;transform:rotate(-6deg)}.letter-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;font:19px var(--hand);border-top:1px solid #3b3139;color:#a4949e;margin-top:19px;padding:13px 0 0;width:100%;text-align:left}.letter-toggle:hover{color:#eeeae4}.letter-extra{font:22px/1.2 var(--hand);padding-top:20px;color:#c5b7c0;animation:unfold .3s both}.paper-fold{position:absolute;right:-1px;bottom:-1px;width:21px;height:21px;background:linear-gradient(135deg,#3b343c 50%,#101010 51%)}.under-letter{display:block;text-align:center;font:19px var(--hand);color:#6e626b;margin-top:28px;transform:rotate(-3deg)}.hero-down{position:absolute;bottom:29px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font:20px var(--hand);color:#7e717a;white-space:nowrap}.hero-down svg{transition:transform .2s}.hero-down:hover svg{transform:translateY(4px)}.quiet-divider{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#968b90}.quiet-divider>span{font-size:7px;letter-spacing:2px}.moments{padding:77px 42px 65px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:70px}.eyebrow{font-size:7px;letter-spacing:2px;color:#81767d;line-height:1.8}.section-heading h2{font:400 57px/.98 var(--serif);letter-spacing:-1.2px;margin-top:17px}.section-heading h2 em{font-weight:400;color:#a2969c}.heading-note{font:26px/.95 var(--hand);transform:rotate(6deg);color:#9e8f97;position:relative;padding:0 33px 0 0;margin-top:10px}.heading-note svg{display:block;position:absolute;right:2px;bottom:-48px;width:93px;transform:rotate(-13deg)}.memory-composition{display:grid;grid-template-columns:1fr .85fr;gap:111px;align-items:center}.flower-scene{position:relative;min-width:0}.flower-polaroid{transform:rotate(4deg);padding:13px 13px 0}.flower-polaroid:hover{transform:rotate(1deg) translateY(-5px)}.flower-polaroid .photo-caption{font-size:27px;min-height:72px}.flower-tape{left:32%;top:-16px;width:116px;height:30px;transform:rotate(-8deg)}.side-index{position:absolute;top:37%;left:-46px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:6px;letter-spacing:2px;color:#6d606a}.flower-whisper{display:block;font:23px var(--hand);color:#93868f;margin-top:29px;padding-left:10px;transform:rotate(-3deg)}.notes-scene{min-width:0;padding-top:0}.small-note{background:#201d20;border:1px solid #332d32;padding:33px 28px 26px;transform:rotate(-5deg);position:relative;box-shadow:4px 7px 22px #0003}.paperclip{position:absolute;right:29px;top:-17px;height:45px;width:16px;border:1.5px solid #8c8189;border-radius:10px;transform:rotate(6deg)}.paperclip:after{content:"";position:absolute;left:3px;top:4px;width:7px;height:31px;border:1px solid #8c8189;border-radius:7px}.note-label{font-size:6px;letter-spacing:1.2px;color:#8b7c85}.small-note p{font:32px/1 var(--hand);margin-top:23px;letter-spacing:-.4px;color:#ded2da}.small-note p>span{display:inline-block;margin-top:12px;padding-bottom:6px;border-bottom:1px solid #786570}.note-sign{display:flex;align-items:center;justify-content:space-between;font:21px var(--hand);color:#9e8999;margin-top:23px}.loose-handwriting{font:29px/.98 var(--hand);color:#a08c99;transform:rotate(5deg);margin-top:45px;padding-left:14px;position:relative}.loose-handwriting svg{position:absolute;right:10px;top:30px;transform:rotate(-8deg);color:#75616f}.tiny-footnote{display:block;font-size:8px;line-height:1.8;color:#5e535b;margin-top:45px;max-width:230px;padding-left:15px}.unfinished{display:flex;align-items:center;gap:35px;padding:37px 32px;margin:10px 0 0;border:1px dashed #3b323c;background:linear-gradient(100deg,#1c181b50,transparent);position:relative}.unfinished-number{font:25px var(--serif);letter-spacing:1px;color:#8c7586;white-space:nowrap;align-self:flex-start;padding-top:7px}.unfinished-copy h2{font:34px/1.05 var(--hand);font-weight:400;margin-top:8px;color:#c3b4bf}.unfinished-copy h2>span{color:#e8dfe5}.unfinished-copy p{font-size:9px;line-height:1.8;color:#76636f;margin-top:12px}.unfinished-sparkle{margin-left:auto;color:#74616e;padding:0 9px}.ending{padding:95px 15px 91px;display:flex;align-items:center;flex-direction:column;text-align:center}.ending>svg{color:#9e8797;margin-bottom:25px}.ending>p{font:400 42px/1.15 var(--hand);color:#d6cbd2}.ending>p em{color:#bfa9b8;font-style:normal}.ending-name{font:27px var(--hand);color:#a1899b;margin-top:23px;transform:rotate(-4deg)}.heart-button{display:flex;align-items:center;flex-direction:column;gap:12px;font:19px var(--hand);color:#73616e;margin-top:31px;padding:8px;min-width:170px}.heart-button svg{transition:transform .25s,color .25s}.heart-button:hover svg{transform:rotate(-8deg) scale(1.15)}.heart-button.is-hearted{color:#d1b3c6}.footer{border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;font:20px var(--hand);color:#76646f}.footer-top a{display:flex;align-items:center;gap:12px;color:#b5a0ae}.footer-art{height:246px;display:flex;align-items:center;justify-content:center;position:relative}.footer-name{font:500 252px/1 var(--serif);letter-spacing:-15px;color:#30262d;-webkit-user-select:none;user-select:none;position:relative;top:-25px}.footer-photo{position:absolute;left:16%;top:22px;transform:rotate(-12deg);padding:5px 5px 22px;background:#242026;width:99px;height:124px;border:1px solid #40313e;box-shadow:0 5px 15px #0006}.footer-handwriting{position:absolute;right:15%;bottom:26px;display:flex;align-items:center;gap:13px;font:25px var(--hand);transform:rotate(-7deg);color:#8d7486}.footer-handwriting svg{height:36px;width:42px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);min-height:70px;font-size:8px;color:#74626f}.footer-bottom>span:first-child{font-size:11px;letter-spacing:-.2px;color:#b19aaa}.footer-heart{display:flex;align-items:center;gap:6px}.lightbox{border:1px solid #463343;background:#181419;color:var(--ink);padding:0;width:min(660px,calc(100% - 30px));max-height:94dvh;overflow:auto;box-shadow:0 20px 100px #0009}.lightbox::backdrop{background:#080609e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lightbox-inner{padding:14px 20px 10px}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:42px;margin-bottom:9px}.lightbox-top>span{font-size:7px;letter-spacing:1.5px;color:#95808f}.lightbox-top button{padding:7px;display:grid;place-items:center;margin-right:-7px}.lightbox-inner>img{height:min(69dvh,630px);width:100%;object-fit:contain;background:#100d11}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px}.lightbox-bottom>p{font:27px var(--hand);text-align:center;line-height:1.05;color:#cebbc9}.lightbox-bottom button{display:grid;place-items:center;height:42px;width:35px;flex-shrink:0}.hero-photo-scene,.hero-letter-scene{animation:arrive .8s both}.hero-letter-scene{animation-delay:.15s}@keyframes arrive{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes unfold{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.night-page{max-width:1340px;padding:0 80px}.hero{padding:110px 55px 147px;min-height:835px}.hero-down{bottom:35px}.photo-caption{font-size:30px}.paper-letter h1{font-size:117px}.letter-message{font-size:26px}.moments{padding-left:50px;padding-right:50px}.memory-composition{gap:130px}}@media(max-width:1100px){.night-page{padding:0 45px}.hero{gap:77px;padding:86px 30px 120px;min-height:725px}.paper-letter{padding:30px 24px 19px}.paper-letter h1{font-size:98px}.letter-message{font-size:23px}.hero-arrow{width:82px;left:-62px}.photo-caption{font-size:26px;min-height:66px}.hero-sparkle{width:36px;height:36px;left:-32px}.photo-sticker{font-size:21px;right:-17px;padding:9px 17px}.hero-kicker{font-size:5px;letter-spacing:1.4px}.moments{padding:62px 25px 55px}.memory-composition{gap:80px}.flower-polaroid .photo-caption{font-size:24px;min-height:68px}.small-note{padding:28px 24px}.small-note p{font-size:30px}.section-heading h2{font-size:52px}.heading-note{font-size:24px}.loose-handwriting{font-size:26px}.under-letter{font-size:17px}.flower-whisper{font-size:21px}}@media(max-width:850px){.night-page{padding:0 30px}.header{height:80px}.brand>span{font-size:6px;letter-spacing:1.2px}.header-index{font-size:6px;letter-spacing:1px;gap:9px}.hero{gap:45px;padding:80px 20px 108px;min-height:650px}.paper-letter{padding:25px 21px 17px}.paper-letter h1{font-size:84px;margin-top:25px}.title-underline{width:150px}.letter-to{font-size:17px}.letter-message{font-size:21px;margin-top:26px}.letter-sign{font-size:21px}.letter-sign svg{width:47px;height:45px}.letter-toggle{font-size:17px;margin-top:14px}.letter-extra{font-size:20px}.hero-polaroid{padding:9px 9px 0}.photo-caption{font-size:23px;min-height:60px;gap:7px;padding-left:4px;padding-right:4px}.photo-caption svg{width:19px}.hero-arrow{width:71px;left:-48px;top:-30px}.photo-whisper{font-size:22px;top:-43px;left:-4px}.photo-serial{font-size:5px;top:-37px;letter-spacing:1px}.hero-tape{width:96px;height:27px;top:-14px;left:31%}.hero-kicker{font-size:5px;top:-33px;left:9px;letter-spacing:1px;gap:7px}.little-line{width:18px}.hero-sticker{font-size:19px;bottom:-18px;right:-15px}.hero-sparkle{left:-26px;width:30px;height:30px}.under-letter{font-size:15px;margin-top:23px}.hero-down{font-size:18px;bottom:22px}.quiet-divider{padding:20px 5px;gap:15px}.quiet-divider>span{font-size:6px;letter-spacing:1.3px}.moments{padding:50px 15px 45px}.section-heading{margin-bottom:57px}.section-heading h2{font-size:47px}.eyebrow{font-size:6px;letter-spacing:1.7px}.heading-note{font-size:22px;padding-right:15px}.heading-note svg{width:76px;bottom:-39px}.memory-composition{gap:53px;grid-template-columns:1fr .9fr}.flower-polaroid{padding:9px 9px 0}.flower-polaroid .photo-caption{font-size:21px;min-height:62px}.flower-whisper{font-size:19px;margin-top:24px}.flower-tape{width:90px;height:26px;top:-14px}.side-index{left:-28px;font-size:5px;letter-spacing:1.5px}.small-note{padding:25px 19px 22px}.small-note p{font-size:26px}.note-label{font-size:5px;letter-spacing:1px}.note-sign{font-size:18px;margin-top:20px}.loose-handwriting{font-size:24px;margin-top:33px;padding-left:6px}.loose-handwriting svg{width:33px;right:2px;top:30px}.tiny-footnote{font-size:7px;margin-top:35px;padding-left:6px}.unfinished{padding:28px 23px;gap:23px}.unfinished-number{font-size:22px}.unfinished-copy h2{font-size:29px}.unfinished-copy p{font-size:8px}.unfinished-sparkle{padding:0}.unfinished-sparkle svg{width:28px}.ending{padding:73px 10px}.ending>p{font-size:38px}.ending-name{font-size:25px}.footer-art{height:213px}.footer-name{font-size:218px}.footer-photo{width:83px;height:109px;left:12%;top:22px}.footer-top{font-size:18px;padding:23px 0}.footer-handwriting{font-size:22px;right:9%;bottom:23px}.footer-bottom{font-size:7px;min-height:65px}.footer-bottom>span:first-child{font-size:10px}}@media(max-width:620px){.night-page{padding:0 22px}.header{height:71px;gap:10px}.brand{gap:9px}.brand>svg{width:23px}.brand>span{font-size:6px;letter-spacing:1px}.header-index{font-size:6px;gap:7px;letter-spacing:.6px}.header-index>span:first-child{display:none}.hero{grid-template-columns:minmax(0,1fr);gap:86px;padding:76px 22px 100px;min-height:0}.hero-photo-scene{max-width:340px;width:100%;margin:0 auto}.hero-polaroid{padding:11px 11px 0}.photo-caption{font-size:27px;min-height:65px;padding:10px 7px 12px;gap:8px}.photo-caption svg{width:21px}.photo-whisper{font-size:24px;top:-41px;left:0}.hero-arrow{left:-40px;top:-29px;width:72px;height:65px}.photo-serial{top:-35px;right:-3px;font-size:5px;letter-spacing:.7px}.hero-tape{width:106px;height:28px;top:-15px;left:31%}.photo-sticker{font-size:22px;right:-17px;bottom:-18px;padding:9px 18px}.hero-sparkle{left:-26px;bottom:3px;width:33px;height:33px}.hero-letter-scene{max-width:335px;width:100%;margin:0 auto}.hero-kicker{top:-37px;left:4px;font-size:5px;letter-spacing:1.2px}.paper-letter{padding:30px 25px 20px}.letter-to{font-size:19px}.paper-letter h1{font-size:109px;margin-top:27px}.title-underline{width:190px}.letter-message{font-size:25px;line-height:1.1;margin-top:30px}.letter-sign{font-size:23px;margin-top:21px}.letter-sign svg{width:56px;height:51px}.letter-toggle{font-size:20px;margin-top:19px}.letter-extra{font-size:22px}.under-letter{font-size:18px;margin-top:25px}.hero-down{font-size:19px;bottom:20px;gap:9px}.quiet-divider{padding:18px 0;gap:10px}.quiet-divider>span{font-size:5px;letter-spacing:.9px}.quiet-divider svg{width:17px}.moments{padding:43px 10px}.section-heading{margin-bottom:51px;gap:15px}.section-heading h2{font-size:44px;letter-spacing:-1px}.eyebrow{font-size:6px;letter-spacing:1.5px}.heading-note{font-size:18px;padding-right:0;max-width:105px;margin-top:22px}.heading-note svg{width:66px;right:0;bottom:-39px}.memory-composition{grid-template-columns:minmax(0,1fr);gap:61px;max-width:340px;margin:auto}.flower-scene{padding:0 3px}.flower-polaroid{padding:11px 11px 0}.flower-polaroid .photo-caption{font-size:25px;min-height:66px;gap:8px;padding-left:5px;padding-right:5px}.flower-tape{width:112px;height:29px;top:-15px;left:30%}.side-index{left:-22px;top:36%;font-size:5px;letter-spacing:1px}.flower-whisper{font-size:22px;padding-left:9px;margin-top:27px}.notes-scene{padding:0 18px}.small-note{padding:31px 25px 26px}.note-label{font-size:6px;letter-spacing:1px}.small-note p{font-size:32px;margin-top:25px;line-height:1.02}.note-sign{font-size:21px;margin-top:24px}.loose-handwriting{font-size:29px;padding-left:4px;margin-top:38px}.loose-handwriting svg{right:0;top:27px;width:35px}.tiny-footnote{font-size:8px;margin-top:40px;padding-left:4px;max-width:none}.unfinished{padding:25px 21px;gap:15px;align-items:flex-start;margin-top:0}.unfinished-number{font-size:18px;padding-top:5px}.unfinished-copy h2{font-size:29px;line-height:1.05;margin-top:8px}.unfinished-copy h2>span{display:block}.unfinished-copy .eyebrow{font-size:5px;letter-spacing:1.2px}.unfinished-copy p{font-size:8px;max-width:170px;line-height:1.8;margin-top:13px}.unfinished-sparkle{position:absolute;right:15px;bottom:20px;opacity:.7}.unfinished-sparkle svg{width:23px}.ending{padding:65px 0 58px}.ending>svg{margin-bottom:23px;width:23px}.ending>p{font-size:33px;line-height:1.15}.ending-name{font-size:25px;margin-top:21px}.heart-button{font-size:19px;margin-top:25px}.footer-top{font-size:16px;padding:21px 0;gap:12px}.footer-top>a{gap:6px;white-space:nowrap}.footer-top>a>svg{width:13px}.footer-art{height:185px}.footer-name{font-size:clamp(155px,43vw,215px);letter-spacing:-10px;top:-16px}.footer-photo{width:68px;height:88px;left:7%;top:24px;padding:4px 4px 17px}.footer-handwriting{font-size:21px;right:8%;bottom:15px;gap:7px}.footer-handwriting svg{width:34px;height:30px}.footer-bottom{min-height:79px;flex-wrap:wrap;gap:8px;padding:17px 0;font-size:6px}.footer-bottom>span:first-child{font-size:10px}.footer-heart{order:3;width:100%;justify-content:center;margin-top:2px;font-size:7px}.lightbox{width:calc(100% - 22px)}.lightbox-inner{padding:10px 12px 8px}.lightbox-top>span{font-size:6px;letter-spacing:1px}.lightbox-inner>img{height:auto;max-height:70dvh;aspect-ratio:1;object-fit:contain}.lightbox-bottom>p{font-size:23px}.lightbox-bottom{gap:4px}.lightbox-bottom button{width:29px}}@media(max-width:370px){.night-page{padding:0 17px}.hero{padding-left:18px;padding-right:18px}.photo-caption{font-size:24px}.photo-serial{font-size:4px}.hero-sparkle{left:-23px;width:29px}.paper-letter{padding-left:22px;padding-right:22px}.paper-letter h1{font-size:98px}.letter-message{font-size:23px}.under-letter{font-size:16px}.section-heading h2{font-size:40px}.heading-note{font-size:16px;max-width:92px}.flower-polaroid .photo-caption{font-size:22px}.small-note p{font-size:29px}.ending>p{font-size:28px}.footer-top{font-size:14px}.brand>span{font-size:5px}.footer-name{font-size:152px}.unfinished{padding:23px 16px;gap:13px}.unfinished-copy h2{font-size:27px}}.photo-chapter,.sunset-chapter,.video-chapter{padding:65px 32px 55px;border-top:1px solid var(--line);margin-top:30px}.chapter-heading{margin-bottom:42px}.chapter-heading h2{font:400 53px/1.02 var(--serif);letter-spacing:-1px;margin-top:17px}.chapter-heading h2 em{font-weight:400;color:#b4a9b0}.chapter-heading>p{font:24px/1.2 var(--hand);color:#9b8a96;margin-top:20px}.sea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 45px;padding:0 10px}.album-polaroid{padding:10px 10px 0;min-width:0}.sea-polaroid:nth-child(odd){transform:rotate(-2deg)}.sea-polaroid:nth-child(2n){transform:rotate(2deg)}.album-polaroid:hover{transform:rotate(0) translateY(-4px)}.album-image{display:block;overflow:hidden;aspect-ratio:3/4;background:#242124}.album-image img{object-fit:contain;transition:transform .6s}.album-polaroid:hover img{transform:scale(1.015)}.album-caption{display:flex;align-items:center;gap:15px;min-height:66px;padding:13px 4px;font:25px/1 var(--hand);color:#e4dce1}.album-index{font:8px var(--sans,"Manrope",sans-serif);letter-spacing:1px;color:#95818e;flex-shrink:0}.chapter-aside{display:flex;align-items:center;justify-content:flex-end;gap:18px;font:25px var(--hand);color:#a992a1;padding-top:35px;transform:rotate(-2deg)}.sunset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sunset-polaroid .album-image{aspect-ratio:4/3}.sunset-polaroid:nth-child(1){transform:rotate(-3deg)}.sunset-polaroid:nth-child(2){transform:rotate(2deg);margin-top:20px}.sunset-polaroid:nth-child(3){transform:rotate(-1deg)}.sunset-polaroid:hover{transform:rotate(0) translateY(-4px)}.sunset-polaroid .album-caption{font-size:22px;gap:9px;min-height:75px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.video-memory{min-width:0;padding:9px 9px 13px;background:#1b191c;border:1px solid #3a3038;box-shadow:0 8px 25px #0003}.video-screen{aspect-ratio:9/14;background:#0a090b;overflow:hidden}.video-screen video{display:block;width:100%;height:100%;object-fit:contain}.video-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 3px;border-bottom:1px solid #3a3038;color:#af9aa8}.video-number{font-size:7px;letter-spacing:1px}.video-buttons{display:flex;gap:6px}.video-buttons button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #50404c;border-radius:50%;color:#eeeae4;transition:background .2s}.video-buttons button:hover{background:#493542}.video-buttons button:disabled{opacity:.35;cursor:default}.video-caption{font:24px/1.1 var(--hand);padding:16px 5px 1px;color:#ded1da;min-height:48px}.video-hint{font-size:9px;line-height:1.7;color:#9a8493;margin-top:25px;text-align:center}.video-error{font-size:11px;line-height:1.5;color:#e4b3c8;margin:12px 5px 0}.is-playing{border-color:#b396a8}.is-playing .video-number{color:#e6c4d7}@media(max-width:850px){.photo-chapter,.sunset-chapter,.video-chapter{padding:45px 15px}.chapter-heading h2{font-size:45px}.sea-grid{gap:37px 28px;padding:0 4px}.album-caption{font-size:23px;gap:10px}.sunset-grid{gap:15px}.sunset-polaroid{padding:7px 7px 0}.sunset-polaroid .album-caption{font-size:21px;min-height:82px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.video-caption{font-size:24px}}@media(max-width:620px){.photo-chapter,.sunset-chapter,.video-chapter{padding:40px 8px;margin-top:15px}.chapter-heading{margin-bottom:31px}.chapter-heading h2{font-size:38px;letter-spacing:-.6px}.chapter-heading>p{font-size:22px;max-width:270px}.sea-grid{gap:31px 20px;padding:0}.album-polaroid{padding:6px 6px 0}.album-caption{font-size:21px;gap:7px;min-height:77px;padding:12px 2px}.album-index{font-size:6px}.chapter-aside{font-size:21px;gap:10px;padding-top:27px}.sunset-grid{grid-template-columns:minmax(0,1fr);gap:31px;max-width:340px;margin:auto;padding:0 7px}.sunset-polaroid{padding:10px 10px 0}.sunset-polaroid:nth-child(2){margin-top:0}.sunset-polaroid .album-caption{font-size:26px;min-height:70px;gap:13px}.video-grid{grid-template-columns:minmax(0,1fr);gap:27px;max-width:340px;margin:auto}.video-screen{aspect-ratio:9/13}.video-toolbar{padding:10px 5px}.video-number{font-size:8px}.video-buttons{gap:12px}.video-buttons button{width:44px;height:44px}.video-caption{font-size:27px;padding-top:17px}.video-hint{font-size:8px;max-width:260px;margin:23px auto 0}}@media(max-width:370px){.sea-grid{gap:25px 14px}.album-caption{font-size:19px;gap:5px;min-height:80px}.chapter-heading h2{font-size:34px}.chapter-aside{font-size:18px}}.video-touch{display:block;width:100%;padding:0;border:0;text-align:inherit;touch-action:manipulation}.video-touch video{pointer-events:none}.video-touch:focus-visible{outline:2px solid #bdb0ca;outline-offset:4px}.video-memory .video-caption{padding-top:18px}.video-memory{padding:0 0 13px;border:0;background:transparent;box-shadow:none}.video-screen{aspect-ratio:9/16;background:transparent}.video-screen video{object-fit:cover}.video-memory .video-caption{padding:16px 4px 0}.video-touch{transition:filter .25s,transform .25s}.video-touch:hover{filter:brightness(1.06)}.video-touch:active{transform:scale(.992)}.photo-viewer.lightbox{width:96vw;height:96dvh;max-width:1800px;max-height:96dvh;margin:auto;border:0;background:transparent;box-shadow:none;overflow:hidden;animation:viewer-in .3s ease both}.photo-viewer::backdrop{background:#080609ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:backdrop-in .3s ease both}.photo-viewer .lightbox-inner{height:100%;padding:0 12px;display:grid;grid-template-rows:48px minmax(0,1fr) 62px;gap:7px}.photo-viewer .lightbox-top{margin:0;min-height:0}.photo-viewer .lightbox-top>span{font-size:9px}.photo-viewer .lightbox-top button{width:44px;height:44px;margin:0}.lightbox-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.lightbox-stage img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:transparent;opacity:0}.lightbox-stage img.is-loaded{opacity:1;animation:photo-in .32s cubic-bezier(.2,.7,.3,1) both}.photo-viewer .lightbox-bottom{padding:0;gap:14px}.photo-viewer .lightbox-bottom>p{font-size:29px}.photo-viewer .lightbox-bottom button{width:48px;height:48px}.photo-viewer.is-closing{animation:viewer-out .2s ease both;pointer-events:none}.photo-viewer.is-closing::backdrop{animation:backdrop-out .2s ease both}@keyframes viewer-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}@keyframes viewer-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.98) translateY(5px)}}@keyframes photo-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-in{0%{background:#08060900;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#080609ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@keyframes backdrop-out{0%{background:#080609ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}to{background:#08060900;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@media(max-width:620px){.photo-viewer.lightbox{width:100vw;height:100dvh;max-height:100dvh;max-width:100vw}.photo-viewer .lightbox-inner{padding:max(6px,env(safe-area-inset-top)) 8px max(6px,env(safe-area-inset-bottom));grid-template-rows:48px minmax(0,1fr) 62px;gap:4px}.photo-viewer .lightbox-top>span{font-size:7px}.photo-viewer .lightbox-bottom>p{font-size:24px}.photo-viewer .lightbox-bottom{gap:5px}.photo-viewer .lightbox-bottom button{width:44px}}.header-love{display:flex;align-items:center;gap:10px;font:22px/1.1 var(--hand);color:#b9a4b2;text-align:right}.photo-sticker{display:flex;align-items:center;gap:10px}.section-heading .handwritten-heading{font-family:var(--hand);font-size:68px;line-height:.95;letter-spacing:0}.section-heading .handwritten-heading em{font-style:normal}.letter-message{overflow-wrap:anywhere}@media(max-width:850px){.header-love{font-size:19px}.section-heading .handwritten-heading{font-size:59px}}@media(max-width:620px){.header-love{font-size:16px;max-width:125px;gap:7px}.header-love svg{width:12px}.section-heading .handwritten-heading{font-size:56px}.photo-sticker{gap:8px}}@media(max-width:370px){.header-love{font-size:14px;max-width:113px}.section-heading .handwritten-heading{font-size:51px}}.chapter-heading h2{font-family:var(--hand);font-size:68px;line-height:.95;letter-spacing:0}.chapter-heading h2 em{font-style:normal}.footer-wordmark.footer-name{font-size:clamp(65px,11.8vw,151px);letter-spacing:-6px;top:-10px}.footer-art .footer-photo{left:1%;top:0}.footer-art .footer-handwriting{right:3%;bottom:19px;font-size:26px;max-width:90%;text-align:right}.footer-warmth{display:flex;align-items:center;gap:8px}@media(max-width:850px){.chapter-heading h2{font-size:59px}.footer-wordmark.footer-name{font-size:clamp(65px,11.2vw,115px);letter-spacing:-4px}.footer-art .footer-photo{width:70px;height:92px;top:0}.footer-art .footer-handwriting{font-size:23px;bottom:20px}}@media(max-width:620px){.chapter-heading h2{font-size:52px}.footer-wordmark.footer-name{font-size:clamp(52px,11.6vw,72px);letter-spacing:-2.5px;top:0}.footer-art .footer-photo{width:51px;height:67px;padding:3px 3px 12px;top:0;left:2%}.footer-art .footer-handwriting{font-size:21px;bottom:12px;right:2%;gap:8px}.footer-art .footer-handwriting svg{width:30px;height:29px}.footer-bottom{flex-wrap:nowrap}.footer-bottom>.footer-warmth{font-size:9px}}@media(max-width:370px){.chapter-heading h2{font-size:46px}.footer-art .footer-handwriting{font-size:19px}.footer-wordmark.footer-name{font-size:49px}}.hero-photo-scene:before{left:0;right:0}@media(max-width:620px){.hero-arrow{left:-28px;width:62px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
