@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Caveat:wght@500;600&display=swap');
:root{--paper:#faf6ef;--ink:#403a35;--muted:#80766e;--rose:#b94f63;--pink:#f1d4d5;--line:#e6ddd2;--green:#6c7a60}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:6px}button:disabled{cursor:default}button,a{color:inherit}button{border:0}h1,h2,p{margin:0}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.08}h1{font-size:clamp(64px,6.5vw,92px)}h2{font-size:clamp(43px,4.8vw,64px)}h1 em,h2 em{color:var(--rose);font-weight:400}h1:focus,h2:focus{outline:none}[hidden]{display:none!important}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:10;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='%239b8770' filter='url(%23n)' opacity='.25' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{max-width:1320px;margin:auto;padding:29px 54px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-size:15px;font-weight:600;letter-spacing:-.3px;display:flex;gap:10px;align-items:center}.brand-icon{font-size:29px;color:var(--rose)}.sound{background:transparent;border:1px solid var(--line);border-radius:30px;padding:9px 15px;font-size:12px;color:var(--muted)}.sound>span:first-child{font-size:17px;margin-right:5px}main{max-width:1180px;margin:0 auto;padding:0 36px}.journey{max-width:655px;margin:22px auto 30px}.journey ol{list-style:none;padding:0;display:flex;justify-content:space-between;position:relative}.journey ol:before{content:'';position:absolute;height:1px;background:var(--line);left:8%;right:8%;top:14px}.journey li{position:relative;display:flex;flex-direction:column;gap:9px;align-items:center;font-size:10px;color:#998e84;min-width:75px}.journey li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);background:var(--paper);border-radius:50%;font-size:11px}.journey li b{font-weight:500}.journey li.active{color:var(--rose)}.journey li.active>span{color:white;background:var(--rose);border-color:var(--rose);box-shadow:0 0 0 5px var(--paper)}.journey li.done>span{background:#e7ecdf;border-color:#e7ecdf;color:var(--green)}#stage{min-height:570px}.scene{animation:arrive .5s ease both}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:540px;position:relative;padding:30px 10px 50px;column-gap:40px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:600;color:var(--green);margin-bottom:23px;line-height:1.8}.eyebrow>span{display:inline-block;background:var(--green);width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}.lead{font-size:18px;line-height:1.65;margin-top:23px}.intro-note{font-size:14px;line-height:1.8;color:var(--muted);margin:17px 0 27px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--rose);color:#fff9f3;border-radius:7px;padding:17px 23px;min-height:52px;font-size:13px;font-weight:600;box-shadow:0 4px 0 #994255;transition:transform .2s,background .2s}.primary:hover{background:#a84357;transform:translateY(-2px)}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #994255}.primary>span{font-size:20px;font-weight:400;line-height:1}.micro{color:var(--muted);font-size:10px;letter-spacing:.25px;margin-top:17px;line-height:1.6}.handwritten{font-family:'Caveat',cursive;font-size:25px;color:var(--rose);font-weight:500}.envelope-scene{position:relative;height:440px;display:grid;place-items:center}.envelope{position:relative;width:360px;height:245px;isolation:isolate;background:transparent;transform:rotate(-7deg);filter:drop-shadow(3px 17px 12px #61413617);transition:transform .5s}.envelope:hover{transform:rotate(-3deg) translateY(-7px)}.envelope-back{position:absolute;inset:0;background:#dfb0b3;border-radius:7px;z-index:1}.envelope-front{position:absolute;inset:0;z-index:3;background:linear-gradient(148deg,#f1cdcf,#e8b9be);clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%);border-radius:7px}.envelope-front:after{content:'';position:absolute;inset:0;background:#f4d4d5;clip-path:polygon(0 100%,50% 44%,100% 100%)}.letter-peek{position:absolute;z-index:2;left:25px;right:25px;top:-35px;height:190px;background:#fffcf5;border:1px solid #eadfd4;border-radius:4px;transform:rotate(4deg);padding:24px 25px;text-align:left;transition:transform .5s}.letter-peek>span{font-family:'Caveat',cursive;font-size:25px;display:block}.letter-peek strong{display:block;font-family:'Caveat',cursive;font-size:28px;margin-top:13px;font-weight:500;color:var(--rose)}.envelope:hover .letter-peek{transform:translateY(-15px) rotate(1deg)}.seal{position:absolute;z-index:4;left:calc(50% - 27px);top:103px;display:grid;place-items:center;background:#bc586d;border:4px double #ce7a8b;box-shadow:1px 3px 5px #864a4940;color:#f8d7d4;font-size:33px;border-radius:50%;width:54px;height:54px}.postage{position:absolute;z-index:4;right:17px;bottom:20px;font-size:8px;line-height:1.4;letter-spacing:1px;border:1px dashed #b57f86;padding:7px;color:#aa6976;transform:rotate(6deg)}.postage b{font-size:22px;font-weight:400}.top-note{position:absolute;top:0;left:63px;transform:rotate(-8deg)}.top-note span{display:block;text-align:center;font-size:44px;line-height:1;margin-left:70px}.bottom-note{position:absolute;bottom:25px;right:20px;font-size:23px;transform:rotate(-6deg)}.sparkle{position:absolute;color:#b39a5b}.spark-one{right:9px;top:87px;font-size:56px}.spark-two{left:12px;bottom:62px;font-size:32px}.tiny-heart{position:absolute;color:var(--rose);font-size:35px;animation:float 4s ease-in-out infinite}.heart-one{left:10px;top:80px;transform:rotate(-20deg)}.heart-two{right:20px;bottom:94px;font-size:24px;animation-delay:-2s}.bottom-strip{grid-column:1/-1;text-align:center;font-size:12px;color:var(--muted);margin-top:50px}.bottom-strip>span{color:var(--green);font-size:17px;margin-right:7px}.navigation{display:flex;justify-content:space-between;align-items:center;min-height:52px;margin-top:20px}.navigation>span{font-size:9px;letter-spacing:1.6px;color:#9c8f84;margin-left:auto}footer{max-width:1212px;display:flex;justify-content:space-between;margin:13px auto 0;padding:21px 22px;border-top:1px solid var(--line);font-size:10px;color:#95877d}footer>span:nth-child(2){font-size:20px;color:var(--rose);line-height:10px}.centered{text-align:center;padding:25px 0 10px}.section-copy{font-size:15px;color:var(--muted);line-height:1.8;margin:20px 0 27px}.meme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:850px;margin:30px auto 22px}.meme-card{background:#fffcf7;border:1px solid var(--line);border-radius:4px;padding:17px 17px 22px;box-shadow:0 5px 10px #59412507;text-align:left;transition:transform .25s}.meme-card:first-child{transform:rotate(-3deg)}.meme-card:last-child{transform:rotate(3deg)}.meme-card:hover{transform:translateY(-6px)}.card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.card-top>span{color:var(--rose);font-size:15px;line-height:10px}.meme-art{height:125px;margin:13px 0 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2px}.cat-art{background:#e8eddc;font-size:33px;color:#61744c}.us-art{background:#f4dfe1;font-family:'Caveat',cursive;font-size:33px}.us-art i{font-style:normal;color:var(--rose);margin:0 7px}.meme-art small{font-family:'DM Sans',sans-serif;font-size:9px;margin-top:8px}.moon-art{background:#e7e3f0;color:#82739f;font-size:48px}.moon-art small{margin-top:-2px}.meme-card>strong{font-family:'DM Serif Display',Georgia,serif;font-size:18px;font-weight:400;display:block}.card-prompt{display:block;font-size:10px;color:var(--rose);margin-top:11px}.reveal{display:block;font-family:'Caveat',cursive;font-size:23px;line-height:1.2;color:var(--rose);margin-top:10px}.meme-card.open .meme-art{height:80px}.centered>.primary{margin-top:16px}.letter-scene{display:grid;grid-template-columns:.85fr 1fr;gap:70px;align-items:center;padding:35px 30px 15px}.letter-intro .handwritten{display:block;transform:rotate(-7deg);font-size:24px}.drawn-flower{display:block;font-size:100px;color:#b8bd9c;margin:25px 0 0 65px;transform:rotate(-12deg)}.paper-letter{position:relative;background:#fffcf7;padding:40px 35px 28px;border:1px solid #e9e1d7;box-shadow:6px 8px 0 #eee7dc;transform:rotate(1deg)}.paper-letter>p{font-size:13px;line-height:1.9;margin-bottom:15px}.paper-letter .salutation{font-family:'Caveat',cursive;font-size:28px;color:var(--rose)}.paper-letter .signature{font-family:'Caveat',cursive;font-size:22px;color:var(--rose);margin:20px 0}.tape{position:absolute;width:110px;height:29px;top:-15px;left:calc(50% - 55px);background:#ddd5b59e;transform:rotate(-5deg)}.text-button{background:transparent;padding:10px 0;font-size:12px;color:var(--rose);line-height:1.5}.paper-letter .text-button{border-top:1px solid var(--line);width:100%;text-align:left;padding-top:18px}.paper-letter .text-button>span{float:right}.promise-sheet{max-width:620px;margin:25px auto 0;background:#fffcf6;border:1px solid var(--line);padding:25px 35px;border-radius:3px;text-align:left;position:relative}.paper-label{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.promise{display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.promise>span:first-child{font-family:'DM Serif Display',serif;font-size:22px;color:#bdab98}.promise p{font-size:12px;line-height:1.7;color:var(--muted)}.promise strong{display:block;color:var(--ink);font-size:13px;margin-bottom:4px}.check{margin-left:auto;color:var(--green)}.stamp-button{display:block;border:1px dashed var(--rose);background:#fff7f3;color:var(--rose);padding:14px;margin:23px auto 0;border-radius:4px;font-size:12px;min-height:48px}.stamp-result{display:block;margin:24px auto 5px;border:3px double var(--rose);border-radius:4px;padding:12px 15px;width:max-content;max-width:100%;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--rose);transform:rotate(-7deg);animation:stamp .35s ease-out}.couple{position:relative;height:118px;width:230px;margin:0 auto 20px;display:flex;align-items:flex-end;justify-content:center;gap:5px}.blob{position:relative;background:#e8c1be;border:2px solid #c69795;width:90px;height:85px;border-radius:45% 45% 37% 37%;transform:rotate(-9deg);box-shadow:inset 0 -9px 0 #c697951a}.blob-two{background:#d9dfc4;border-color:#a5b08e;transform:rotate(9deg);height:92px}.blob i{position:absolute;left:24px;top:33px;width:5px;height:7px;border-radius:50%;background:var(--ink);box-shadow:27px 0 var(--ink)}.blob b{position:absolute;left:38px;top:36px;font-size:20px;font-weight:400}.blob:after{content:'';position:absolute;left:14px;top:48px;width:13px;height:6px;background:#c5808060;box-shadow:45px 0 #c5808060;border-radius:50%}.couple-heart{position:absolute;top:-7px;left:99px;font-size:35px;color:var(--rose);animation:float 3s ease-in-out infinite}#answer-area{position:relative;max-width:480px;height:135px;margin:0 auto;display:flex;align-items:flex-start;justify-content:center;gap:15px;padding-top:10px}.secondary{border:1px solid #d5c7ba;background:var(--paper);padding:17px 23px;min-height:52px;border-radius:7px;font-size:13px;white-space:nowrap;transition:left .2s,top .2s}#dodge-note{margin-top:0;min-height:17px}.quiet-button{background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--muted);font-size:12px;min-height:44px;margin-top:9px}.success-heart{color:var(--rose);font-size:90px;line-height:1;margin-bottom:25px}.coupon{max-width:470px;border:1px dashed var(--rose);border-radius:8px;margin:30px auto;padding:24px;background:#f7e6e3;outline:6px solid #f7e6e3}.coupon>span{display:block;font-size:8px;letter-spacing:1.7px;color:var(--rose);line-height:1.8}.coupon strong{display:block;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:25px;margin:16px 0 12px}.coupon p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:18px}.ending .handwritten{margin:25px 0 10px}.ending .restart{display:block;margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:20}.confetti-piece{position:absolute;top:-25px;animation:fall var(--duration) linear forwards;animation-delay:var(--delay);font-size:18px;color:var(--rose)}.noscript{text-align:center;padding:30px;color:var(--rose)}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{translate:0 -9px}}@keyframes stamp{from{opacity:0;scale:1.7}to{opacity:1;scale:1}}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(500deg)}}
@media(min-width:1400px){header{padding-top:40px}.journey{margin-top:35px}.intro{min-height:610px}.envelope{width:390px;height:265px}.seal{top:114px}}
@media(max-width:850px){header{padding:22px 28px}main{padding:0 28px}.intro{gap:5px}.envelope{width:285px;height:205px}.envelope-scene{height:380px}.seal{top:85px}.top-note{left:26px;font-size:23px}.bottom-note{font-size:21px;right:0}.intro h1{font-size:66px}.lead{font-size:16px}.eyebrow{font-size:9px;letter-spacing:1.4px}.letter-scene{gap:35px;padding-left:0;padding-right:0}.paper-letter{padding:32px 25px}.meme-cards{gap:14px}.meme-card{padding:12px}.meme-card>strong{font-size:16px}}
@media(max-width:600px){header{padding:19px 21px}.brand{font-size:13px;gap:7px}.brand-icon{font-size:25px}.sound{font-size:10px;padding:7px 11px}main{padding:0 23px}.journey{margin:16px auto 20px}.journey li{min-width:45px;font-size:8px;gap:7px}.journey li>span{width:25px;height:25px;font-size:10px}.journey ol:before{top:12px}.intro{display:flex;flex-direction:column;padding:18px 0 10px;min-height:0;gap:0;text-align:center}.intro-copy{display:contents}.intro .eyebrow{order:0;font-size:8px;letter-spacing:1.3px;margin-bottom:16px}.intro h1{order:1;font-size:63px;letter-spacing:-2px}.lead{order:2;font-size:15px;margin-top:17px}.intro-note{order:4;font-size:12px;margin:5px 0 19px}.intro .primary{order:5;min-width:250px}.intro .micro{order:6;font-size:9px}.envelope-scene{order:3;width:100%;max-width:350px;height:275px;margin-top:17px}.envelope{width:247px;height:162px;margin-top:29px}.letter-peek{top:-29px;height:130px;left:19px;right:19px;padding:15px}.letter-peek>span{font-size:20px}.letter-peek strong{font-size:22px;margin-top:7px}.seal{width:45px;height:45px;left:calc(50% - 22px);top:66px;font-size:26px}.postage{font-size:6px;bottom:11px;right:12px;padding:4px}.postage b{font-size:17px}.top-note{font-size:20px;top:2px;left:39px}.top-note>span{font-size:29px}.bottom-note{font-size:19px;bottom:0;right:15px}.spark-one{font-size:38px;right:3px;top:65px}.spark-two{font-size:26px;left:0;bottom:32px}.heart-one{left:0;top:95px;font-size:25px}.heart-two{right:0;bottom:50px;font-size:21px}.bottom-strip{order:7;margin-top:34px;font-size:10px}.navigation{margin-top:13px;min-height:48px}.navigation>span{font-size:7px;letter-spacing:1.1px}footer{margin:5px 23px 0;padding:20px 0 25px;font-size:8px;gap:9px}footer>span:last-child{display:none}.centered{padding-top:20px}h2{font-size:43px;letter-spacing:-1.4px}.section-copy{font-size:13px;line-height:1.8;margin:18px 0 23px}.meme-cards{display:flex;flex-direction:column;max-width:340px;gap:19px;margin-top:30px}.meme-card{padding:16px 18px 20px}.meme-card:first-child{transform:rotate(-1deg)}.meme-card:last-child{transform:rotate(1deg)}.meme-art{height:100px}.meme-card>strong{font-size:21px}.card-prompt{font-size:11px}.reveal{font-size:25px}.meme-card.open .meme-art{height:80px}.letter-scene{display:block;padding-top:22px}.letter-intro{text-align:center}.letter-intro .section-copy{margin-bottom:10px}.letter-intro .handwritten{font-size:21px;margin:10px 0 35px}.drawn-flower{display:none}.paper-letter{padding:33px 24px 21px;transform:rotate(.5deg);margin-right:5px}.paper-letter>p{font-size:13px}.promise-sheet{padding:23px 19px}.promise{gap:13px}.promise p{font-size:11px}.promise strong{font-size:12px}.promise>span:first-child{font-size:20px}.paper-label{font-size:8px}.stamp-button{font-size:11px}.finale .eyebrow{font-size:8px}.couple{margin:12px auto 22px}#answer-area{height:150px;gap:12px}#yes{font-size:12px;padding:16px 18px}#no{padding:16px 18px;font-size:12px}#dodge-note{font-size:9px}.coupon{padding:22px 18px;margin:30px 6px}.coupon strong{font-size:23px}.coupon>span{font-size:7px;letter-spacing:1.2px}.ending .section-copy{font-size:12px}.ending{padding-bottom:20px}#stage{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti-piece{display:none}}

/* Personal touches and the actual deliveries she sent. */
.personal-note{font-size:11px;color:var(--muted);line-height:1.6;margin:-14px 0 24px}
.delivery{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.delivery .meme-card{width:100%;flex:1}
.delivery:first-child .meme-card{transform:rotate(-3deg)}
.delivery:nth-child(2) .meme-card{transform:none}
.delivery:last-child .meme-card{transform:rotate(3deg)}
.delivery .meme-card:hover{transform:translateY(-6px)}
.video-note{font-family:'Caveat',cursive;font-size:20px;color:var(--rose);margin:25px 0 10px}
.delivery-video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#292321;border-radius:8px;border:1px solid var(--line)}
.paper-letter>p{white-space:pre-wrap}
.coupon-treats{list-style:none;padding:0;margin:16px 0 20px;text-align:left}
.coupon-treats li{font-size:13px;line-height:1.7;padding:11px 0 11px 23px;position:relative;border-bottom:1px solid #b94f6325}
.coupon-treats li:before{content:'♡';position:absolute;left:0;color:var(--rose)}
.coupon-treats li:last-child{border:0}
@media(max-width:600px){.intro .personal-note{order:4;font-size:10px;margin:-7px 0 20px}.meme-cards{gap:34px}.delivery:first-child .meme-card{transform:rotate(-1deg)}.delivery:last-child .meme-card{transform:rotate(1deg)}.delivery-video{max-height:510px}.video-note{margin-top:18px}.delivery .meme-card{flex:initial}}

/* Her little world: sea, slow mornings, handmade things, and daily care. */
.sea-postcard{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;margin:50px auto 0;width:100%;max-width:900px;padding:15px;background:#fffdf7;border:1px solid var(--line);box-shadow:3px 6px 0 #ece5db;transform:rotate(-1deg);text-align:left}
.sea-view{position:relative;overflow:hidden;border-radius:2px;isolation:isolate}.sea-view svg{display:block;width:100%;height:auto;min-height:180px;object-fit:cover}.postcard-location{position:absolute;bottom:13px;left:0;right:0;text-align:center;color:#fffaf0;font-size:8px;letter-spacing:2px;text-shadow:0 1px 3px #45545b}
.postcard-copy{padding:10px}.postcard-copy .eyebrow{font-size:8px;margin-bottom:13px}.postcard-copy .handwritten{font-size:27px;line-height:1.15}.postcard-copy .micro{font-size:9px;margin-top:12px}.sky-controls{display:flex;gap:6px;margin-top:18px;flex-wrap:wrap}.sky-controls button{background:transparent;border:1px solid var(--line);border-radius:20px;padding:8px 12px;min-height:38px;font-size:11px;color:var(--muted)}.sky-controls button[aria-pressed=true]{background:#f5e1d8;border-color:#d9b8ac;color:#8c534e}.sky-controls button:hover{border-color:var(--rose)}
.sea-view stop,.sea-view .sea-sun,.sea-view .sea-moon,.sea-view .sea-stars,.sea-view .sea-birds{transition:all .8s ease}.sea-moon,.sea-stars{opacity:0}.sea-waves{animation:sea-drift 7s ease-in-out infinite alternate}.sea-view[data-sky=sun] .sky-top{stop-color:#b8d7d8}.sea-view[data-sky=sun] .sky-bottom{stop-color:#eef0db}.sea-view[data-sky=sun] .water-top{stop-color:#7caaaa}.sea-view[data-sky=sun] .water-bottom{stop-color:#537e8b}.sea-view[data-sky=sun] .sea-sun{transform:translate(0,-46px)}.sea-view[data-sky=moon] .sky-top{stop-color:#3d4867}.sea-view[data-sky=moon] .sky-bottom{stop-color:#89849e}.sea-view[data-sky=moon] .water-top{stop-color:#626b8c}.sea-view[data-sky=moon] .water-bottom{stop-color:#374a66}.sea-view[data-sky=moon] .sea-sun,.sea-view[data-sky=moon] .sea-birds{opacity:0}.sea-view[data-sky=moon] .sea-moon,.sea-view[data-sky=moon] .sea-stars{opacity:1}.sea-view[data-sky=moon] .sun-reflection{stroke:#d7d4e9;opacity:.4}
.breakfast-note{max-width:350px;margin-top:28px}.breakfast-note svg{display:block;width:100%;height:auto}.letter-intro .breakfast-note .handwritten{font-size:24px;transform:rotate(-4deg);line-height:1.15}.breakfast-note .micro{margin-top:9px}.coffee-steam{animation:coffee-steam 3s ease-in-out infinite}
.little-garden{max-width:620px;margin:5px auto 25px;display:flex;align-items:center;gap:20px;text-align:left}.plant-drawing{width:125px;flex-shrink:0}.plant-drawing svg{width:100%;display:block}.little-garden .handwritten{font-size:28px;line-height:1.2}.garden-copy{font-size:12px;color:var(--muted);margin:6px 0 12px;line-height:1.7}.garden-button{background:#e9eddf;color:#5f7254;border:1px solid #cbd4ba;border-radius:5px;padding:10px 14px;min-height:42px;font-size:11px}.garden-button:hover{background:#dfe7d2}.garden-button:disabled{opacity:.8}.little-garden .micro{margin-top:8px;font-size:9px}.new-leaf,.plant-flower{opacity:0;transform:scale(.2);transform-origin:70px 80px;transition:opacity .5s,transform .6s}.plant-drawing[data-growth="1"] .leaf-one,.plant-drawing[data-growth="2"] .new-leaf,.plant-drawing[data-growth="3"] .new-leaf,.plant-drawing[data-growth="3"] .plant-flower{opacity:1;transform:scale(1)}.crochet-paper:after{content:'';position:absolute;inset:7px;border:1px dashed #d8a9b5;pointer-events:none;border-radius:2px}.crochet-note{display:flex;align-items:center;justify-content:center;gap:12px;max-width:600px;margin:15px auto 0}.crochet-note svg{width:100px;flex-shrink:0}.crochet-note .handwritten{font-size:22px;text-align:left;line-height:1.15}
.soundtrack-note{display:flex;align-items:center;gap:20px;max-width:470px;margin:35px auto 20px;padding:20px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.soundtrack-note .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:7px}.soundtrack-note strong{font-family:'DM Serif Display',serif;font-size:23px;font-weight:400}.soundtrack-note p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.8;margin-top:8px}.record-caption{font-family:'Caveat',cursive;color:var(--rose);font-size:18px;display:block;margin-top:8px;line-height:1.1}.little-record{height:95px;width:95px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle,#39312e 0 2px,#514440 3px 4px);box-shadow:0 3px 5px #403a3525;display:grid;place-items:center;animation:record-spin 18s linear infinite}.little-record span{background:#d99ba5;color:#fff7ec;border:1px solid #e8b6bb;border-radius:50%;height:38px;width:38px;display:grid;place-content:center;text-align:center;font-size:9px;line-height:1.25;letter-spacing:1px}.horizon-charm{display:flex;gap:17px;align-items:center;justify-content:center;color:#ba975a;margin:0 auto 8px;font-size:24px}.horizon-charm i{font-size:21px;font-style:normal;letter-spacing:5px;color:#8aa3a5}.horizon-charm>span:last-child{color:#9288a2}
@keyframes sea-drift{to{transform:translateX(13px)}}@keyframes coffee-steam{50%{opacity:.35;transform:translateY(-4px)}}@keyframes record-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.sea-postcard{order:7;display:block;margin:34px 0 5px;padding:10px;transform:rotate(-.6deg)}.sea-view svg{min-height:0}.postcard-location{font-size:6px;letter-spacing:1.5px;bottom:9px}.postcard-copy{padding:18px 8px 9px;text-align:center}.postcard-copy .eyebrow{font-size:7px;margin-bottom:9px}.postcard-copy .handwritten{font-size:26px}.sky-controls{justify-content:center;margin-top:15px}.sky-controls button{min-height:44px;padding:9px 15px}.breakfast-note{margin:8px auto 28px;max-width:270px}.letter-intro .breakfast-note .handwritten{font-size:22px;margin:-7px 0 9px}.breakfast-note .micro{font-size:9px}.letter-intro>.handwritten{margin-bottom:12px}.little-garden{gap:10px;margin-bottom:18px}.plant-drawing{width:95px}.little-garden .handwritten{font-size:23px}.garden-copy{font-size:10px}.garden-button{font-size:10px;padding:10px;min-height:44px}.little-garden .micro{font-size:8px}.crochet-note{gap:4px;margin-top:13px}.crochet-note svg{width:77px}.crochet-note .handwritten{font-size:20px}.soundtrack-note{padding:18px 3px;gap:15px}.little-record{width:72px;height:72px}.little-record span{width:30px;height:30px;font-size:7px}.soundtrack-note strong{font-size:21px}.soundtrack-note p:not(.eyebrow){font-size:10px}.soundtrack-note .eyebrow{font-size:7px;letter-spacing:1px}.record-caption{font-size:17px}.horizon-charm{margin-top:0;font-size:21px}}

.lessgo-heading{max-width:830px;margin:0 auto 16px;font-family:'Caveat',cursive;font-size:clamp(34px,5vw,62px);line-height:1.12;letter-spacing:-1px;color:var(--rose);overflow-wrap:anywhere}
.cat-celebration{display:flex;flex-direction:column;align-items:center;margin:14px auto 0}
.cat-celebration img{display:block;width:260px;max-width:80%;height:auto;object-fit:contain}
.cat-celebration .text-button{font-size:10px;min-height:38px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.lessgo-heading{font-size:37px;max-width:330px}.cat-celebration img{width:230px}.cat-celebration .text-button{min-height:44px}}