@font-face{font-family:handwriting;src:url(../media/caveat-s.p.9d64a2f3.ttf)format("truetype");font-display:swap;font-weight:400 700}@font-face{font-family:handwriting Fallback;src:local(Arial);ascent-override:126.46%;descent-override:39.52%;line-gap-override:0.0%;size-adjust:75.91%}.handwriting_2ef6c268-module__spiuFW__className{font-family:handwriting,handwriting Fallback}.handwriting_2ef6c268-module__spiuFW__variable{--font-caveat:"handwriting","handwriting Fallback"}
@font-face{font-family:bodyFont;src:url(../media/nunito-s.p.b544fe83.ttf)format("truetype");font-display:swap;font-weight:400 800}@font-face{font-family:bodyFont Fallback;src:local(Arial);ascent-override:93.65%;descent-override:32.7%;line-gap-override:0.0%;size-adjust:107.95%}.bodyfont_547897f9-module__WJvrQa__className{font-family:bodyFont,bodyFont Fallback}.bodyfont_547897f9-module__WJvrQa__variable{--font-nunito:"bodyFont","bodyFont Fallback"}
*{box-sizing:border-box}html{scroll-behavior:auto;background:#fff5e8}body{color:#6a4b43;font-family:var(--font-nunito),sans-serif;background:#fff5e8;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline-offset:7px;outline:3px dotted #b6606e}::selection{background:#f2bcc3}.hand{font-family:var(--font-caveat),cursive}.page{overflow:clip}.tiny{letter-spacing:.5px;font-size:12px}.made-for{font:22px var(--font-caveat),cursive;z-index:12;position:absolute;top:28px;left:5%;rotate:-4deg}.made-for span{color:#bc7781}.soundless{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff9f0ed;border:1px dashed #b98578;border-radius:15px;padding:8px 13px;font-size:10px;position:fixed;bottom:16px;right:18px}.opening{isolation:isolate;background-color:#fff5e8;background-image:linear-gradient(#dbbda51a 1px,#0000 1px),linear-gradient(90deg,#dbbda51a 1px,#0000 1px);background-size:32px 32px;flex-direction:column;align-items:center;height:100svh;min-height:780px;display:flex;position:relative}.opening:after{content:"";pointer-events:none;z-index:-1;border:1px dashed #dbb4a1;border-radius:15px;position:absolute;inset:13px}.opening h1{font:600 clamp(42px,5.1vw,70px)/1.03 var(--font-caveat),cursive;text-align:center;color:#80504d;z-index:6;margin:95px 20px 0;position:relative;rotate:-3deg}.opening h1 span{color:#b96f7e}.subtitle{text-align:center;margin:13px 0 0;font-size:12px}.envelope-scene{width:420px;height:380px;margin-top:20px;position:relative}.envelope{z-index:3;perspective:1000px;width:380px;height:235px;position:absolute;bottom:20px;left:20px}.envelope-back{background:#d7a99a;border-radius:8px;position:absolute;inset:0;box-shadow:0 15px 30px #8963501a}.flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:6;backface-visibility:hidden;background:#e9bdac;width:100%;height:150px;position:absolute;top:0;left:0}.envelope-front{z-index:5;pointer-events:none;background:linear-gradient(32deg,#eac0b0 50%,#0000 50.4%),linear-gradient(-32deg,#edc6b8 50%,#0000 50.4%);border-radius:0 0 8px 8px;position:absolute;inset:0}.envelope-front:after{content:"";clip-path:polygon(0 100%,50% 33%,100% 100%);background:#edc5b4;position:absolute;inset:0}.seal{z-index:7;color:#ffe8dc;background:#b56d75;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;display:grid;position:absolute;top:104px;left:calc(50% - 23px);box-shadow:0 2px #90575c}.recipient{text-align:center;z-index:8;font:24px var(--font-caveat),cursive;pointer-events:none;position:absolute;bottom:17px;left:0;right:0}.letter-card{z-index:3;text-align:center;background:#fffdf5 repeating-linear-gradient(#0000 0 30px,#d7b7a222 31px);border-radius:3px;min-height:205px;padding:25px 25px 18px;position:absolute;top:12px;left:18px;right:18px;box-shadow:0 3px 12px #73524515}.letter-card p{font:600 31px/1.2 var(--font-caveat),cursive;margin:12px 0}.letter-card small{font:18px var(--font-caveat),cursive;color:#aa7373}.letter-card .heart{color:#c27e86;font-size:22px}.annotation{font:22px/1.15 var(--font-caveat),cursive;color:#a07866;max-width:150px;position:absolute}.annotation.a{top:160px;left:-145px;rotate:-10deg}.annotation.b{top:200px;right:-160px;rotate:9deg}.annotation b{font-size:38px;font-weight:400;display:block}.scroll-hint{text-align:center;font:21px var(--font-caveat),cursive;position:absolute;bottom:42px;left:0;right:0}.scroll-hint span{margin-top:3px;font-size:27px;display:block}.corner-doodle{color:#c79b71;font:50px var(--font-caveat),cursive;position:absolute;top:35%;left:10%;rotate:-20deg}.corner-doodle.two{color:#cb9299;font-size:36px;top:28%;left:auto;right:9%;rotate:13deg}.character{--fur:#c69b78;--inner:#edc2b3;filter:drop-shadow(0 5px #8b62520b);flex:none;width:130px;height:148px;position:relative}button.character{background:0 0;border:0;padding:0;display:block}.ear{background:var(--fur);z-index:1;border:2px solid #906b5733;border-radius:50%;width:40px;height:43px;position:absolute;top:10px}.ear:after{content:"";background:var(--inner);border-radius:50%;position:absolute;inset:9px}.ear.left{left:9px}.ear.right{right:9px}.face{background:var(--fur);z-index:3;border:2px solid #906b5722;border-radius:48% 48% 44% 44%;width:114px;height:91px;position:absolute;top:28px;left:8px}.eye{background:#594438;border-radius:50%;width:7px;height:9px;position:absolute;top:35px}.eye.left{left:28px}.eye.right{right:28px}.cheek{opacity:.7;background:#de9a91;border-radius:50%;width:18px;height:9px;position:absolute;top:49px}.cheek.left{left:14px}.cheek.right{right:14px}.snout{background:#f4ddbc;border-radius:50%;width:30px;height:25px;position:absolute;top:40px;left:40px}.snout:before{content:"";background:#68463c;border-radius:50%;width:8px;height:6px;position:absolute;top:6px;left:11px}.snout:after{content:"";border-bottom:1.5px solid #68463c;border-radius:50%;width:9px;height:7px;position:absolute;top:10px;left:10px}.tummy{background:var(--fur);z-index:2;border-radius:44%;width:80px;height:69px;position:absolute;top:84px;left:25px}.paw{background:var(--fur);z-index:4;border-radius:50%;width:31px;height:24px;position:absolute;top:105px}.paw.left{left:9px;rotate:20deg}.paw.right{right:9px;rotate:-20deg}.character .held-heart{color:#b76876;z-index:4;font-size:37px;line-height:1;position:absolute;top:102px;left:43px}.bunny{--fur:#faf0e0;--inner:#efc2c0}.bunny .ear{border-radius:60% 60% 40% 40%;width:29px;height:79px;top:-20px}.bunny .ear.left{left:22px;rotate:-12deg}.bunny .ear.right{right:22px;rotate:12deg}.bunny .ear:after{inset:10px 8px}.bunny .snout{background:0 0}.bunny .face{border-color:#c2a78a44}.opening-bear{z-index:2;transform-origin:bottom;position:absolute;top:-1px;left:145px}.character:hover .eye.right{height:3px;top:39px}.character-label{width:100px;font:19px var(--font-caveat),cursive;pointer-events:none;position:absolute;top:40px;left:110%;rotate:8deg}.speech{width:130px;font:23px var(--font-caveat),cursive;opacity:0;z-index:10;pointer-events:none;color:#9e6372;background:#fffdf4;border:1px solid #dbc4aa;border-radius:45% 45% 45% 5%;padding:13px 18px;position:absolute;top:-28px;left:110px}.scrapdesk{background:#f4e4d1 radial-gradient(#b48d6622 .7px,#0000 .8px) 0 0/5px 5px;height:100svh;min-height:800px;position:relative;overflow:hidden}.desk-title{text-align:center;z-index:8;pointer-events:none;width:100%;position:absolute;top:75px}.desk-title h2{font:600 clamp(42px,5vw,65px)var(--font-caveat),cursive;margin:0;rotate:-2deg}.desk-title p{margin:9px 0;font-size:12px}.desk-board{width:min(1050px,94vw);height:540px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.polaroid{text-align:center;background:#fffdf5;border:0;width:225px;padding:10px 10px 40px;position:absolute;box-shadow:0 7px 15px #67432d18}.polaroid img{-o-object-fit:cover;object-fit:cover;background:#d9c9a1;width:100%;height:200px;display:block}.polaroid span{font:22px var(--font-caveat),cursive;position:absolute;bottom:8px;left:5px;right:5px}.polaroid:before,.sticky:before{content:"";z-index:2;background:#c5b58c77;width:78px;height:25px;position:absolute;top:-11px;left:32%;rotate:-4deg}.p1{top:50px;left:6%;rotate:-12deg}.p2{top:85px;right:7%;rotate:10deg}.p3{width:210px;bottom:0;left:32%;rotate:5deg}.p3 img{height:180px}.sticky{width:220px;min-height:165px;font:27px/1.1 var(--font-caveat),cursive;text-align:center;background:#f6e7a8;padding:25px 20px 20px;position:absolute;top:20px;left:39%;rotate:6deg;box-shadow:2px 7px 12px #84673716}.sticky.pink{background:#edc5c5;width:190px;font-size:25px;inset:auto 1% 4px auto;rotate:-7deg}.desk-bunny{position:absolute;bottom:10px;left:6%;rotate:-7deg}.desk-bunny .character-label{top:68px}.sticker{font:60px var(--font-caveat),cursive;color:#b57680;position:absolute;top:250px;right:33%;rotate:10deg}.little-line{text-align:center;font:21px var(--font-caveat),cursive;color:#9b7765;position:absolute;bottom:45px;left:0;right:0}.note-garden{text-align:center;background:#fff5e8;padding:110px 25px 120px;position:relative}.note-garden h2{font:600 clamp(42px,5vw,65px)var(--font-caveat),cursive;margin:10px 0}.note-garden>p{color:#a07d70;font-size:13px}.notes-row{flex-wrap:wrap;justify-content:center;gap:35px;max-width:950px;margin:75px auto 55px;display:flex}.note-button{background:#e4bba9;border:0;border-radius:4px;width:235px;height:195px;transition:transform .25s;position:relative;box-shadow:0 8px #f0e4d4}.note-button:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#edcebd;height:110px;position:absolute;top:0;left:0;right:0}.note-button span{z-index:1;font:28px/1.1 var(--font-caveat),cursive;margin-top:45px;display:block;position:relative}.note-button b{color:#a7606d;font-size:25px;position:absolute;top:68px;left:calc(50% - 16px)}.note-button:first-child{rotate:-6deg}.note-button:nth-child(2){background:#c8d1b5;rotate:3deg}.note-button:nth-child(2):before{background:#dce3cb}.note-button:nth-child(3){background:#dabac8;rotate:-3deg}.note-button:nth-child(3):before{background:#e9d0d9}.note-button:hover{transform:translateY(-10px)rotate(3deg)}.tiny-promise{font:24px var(--font-caveat),cursive!important;color:#b47c7e!important}.walk{text-align:center;background:#e4eadb;min-height:650px;padding:100px 20px 65px;position:relative;overflow:hidden}.walk h2{font:600 clamp(44px,6vw,74px)/1.1 var(--font-caveat),cursive;color:#64765c;max-width:700px;margin:20px auto}.walk .walking-pair{z-index:3;justify-content:center;gap:25px;margin-top:60px;display:flex;position:relative}.walk .walking-pair .character:nth-child(2){rotate:7deg}.walk .walking-pair .character:first-child{rotate:-7deg}.walk small{font:24px var(--font-caveat),cursive;color:#7f896a;margin-top:25px;display:block}.grass{background:#cbd9b8;border-radius:50% 50% 0 0;width:110%;height:110px;position:absolute;bottom:0;left:-5%}.flower{color:#a17d85;z-index:4;font-size:44px;position:absolute;bottom:46px;left:15%;rotate:-15deg}.flower:nth-of-type(2){font-size:30px;bottom:36px;left:78%;rotate:15deg}.ending{text-align:center;background:#fff5e8;min-height:600px;padding:110px 25px 100px;position:relative}.ending h2{font:600 clamp(55px,7vw,88px)var(--font-caveat),cursive;color:#b4777f;margin:10px 0;rotate:-3deg}.ending p{font:27px var(--font-caveat),cursive;color:#92705d;margin:20px 0}.hug-button{font:25px var(--font-caveat),cursive;background:#f0d1cc;border:1px dashed #ad7771;border-radius:40% 45%;margin-top:20px;padding:15px 30px;rotate:-3deg;box-shadow:3px 4px #ebdfd0}.hug-count{min-height:20px;font-size:11px!important;font-family:var(--font-nunito),sans-serif!important;margin:16px 0!important}.ending a{font:18px var(--font-caveat),cursive;text-underline-offset:5px}.float-heart{pointer-events:none;z-index:100;color:#c17584;font-size:28px;position:fixed}.footer{font:19px var(--font-caveat),cursive;text-align:center;color:#ab8b79;background:#fff5e8;padding:0 20px 35px}.disclaimer{font:10px var(--font-nunito),sans-serif;opacity:.7;margin-top:8px;display:block}.music-note{font:30px var(--font-caveat),cursive;color:#bd98a0;position:absolute;top:180px;right:20%;rotate:16deg}.star-note{font:40px var(--font-caveat),cursive;color:#d2ad6f;position:absolute;top:130px;left:16%}.note-dialog{color:#79574c;background:#fff9e9;border:0;width:min(420px,88vw);padding:50px 35px 35px;overflow:visible;rotate:-2deg;box-shadow:0 20px 80px #6c413c33}.note-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#6d554c66}.note-dialog h3{font:600 36px var(--font-caveat),cursive;margin:0 0 20px}.note-dialog p{font:29px/1.3 var(--font-caveat),cursive;margin:0 0 25px}.note-dialog .close{background:0 0;border:0;font-size:25px;position:absolute;top:6px;right:10px}.note-dialog .keep{font:20px var(--font-caveat),cursive;background:#f3e4cc;border:1px dashed #c29c84;border-radius:12px;padding:8px 22px}.note-dialog:before{content:"";background:#d5ba8a88;width:120px;height:30px;position:absolute;top:-12px;left:32%;rotate:4deg}.no-motion .letter-card{z-index:9;transform:translateY(-95px)}.no-motion .flap{display:none}.no-motion .opening-bear{transform:translate(-120px,-10px)}.no-motion .envelope-scene{margin-top:80px}.no-motion .opening{min-height:900px}.no-motion .seal{display:none}@media (max-width:700px){.opening{min-height:780px}.made-for{font-size:19px;top:27px;left:8%}.opening h1{margin-top:95px;font-size:49px}.subtitle{font-size:11px}.envelope-scene{width:330px;height:370px;margin-top:27px}.envelope{width:300px;height:205px;bottom:20px;left:15px}.flap{height:135px}.seal{top:92px}.letter-card{min-height:190px;padding:22px 17px 15px;left:12px;right:12px}.letter-card p{font-size:28px}.recipient{font-size:23px}.opening-bear{top:19px;left:100px}.annotation.a{max-width:120px;font-size:19px;top:355px;left:0;rotate:-7deg}.annotation.a b{display:none}.annotation.b{max-width:120px;font-size:19px;top:355px;right:0;rotate:7deg}.annotation.b b{display:none}.scroll-hint{font-size:19px;bottom:28px}.corner-doodle{font-size:33px;top:34%;left:7%}.corner-doodle.two{font-size:27px;top:31%;right:6%}.scrapdesk{min-height:850px}.desk-title{padding:0 15px;top:65px}.desk-title h2{font-size:45px}.desk-title p{font-size:11px}.desk-board{width:94vw;height:570px;top:55%}.polaroid{width:155px;padding:7px 7px 32px}.polaroid img{height:145px}.polaroid span{font-size:19px;bottom:5px}.p1{top:30px;left:6%}.p2{top:220px;right:4%;rotate:7deg}.p3{width:150px;bottom:0;left:8%;rotate:-8deg}.p3 img{height:130px}.sticky{width:145px;min-height:130px;padding:22px 13px 15px;font-size:23px;top:30px;left:auto;right:3%;rotate:8deg}.sticky.pink{width:145px;min-height:120px;font-size:22px;bottom:0;right:0}.sticky:before{width:55px;left:27%}.desk-bunny{bottom:175px;left:7%;scale:.8}.desk-bunny .character-label{display:none}.sticker{font-size:40px;top:173px;right:13%}.little-line{font-size:18px;bottom:30px}.notes-row{gap:35px;margin:55px 0 35px}.note-button{width:225px;height:180px}.note-garden{padding:80px 20px}.note-garden h2{font-size:43px}.walk{min-height:650px;padding-top:85px}.walk h2{font-size:48px}.walk .walking-pair{gap:15px;margin-top:55px}.ending{padding-top:85px}.ending h2{font-size:66px}.ending p{font-size:25px}.star-note{top:60px;left:6%}.music-note{top:90px;right:7%}.soundless{padding:7px 10px;font-size:9px;bottom:10px;right:10px}.footer{padding-bottom:55px}.letter-card small{font-size:17px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.keepsake-scene{justify-content:center;align-items:center;gap:10%;max-width:none;min-height:780px;padding:110px max(8vw,25px);display:flex;position:relative;overflow:hidden}.keepsake-scene h2{font:600 clamp(48px,6vw,76px)/1.03 var(--font-caveat),cursive;color:#92665b;margin:20px 0}.keepsake-scene p{font:24px/1.4 var(--font-caveat),cursive;color:#a17d6b}.keepsake-scene .hand{color:#ab8472;font-size:22px}.strip-scene{background:#fff5e8}.strip-copy{width:300px;padding-bottom:20px;position:relative}.strip-copy>p{max-width:220px}.strip-bunny{margin-top:50px;margin-left:28px;rotate:-7deg}.strip-bunny .character-label{width:130px;font-size:20px;top:160px;left:6px}.photo-strip{background:#fffef9;flex:none;width:205px;padding:12px 12px 34px;position:relative;rotate:8deg;box-shadow:4px 13px 23px #85644b20}.photo-strip:before{content:"";z-index:3;background:#d2bc8d88;width:90px;height:29px;position:absolute;top:-12px;left:55px;rotate:-13deg}.photo-strip .extra-photo{box-shadow:none;rotate:0;background:0 0;margin:0 0 9px;padding:0}.photo-strip img{-o-object-fit:cover;object-fit:cover;background:#dfcfb4;width:100%;height:125px;display:block}.photo-strip figcaption{display:none}.strip-date{font:25px var(--font-caveat),cursive;text-align:center;color:#a37d70;position:absolute;bottom:6px;left:0;right:0}.strip-scribble{font:24px/1.1 var(--font-caveat),cursive;color:#b5897b;position:absolute;top:50%;left:calc(50% + 200px);rotate:10deg}.pocket-scene{background:#f2e6d7;gap:9%;min-height:750px}.paper-pocket{flex:none;width:410px;height:430px;position:relative;rotate:-4deg}.pocket-back{background:#cdb28f;border-radius:3px;position:absolute;inset:190px 0 0}.paper-pocket .extra-photo{z-index:2;background:#fffdf5;width:190px;margin:0;padding:9px 9px 33px;position:absolute;top:30px;box-shadow:0 7px 18px #6c4f3222}.paper-pocket .extra-photo:first-of-type{left:10px;rotate:-14deg}.paper-pocket .extra-photo:nth-of-type(2){top:10px;right:10px;rotate:11deg}.paper-pocket img{-o-object-fit:cover;object-fit:cover;background:#c9bda7;width:100%;height:205px;display:block}.paper-pocket figcaption{font:18px var(--font-caveat),cursive;text-align:center;position:absolute;bottom:7px;left:5px;right:5px}.pocket-front{z-index:4;clip-path:polygon(0 0,42% 0,46% 7%,54% 7%,58% 0,100% 0,100% 100%,0 100%);background:#dec3a1;border-radius:2px 2px 10px 10px;justify-content:center;align-items:center;gap:35px;height:205px;display:flex;position:absolute;bottom:0;left:-3px;right:-3px;box-shadow:0 12px 20px #85684b14}.pocket-front:after{content:"";border:1px dashed #a98c6b77;border-top:0;border-radius:0 0 6px 6px;position:absolute;inset:12px}.pocket-front span{font:31px/1.1 var(--font-caveat),cursive;color:#8e6b4f;rotate:-5deg}.pocket-front b{font:44px var(--font-caveat),cursive;color:#ab7370;rotate:12deg}.pocket-copy{flex-shrink:1;width:300px}.pocket-sign{margin-top:28px;display:block;rotate:-5deg}.photo-pair{background:#fff5e8;justify-content:center;align-items:center;gap:40px;min-height:740px;padding:100px 7%;display:flex;position:relative}.photo-pair .extra-photo{background:#fffdf7;flex:none;width:230px;margin:0;padding:10px 10px 16px;position:relative;rotate:-9deg;box-shadow:2px 10px 25px #85644b19}.photo-pair .extra-photo:before{content:"";background:#cbb88d77;width:70px;height:25px;position:absolute;top:-12px;left:35%;rotate:6deg}.photo-pair .extra-photo:last-child{margin-top:140px;rotate:10deg}.photo-pair img{-o-object-fit:cover;object-fit:cover;background:#ded0ba;width:100%;height:265px;display:block}.photo-pair figcaption{font:23px/1.15 var(--font-caveat),cursive;text-align:center;margin-top:14px}.pair-note{text-align:center;background:#f6e9b9;flex:none;width:250px;padding:30px 18px;position:relative;rotate:-3deg;box-shadow:2px 5px 10px #85644b10}.pair-note>span{font:34px var(--font-caveat),cursive;color:#b07c7b}.pair-note h2{font:600 38px/1.05 var(--font-caveat),cursive;margin:10px 0}.pair-note p{font:23px/1.25 var(--font-caveat),cursive}.pair-note small{font:20px var(--font-caveat),cursive;color:#a27b69}@media (max-width:850px){.strip-scribble{display:none}.keepsake-scene{gap:7%;padding:85px 30px}.strip-copy{width:235px}.pocket-scene{flex-direction:column;gap:50px;padding:80px 25px 85px}.pocket-copy{text-align:center;order:-1;width:100%}.pocket-copy h2 br{display:none}.pocket-copy p{margin:20px 0}.pocket-copy p br{display:none}.paper-pocket{width:360px;height:400px}.paper-pocket .extra-photo{width:170px}.paper-pocket img{height:185px}.photo-pair{flex-wrap:wrap;gap:35px;min-height:0;padding:85px 35px 95px}.pair-note{order:-1;width:270px;margin:0 calc(50% - 135px)}.photo-pair .extra-photo{width:210px}.photo-pair .extra-photo:last-child{margin-top:75px}}@media (max-width:480px){.strip-scene{align-items:center;gap:25px;min-height:760px;padding:80px 25px}.strip-copy{width:145px;padding:0}.strip-copy>.hand{font-size:19px}.keepsake-scene h2{font-size:48px}.strip-copy p{font-size:22px}.photo-strip{width:145px;padding:9px 9px 32px;rotate:7deg}.photo-strip img{height:103px}.photo-strip:before{width:65px;height:25px;left:32px}.strip-date{font-size:22px}.strip-bunny{transform-origin:0;margin-top:55px;margin-left:-5px;scale:.85}.strip-bunny .character-label{font-size:22px;top:165px;left:5px;rotate:8deg}.paper-pocket{width:min(315px,88vw);height:365px}.paper-pocket .extra-photo{width:150px;padding:7px 7px 28px}.paper-pocket img{height:160px}.paper-pocket .extra-photo:first-of-type{left:4px}.paper-pocket .extra-photo:nth-of-type(2){right:4px}.paper-pocket figcaption{font-size:16px}.pocket-back{top:170px}.pocket-front{height:175px}.pocket-front span{font-size:28px}.pocket-scene{gap:35px}.pocket-copy h2{font-size:45px}.pocket-copy p{max-width:290px;margin:15px auto;font-size:24px}.pocket-sign{font-size:23px!important}.photo-pair{gap:35px 16px;padding:75px 20px 90px}.photo-pair .extra-photo{width:calc(50% - 12px);padding:7px 7px 13px}.photo-pair img{height:190px}.photo-pair figcaption{font-size:20px}.photo-pair .extra-photo:last-child{margin-top:55px}.pair-note{width:245px;margin:0 calc(50% - 122.5px)}.pair-note h2{font-size:36px}}.scrapbook{overflow-x:clip}.photo-strip img,.paper-pocket img,.photo-pair img{-o-object-fit:contain;object-fit:contain;background:#f4ecdf}.closing-keepsake{background:#fffdf6;width:170px;margin:0 auto 55px;padding:8px 8px 12px;position:relative;rotate:-6deg;box-shadow:0 8px 20px #78533b19}.closing-keepsake:before{content:"";background:#d2bc8d88;width:65px;height:22px;position:absolute;top:-10px;left:50px;rotate:9deg}.closing-keepsake img{width:100%;height:auto;display:block}.closing-keepsake figcaption{font:19px/1.1 var(--font-caveat),cursive;margin-top:10px}.strip-scribble{width:120px;left:calc(50% + 340px)}@media (max-width:1100px){.strip-scribble{display:none}}.opening-loader{z-index:200;text-align:center;background:#fff5e8 radial-gradient(#c9a88a33 .7px,#0000 .8px) 0 0/7px 7px;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:35px 22px;display:flex;position:fixed;inset:0}.opening-loader:before{content:"";pointer-events:none;border:1px dashed #d8b8a2;border-radius:18px;position:absolute;inset:16px}.loader-stamp{font:22px var(--font-caveat),cursive;color:#a57b6b;margin-bottom:45px;rotate:-5deg}.loader-art{width:230px;height:165px;position:relative}.loader-bear{margin:0 auto;animation:2.4s ease-in-out infinite loader-sway}.loader-bear .held-heart{transform-origin:50%;animation:1.3s ease-in-out infinite loader-heart}.loader-bear .eye{animation:3s infinite loader-blink}.loader-spark{font:36px var(--font-caveat),cursive;color:#bc8691;position:absolute}.spark-one{top:15px;left:4px;rotate:-15deg}.spark-two{top:65px;right:2px;rotate:15deg}.loader-title{font:600 clamp(39px,6vw,54px)/1.05 var(--font-caveat),cursive;color:#986267;margin:20px 0 15px;rotate:-2deg}.loader-caption{color:#957464;max-width:260px;margin:0;font-size:11px;line-height:1.7}.loader-dots{gap:8px;margin:27px 0 30px;display:flex}.loader-dots span{background:#c38d95;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite loader-dot}.loader-dots span:nth-child(2){animation-delay:.15s}.loader-dots span:nth-child(3){animation-delay:.3s}.loader-skip{font:20px var(--font-caveat),cursive;color:#976d5e;background:0 0;border:0;border-bottom:1px dashed #bb9481;padding:5px 8px}@keyframes loader-sway{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(4deg)translateY(-5px)}}@keyframes loader-heart{0%,to{scale:1}50%{scale:1.12}}@keyframes loader-blink{0%,43%,49%,to{transform:scaleY(1)}46%{transform:scaleY(.15)}}@keyframes loader-dot{0%,70%,to{opacity:.45;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.opening-loader *{animation:none!important}}