:root{--ink:#241f36;--midnight:#201b35;--midnight-light:#322741;--cream:#fff9f4;--paper:#fffdf8;--rose:#f5adbb;--blush:#ffe0d7;--lilac:#d6b6ea;--violet:#9e81d3;--butter:#ffdea3;--muted:#827c8b;--font:'Noto Sans Thai','Tahoma',sans-serif;--hand:'Itim','Noto Sans Thai',sans-serif;--sans:'DM Sans','Noto Sans Thai',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffd07b;outline-offset:5px}::selection{background:#f5b7cc;color:#211c2d}.skip-link{position:fixed;top:-80px;left:12px;z-index:120;background:#fff;color:#111;padding:10px 16px}.skip-link:focus{top:12px}.sky{position:absolute;inset:0 0 auto;min-height:840px;height:100vh;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 72% 41%,#59405d 0%,rgba(69,48,84,.45) 28%,transparent 52%),radial-gradient(ellipse at 20% 100%,#3f2d57 0%,transparent 49%),linear-gradient(119deg,#201b35 7%,#29213e 48%,#251d34 100%);z-index:0}.sky:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 40%,rgba(255,212,194,.12),transparent 32%);opacity:.8}.sky-haze{position:absolute;border-radius:50%;filter:blur(25px);opacity:.32}.sky-haze-one{width:530px;height:530px;right:0;top:25%;background:radial-gradient(circle,#a66a97,transparent 67%)}.sky-haze-two{width:380px;height:380px;left:-170px;bottom:-140px;background:radial-gradient(circle,#6c4aa1,transparent 67%)}.stars{position:absolute;inset:0}.sky-star{position:absolute;background:#ffead8;opacity:.7;border-radius:50%;box-shadow:0 0 7px #ffe6d8;animation:twinkle 4.7s ease-in-out infinite alternate}@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.55)}55%{opacity:.94;transform:scale(1.55)}}
.site-header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 88px));margin:auto;padding:31px 0;color:#fff7f3}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:27px;line-height:1;border:1.5px solid #d7b3c9;color:#ffd2df}.brand-dot{color:#f7b1ca}.header-nav{display:flex;gap:34px;align-items:center;font-size:13px}.header-nav a{color:#e5d8eb;text-decoration:none;transition:color .2s}.header-nav a:hover{color:#fff}.nav-letter{border:1px solid #766580;background:rgba(255,255,255,.06);color:#fff8f5;border-radius:30px;padding:11px 18px;transition:background .2s,border-color .2s}.nav-letter:hover{background:rgba(255,255,255,.12);border-color:#eec2dc}.nav-letter span{padding-left:9px;color:#f6b8ca}
.hero{position:relative;z-index:1;min-height:720px;max-width:1320px;width:calc(100% - 88px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px;color:#fff;padding:30px 0 100px}.hero-copy{position:relative;z-index:3;padding:20px 0 45px 7%;max-width:630px}.eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.19em;color:#e8c8d9;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);padding:10px 16px;border-radius:40px}.eyebrow-star{font-size:14px;color:#ffdeb4}.hero h1{font-family:var(--hand);font-weight:400;font-size:clamp(53px,5.3vw,84px);line-height:1.13;letter-spacing:-.022em;margin:27px 0 21px}.hero-highlight{display:inline-block;color:#ffd8ca;position:relative;white-space:nowrap}.hero-highlight:after{content:'';position:absolute;left:2%;bottom:6px;width:75%;height:8px;background:linear-gradient(90deg,rgba(255,174,196,.64),rgba(246,199,206,.0));border-radius:50%;transform:rotate(-3deg);opacity:.6}.hero-heart{display:inline-block;color:#f9b2ce;font-size:.54em;margin-left:12px;transform:rotate(13deg);vertical-align:middle;animation:heartWiggle 3.7s infinite ease-in-out}.hero-description{font-weight:400;color:#d2cbd8;font-size:15px;line-height:2.05;max-width:520px;margin:0 0 33px}.hero-buttons{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:0;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap;min-height:50px}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,#fac5ba,#f4a7bc);color:#483244;border-radius:50px;box-shadow:0 11px 29px #e8a0ac26;font-weight:700;padding:13px 24px;font-size:14px}.btn-primary:hover{box-shadow:0 14px 36px #e8a0ac47;background:linear-gradient(110deg,#ffddd1,#f8bdd0)}.btn-icon{font-size:20px;font-weight:400}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.17);color:#ebe4ef;border-radius:50px;padding:12px 23px;font-size:13px}.btn-ghost:hover{background:rgba(255,255,255,.07)}.hero-footnote{font:500 11px var(--sans);letter-spacing:.04em;color:#a9a0b9;margin-top:48px}.tiny-sparkle{padding:0 5px;color:#ddbad1;font-size:14px}.hero-art{min-height:520px;height:100%;position:relative;display:grid;place-items:center;isolation:isolate}.art-glow{width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#a37a99 0%,#755a82 27%,rgba(129,90,112,.25) 48%,transparent 70%);filter:blur(17px);opacity:.72;position:absolute;top:50%;left:50%;transform:translate(-50%,-53%)}.art-orbit{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-53%);border:1px solid rgba(250,219,208,.14)}.orbit-one{width:520px;height:520px}.orbit-two{width:440px;height:440px;border-style:dashed;border-color:rgba(246,198,207,.12)}.art-star,.float-heart{position:absolute;z-index:2;color:#ffe5ca;pointer-events:none}.star-one{font-size:34px;left:8%;top:17%;animation:glint 4.4s infinite}.star-two{font-size:23px;right:10%;top:30%;animation:glint 3.2s infinite 1s}.star-three{font-size:19px;right:19%;bottom:21%;animation:glint 5s infinite 1.7s}.heart-one{font-size:29px;left:15%;bottom:24%;color:#f5b4c2;transform:rotate(-20deg);animation:floaty 4.2s infinite}.heart-two{font-size:32px;right:15%;top:16%;color:#f7c3cc;animation:floaty 3.8s infinite 1.4s}.heart-three{font-size:12px;left:25%;top:23%;color:#ffe5d7;animation:floaty 4.8s infinite .8s}.envelope-button{border:0;background:transparent;position:relative;width:390px;height:330px;z-index:2;display:grid;place-items:center;filter:drop-shadow(0 36px 32px rgba(23,14,31,.29));animation:envelopeBob 4s ease-in-out infinite}.envelope-button:hover .envelope{transform:rotate(-4deg) translateY(-12px) scale(1.03)}.envelope-button:active .envelope{transform:rotate(-4deg) scale(.99)}.envelope-shadow{position:absolute;bottom:6px;left:40px;width:310px;height:32px;background:rgba(25,17,36,.25);filter:blur(13px);border-radius:50%}.envelope{display:block;width:340px;height:237px;position:relative;transition:transform .4s ease;transform:rotate(-5deg)}.envelope-back{position:absolute;inset:0;background:#eac6bd;border-radius:11px;box-shadow:inset 0 0 4px rgba(89,49,53,.16)}.envelope-paper{position:absolute;left:24px;right:24px;top:-48px;height:220px;background:linear-gradient(155deg,#fffcf6,#f6e9e0);border:1px solid #fbf2ea;box-shadow:0 6px 11px #35202921;border-radius:6px 6px 2px 2px;z-index:2;display:flex;align-items:center;justify-content:flex-start;padding:28px 22px;flex-direction:column;transition:transform .45s}.paper-small{font:600 10px var(--sans);letter-spacing:.19em;color:#b19b97}.paper-large{font-family:var(--hand);font-size:25px;color:#97676a;padding-top:6px;text-align:center;max-width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.paper-line{width:58%;height:1px;background:#e0c6be;margin:13px 0}.paper-hearts{font-size:13px;letter-spacing:8px;color:#c88795}.envelope-flap{position:absolute;inset:0;height:150px;background:linear-gradient(#f2d6cb,#e6b9b2);clip-path:polygon(0 0,100% 0,50% 98%);z-index:4;border-radius:11px 11px 0 0;transition:transform .5s;transform-origin:50% 0}.envelope-front{position:absolute;inset:0;background:linear-gradient(145deg,#efd3c6,#f4d6cb 60%,#e5bcb5);clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);z-index:5;border-radius:10px;box-shadow:inset 0 -8px 14px #b7828330}.envelope-front:after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,transparent 48%,rgba(255,255,255,.22) 51%,transparent 55%)}.wax-seal{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-30%);display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#bd647c,#a74c70);color:#fff0e8;font-size:31px;border:5px solid #d28c9b;box-shadow:0 3px 6px #8449656b,inset 0 0 0 2px #f7bdc0;transition:transform .4s}.envelope-button:hover .wax-seal{transform:translate(-50%,-30%) rotate(12deg)}.envelope-button.opening .envelope-paper{transform:translateY(-38px)}.envelope-label{position:absolute;bottom:39px;right:13%;color:#e7c8dd;font:400 19px var(--hand);transform:rotate(-5deg);white-space:nowrap}.label-arrow{display:inline-block;font-family:var(--font);font-size:26px;transform:rotate(-55deg);margin-right:5px}.scroll-cue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:11px;align-items:center;font:600 9px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#a89caf;white-space:nowrap}.scroll-line{height:39px;width:1px;background:linear-gradient(transparent,#e4b9d8)}
.reasons-section{position:relative;background:radial-gradient(circle at 96% 10%,#ffefe8,transparent 27%),#fffaf6;padding:113px 0 110px}.section-shell{max-width:1100px;margin:auto;width:calc(100% - 54px)}.section-heading{text-align:center}.section-kicker{font:700 11px var(--sans);letter-spacing:.18em;color:#b08296}.section-kicker span{font-weight:700;color:#9e7c9c;padding-right:6px}.section-heading h2,.last-copy h2{font-family:var(--hand);font-weight:400;letter-spacing:-.02em;font-size:clamp(42px,5vw,67px);line-height:1.15;margin:24px 0 19px}.section-heading h2 span{color:#bc819c}.section-heading p{font-size:14px;color:#807883;line-height:2;max-width:650px;margin:0 auto}.reason-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:57px;perspective:1200px}.reason-card{height:255px;border:0;padding:0;position:relative;background:none;text-align:center;border-radius:25px;perspective:1300px;transition:transform .25s}.reason-card:hover{transform:translateY(-5px)}.reason-card:focus-visible{outline-offset:7px}.card-flipper{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.25,.65,.3,1)}.reason-card.flipped .card-flipper{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:23px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px 24px;overflow:hidden}.card-face:after{content:'';position:absolute;inset:10px;border:1px solid rgba(255,255,255,.67);border-radius:17px;pointer-events:none}.card-front{box-shadow:0 8px 18px rgba(83,60,76,.05)}.reason-icon{font-size:45px;line-height:1;display:grid;place-items:center;width:91px;height:91px;background:#ffffff6b;border-radius:50%;margin-bottom:25px;box-shadow:0 4px 12px #7e466316}.reason-number{position:absolute;left:32px;top:27px;font:600 12px var(--sans);color:#8e7188}.reason-title{font:400 27px var(--hand);color:#453549}.card-hint{font-size:11px;color:#9e8492;margin-top:8px}.card-back{transform:rotateY(180deg);background:#3d304a;color:#fff7f7;box-shadow:0 14px 26px #291d3524}.card-back:after{border-color:#ffffff24}.back-star{font:400 38px var(--hand);color:#f4b8ca}.reason-message{font-family:var(--hand);font-size:24px;line-height:1.55;padding:8px 0;max-width:240px}.reason-tag{font:600 10px var(--sans);color:#efbed0;letter-spacing:.06em}.card-back-hint{position:absolute;bottom:23px;font-size:10px;color:#baacc4}.color-peach .card-front{background:#ffe0d4}.color-lilac .card-front{background:#ede0f5}.color-butter .card-front{background:#fff0cc}.color-blue .card-front{background:#dcecf1}.color-mint .card-front{background:#e0eddf}.color-pink .card-front{background:#f9dfeb}.color-peach .reason-icon{color:#cf8895}.color-lilac .reason-icon{color:#a688cd}.color-butter .reason-icon{color:#dfad68}.color-blue .reason-icon{color:#76a5bd}.color-mint .reason-icon{color:#8cae98}.color-pink .reason-icon{color:#cc8da8}.reasons-note{text-align:center;margin-top:38px;font:400 17px var(--hand);color:#b4a0ac}
.interlude{position:relative;background:linear-gradient(115deg,#382940,#4a3550 60%,#35283e);color:#fff;min-height:374px;padding:76px 24px 72px;text-align:center;overflow:hidden}.interlude-orb{position:absolute;border-radius:50%;width:310px;height:310px;border:1px solid #ffffff16;top:25px}.orb-left{left:-115px}.orb-right{right:-115px}.interlude-star{font-size:28px;color:#eac19c}.interlude-small{font:700 10px var(--sans);letter-spacing:.23em;color:#c8b4d4;margin:16px 0 23px}.interlude-quote{font:400 clamp(34px,4.3vw,57px)/1.35 var(--hand);letter-spacing:-.02em;margin:0}.interlude-quote span{color:#ffc6c6}.interlude-decoration{display:inline-block;margin-top:12px;font-size:28px;color:#efb7bd;transform:rotate(-14deg)}
.last-section{position:relative;background:radial-gradient(ellipse at 8% 10%,#fff9fb,transparent 46%),linear-gradient(145deg,#f8f0f5,#f3eaf4 55%,#eee3f0);padding:125px 0 115px}.last-shell{max-width:1090px;width:calc(100% - 60px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:68px}.last-visual{position:relative;display:grid;place-items:center;height:385px}.visual-halo{width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#fff3ef 0%,#fbe1e5 54%,transparent 71%);position:absolute}.heart-illustration{position:relative;display:grid;place-items:center;transform:rotate(-13deg);filter:drop-shadow(9px 19px 0 #d5b4cc4d)}.heart-illustration>span{font-size:265px;line-height:1;color:#e4a2ba;text-shadow:inset 0 0 10px #fff;filter:drop-shadow(0 3px 6px #ae718d36)}.shine{position:absolute;font-style:normal;color:#fff1dc}.shine.s1{font-size:65px;top:39%;left:18%;transform:rotate(-18deg)}.shine.s2{font-size:34px;right:17%;top:30%}.shine.s3{font-size:20px;right:29%;bottom:28%}.flower{position:absolute;font-size:77px;color:#f4c3a8;z-index:2;text-shadow:0 5px #db9fc63b}.flower-one{left:35px;bottom:63px;transform:rotate(-21deg)}.flower-two{right:25px;top:42px;color:#d7b3de;font-size:64px;transform:rotate(28deg)}.flower-three{right:52px;bottom:52px;color:#f5dcab;font-size:45px}.mini-tag{position:absolute;z-index:3;bottom:29px;left:36%;background:#fffdfb;padding:9px 17px;border:1px solid #e8d5e1;border-radius:100px;transform:rotate(-9deg);font:600 12px var(--sans);color:#b685a4;box-shadow:0 5px 15px #c7afc226}.last-copy h2{margin:23px 0}.last-copy h2 span{color:#ba83a0}.last-copy p{font-size:15px;line-height:2.1;color:#756c7c;max-width:490px}.last-cta-group{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}.btn-final{padding:14px 27px;min-height:54px;box-shadow:0 9px 26px #bc8fa34d}.handnote{font:400 18px var(--hand);color:#b290ad;margin-left:33px;transform:rotate(-5deg)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px max(30px,calc((100% - 1200px)/2));font:500 11px var(--sans);color:#b7a4af;background:#211b35}.footer-heart{color:#ed9dbb}
/* Letter and special-delivery overlay */
dialog{border:0;padding:0;max-height:min(88vh,850px);max-width:calc(100vw - 26px);overscroll-behavior:contain}dialog::backdrop{background:rgba(24,17,37,.76);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog[open]{animation:dialogPop .4s cubic-bezier(.2,.8,.2,1)}@keyframes dialogPop{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.letter-dialog{background:#fffaf3;width:600px;border-radius:9px;box-shadow:0 25px 85px #110e2480;color:#463644}.letter-scroll{position:relative;padding:59px 66px 43px;overflow-y:auto;max-height:min(88vh,850px);background-image:repeating-linear-gradient(0deg,transparent 0,transparent 37px,rgba(194,151,151,.12) 38px,transparent 39px)}.dialog-close{position:absolute;right:18px;top:14px;width:38px;height:38px;border:1px solid #e6d8d7;border-radius:50%;background:#fffdf9;color:#927c90;font:400 29px var(--sans);line-height:30px;display:grid;place-items:center;z-index:2}.dialog-close:hover{background:#f5e7ea}.letter-stamp{position:absolute;top:60px;right:51px;display:flex;flex-direction:column;align-items:center;transform:rotate(13deg);border:2px dashed #daaebc;color:#c28b9e;padding:9px 11px;line-height:1;text-align:center}.letter-stamp span:first-child{font-size:28px}.letter-stamp span:last-child{font:700 8px var(--sans);letter-spacing:.1em;line-height:1.4}.letter-kicker{font:700 10px var(--sans);letter-spacing:.19em;color:#ba91a1;margin:4px 0 19px}.letter-dialog h2{font:400 41px var(--hand);line-height:1.3;margin:0;max-width:78%;overflow-wrap:anywhere}.letter-dialog h2 span{color:#c17f9f}.letter-rule{display:flex;align-items:center;gap:13px;color:#c38a9f;margin:20px 0 25px}.letter-rule:before,.letter-rule:after{content:'';height:1px;max-width:110px;flex:1;background:#e6cbd1}.letter-body{font-size:15px;line-height:2.2;color:#635361}.letter-body p{margin:0 0 22px;text-indent:1.5em}.letter-signoff{margin-top:28px;display:flex;flex-direction:column;align-items:flex-end;gap:1px;font:400 22px var(--hand);color:#c1899e}.letter-signoff strong{font-weight:400;color:#9c697f;font-size:30px}.hand-heart{font-size:29px;transform:rotate(-14deg)}.letter-bottom{border-top:1px solid #eedee0;text-align:center;margin-top:21px;padding-top:28px}.btn-letter{background:#4c364d;color:#fff9f5;border-radius:50px;padding:12px 25px;font:400 20px var(--hand);min-height:47px}.btn-letter:hover{background:#6d486c}.surprise-dialog{width:490px;border-radius:26px;background:radial-gradient(circle at 50% 6%,#fff6f4,#fff5f5 45%,#f4e8f3 100%);box-shadow:0 28px 85px #130d2975;color:#463346;text-align:center;overflow:visible}.surprise-content{position:relative;padding:50px 35px 45px}.surprise-stars{font-size:23px;letter-spacing:12px;color:#cc9eb7}.big-heart{font-size:146px;color:#e8a0b7;line-height:1.2;filter:drop-shadow(0 14px 0 #e2c1d4);animation:heartWiggle 3.3s infinite}.surprise-kicker{font:700 10px var(--sans);letter-spacing:.2em;color:#b88da2;margin:18px 0}.surprise-content h2{font:400 37px var(--hand);margin:6px 0 13px}.surprise-content p{font:400 22px/1.7 var(--hand);color:#8d7183;margin:0 auto;max-width:340px;min-height:68px}.love-count{display:inline-block;font-size:12px;color:#947e94;border:1px solid #ebd0da;background:#ffffff80;padding:6px 17px;border-radius:50px;margin:18px 0 22px}.surprise-again{margin:auto}.surprise-bottom{display:block;margin-top:26px;font:600 11px var(--sans);color:#b39aac}.heart-particles{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:110}.flying-heart{position:absolute;display:block;line-height:1;opacity:0;animation:flyUp 1.55s ease-out var(--fly-delay) forwards;filter:drop-shadow(0 2px 3px #b766925c)}@keyframes flyUp{0%{transform:translate(0,0) scale(.35) rotate(0);opacity:0}13%{opacity:1}75%{opacity:1}100%{transform:translate(var(--fly-x),var(--fly-y)) scale(1.1) rotate(var(--fly-rot));opacity:0}}@keyframes glint{0%,100%{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.22)}}@keyframes floaty{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(7deg)}}@keyframes heartWiggle{0%,100%{transform:rotate(-10deg) scale(1)}50%{transform:rotate(-1deg) scale(1.07)}}@keyframes envelopeBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}.will-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease var(--stagger),transform .7s ease var(--stagger)}.will-reveal.appeared{opacity:1;transform:translateY(0)}
@media(max-width:1080px){.site-header,.hero{width:calc(100% - 52px)}.hero{gap:0}.hero-copy{padding-left:1%}.hero h1{font-size:clamp(47px,6vw,70px)}.hero-art{transform:scale(.9);transform-origin:center}.envelope-label{right:5%}.last-shell{gap:20px}}
@media(max-width:780px){.site-header{width:calc(100% - 34px);padding:22px 0}.header-nav{gap:16px}.header-nav a{display:none}.hero{width:calc(100% - 34px);padding:42px 0 75px;grid-template-columns:1fr;min-height:0;text-align:center;gap:10px}.hero-copy{padding:0;max-width:630px;margin:auto}.hero h1{font-size:clamp(47px,9vw,77px);margin:25px 0 17px}.hero-description{margin:0 auto 28px;max-width:520px}.hero-buttons{justify-content:center}.hero-footnote{margin-top:25px}.hero-art{height:440px;min-height:440px;transform:scale(.85);margin-top:-12px}.envelope-label{bottom:0;right:16%}.scroll-cue{display:none}.sky{min-height:1060px;height:1120px}.reason-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reasons-section{padding:85px 0}.last-section{padding:70px 0 90px}.last-shell{grid-template-columns:1fr;text-align:center;gap:8px}.last-visual{height:305px}.visual-halo{height:300px;width:300px}.heart-illustration>span{font-size:220px}.flower-one{left:20%}.flower-two{right:18%}.last-copy{max-width:590px;margin:auto}.last-copy p{margin:0 auto}.last-cta-group{align-items:center}.handnote{margin-left:0}}
@media(max-width:500px){.site-header{padding:18px 0}.brand{font-size:16px}.nav-letter{padding:8px 13px;font-size:11px}.hero{padding:33px 0 64px}.eyebrow{padding:8px 12px;font-size:8px;letter-spacing:.12em;gap:5px}.hero h1{font-size:clamp(44px,12.5vw,61px);line-height:1.17}.hero-heart{margin-left:4px}.hero-description{font-size:13px;line-height:2;max-width:335px}.hero-buttons{gap:10px}.btn-primary{font-size:12px;padding:11px 17px}.btn-ghost{font-size:12px;padding:10px 14px}.hero-art{transform:scale(.71);height:335px;min-height:335px;margin:-25px -50px -10px}.art-orbit.orbit-one{width:470px;height:470px}.envelope-label{bottom:-15px;right:8%;font-size:18px}.sky{height:960px;min-height:960px}.section-shell{width:calc(100% - 32px)}.reasons-section{padding:67px 0 69px}.section-heading h2,.last-copy h2{font-size:45px}.section-heading p{font-size:12px;padding:0 7px}.reason-grid{gap:12px;margin-top:38px}.reason-card{height:195px}.card-face{padding:14px 10px;border-radius:18px}.card-face:after{inset:7px;border-radius:12px}.reason-icon{width:65px;height:65px;font-size:35px;margin-bottom:14px}.reason-number{left:20px;top:17px;font-size:10px}.reason-title{font-size:21px}.card-hint{font-size:9px}.reason-message{font-size:19px;line-height:1.4}.back-star{font-size:28px}.reason-tag{font-size:8px}.card-back-hint{font-size:8px;bottom:16px}.reasons-note{font-size:15px;margin-top:27px}.interlude{min-height:300px;padding:57px 14px}.interlude-quote{font-size:40px}.interlude-small{font-size:9px}.last-shell{width:calc(100% - 32px)}.last-visual{height:250px}.visual-halo{width:250px;height:250px}.heart-illustration>span{font-size:192px}.flower{font-size:51px}.flower-one{left:8%;bottom:30px}.flower-two{right:9%;top:20px;font-size:48px}.flower-three{right:12%;bottom:20px;font-size:37px}.mini-tag{font-size:10px;bottom:3px}.last-copy p{font-size:13px}.site-footer{flex-direction:column;gap:6px;text-align:center;padding:22px 12px}.letter-scroll{padding:56px 25px 30px}.letter-dialog h2{font-size:33px;max-width:75%}.letter-stamp{right:20px;top:55px;padding:6px}.letter-kicker{font-size:8px}.letter-body{font-size:13px;line-height:2.15}.letter-body p{margin-bottom:15px}.surprise-content{padding:45px 18px 36px}.surprise-content h2{font-size:30px}.surprise-content p{font-size:19px}.big-heart{font-size:117px}}
@media(max-width:365px){.hero h1{font-size:43px}.hero-buttons .btn{width:100%}.hero-art{transform:scale(.65)}.reason-title{font-size:18px}.reason-message{font-size:17px}.card-hint{font-size:8px}.eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.will-reveal{opacity:1;transform:none}}