:root{--paper:#faf4e8;--cream:#fff9f1;--ink:#33433d;--muted:#6c786d;--rose:#df947e;--coral:#bd6859;--sage:#849f8b;--line:#e5dace;--sand:#efdfcb;--lemon:#f7e4b0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:3px}a:hover{text-decoration-color:var(--coral)}:focus-visible{outline:3px solid #b65c4c;outline-offset:4px}.skip{position:absolute;left:-9999px;top:10px;background:white;z-index:20;padding:12px}.skip:focus{left:10px}.wrap{max-width:1190px;margin-inline:auto;padding-inline:34px}
.topbar{max-width:1190px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:27px 34px;gap:20px}.logo{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.12;text-decoration:none;letter-spacing:.01em}.logo strong{font-size:16px;letter-spacing:-.015em}.logo-symbol{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#f8e1b2;color:#b96650;font-size:30px;transform:rotate(-12deg)}nav{display:flex;gap:30px;color:#56665b;font-size:14px}nav a{text-decoration:none}nav a:hover{color:#b96650}
.hero{min-height:740px;padding-top:77px;padding-bottom:85px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(370px,.97fr);gap:78px;align-items:center}.kicker{color:#aa6857;font-size:11px;letter-spacing:.17em;font-weight:800;margin:0 0 22px}.kicker span{font-size:19px;margin-right:7px}.hero h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.055em;line-height:1.07;font-weight:500;font-size:clamp(53px,6vw,86px);margin:0}.hero h1 em{font-weight:400;color:#c17b68;white-space:nowrap}.hero-description{font-size:19px;line-height:1.85;color:#677267;max-width:480px;margin:30px 0 29px}.tiny-info{font-size:13px;color:#69786c;display:flex;align-items:center;gap:10px}.info-dot{width:8px;height:8px;background:#9ab79d;border-radius:50%;flex:none}.hero-flourish{display:flex;align-items:center;gap:10px;color:#a08a78;font-family:Georgia,serif;font-style:italic;font-size:15px;margin-top:43px;transform:rotate(-4deg)}.hero-flourish svg{width:137px}
.parcel-stage{position:relative;text-align:center;min-width:0}.parcel-paper{min-height:525px;border:1px solid #e6d7c2;background:repeating-linear-gradient(90deg,#fff9f0,#fff9f0 4px,#fff8ee 4px,#fff8ee 8px);border-radius:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 0 -12px #e7cbaa,0 45px 85px -44px #8c694c66;position:relative;overflow:hidden;padding:26px}.parcel-paper:after{content:"";position:absolute;inset:11px;border:1px solid rgba(173,143,112,.16);border-radius:8px;pointer-events:none}.stage-dots{position:absolute;top:-33px;right:17px;color:#df927b;font-size:18px;transform:rotate(12deg);z-index:2}.stage-dots span{font-size:11px;color:#bfab73}.stage-inner{width:100%;display:flex;flex-direction:column;align-items:center}.stage-eyebrow,.note-eyebrow{color:#aa7c70;letter-spacing:.16em;font-size:10px;font-weight:800}.stage-eyebrow{margin:0 0 26px}.parcel-button{border:0;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;max-width:100%;gap:20px;padding:8px 8px 12px}.parcel-button:disabled{cursor:wait;opacity:.63}.parcel-art{display:block;position:relative;width:236px;height:218px;transition:transform .3s ease}.parcel-button:not(:disabled):hover .parcel-art{transform:translateY(-9px) rotate(-2deg)}.parcel-box{display:block;position:absolute;width:188px;height:155px;left:24px;top:42px;border-radius:8px;background:linear-gradient(135deg,#e6b8a6,#e59f8d);transform:rotate(-7deg);box-shadow:9px 14px 0 -2px #bd7565,10px 18px 25px #8c65534b}.ribbon-vertical{position:absolute;inset:0 auto 0 78px;width:34px;background:linear-gradient(90deg,#fff3df,#fffaf2 40%,#f4e3d2)}.ribbon-horizontal{position:absolute;left:0;right:0;height:30px;top:60px;background:linear-gradient(#fffaf2,#f3e2d2)}.bow-loop{position:absolute;top:-35px;width:70px;height:58px;border:14px solid #f7ede4;border-radius:60px 10px 60px 12px;transform-origin:100% 100%;box-shadow:0 4px 6px #b8756340}.bow-left{left:29px;transform:rotate(27deg)}.bow-right{left:89px;transform:rotate(121deg)}.bow-knot{position:absolute;top:-16px;left:82px;background:#fbf2e6;width:26px;height:28px;border-radius:15px;box-shadow:0 3px 7px #9e685b4d}.button-label{background:#314e42;border-radius:100px;color:#fff;font-weight:700;font-size:15px;line-height:1.2;padding:17px 23px;box-shadow:0 6px 0 #1b342c;transition:background .2s}.parcel-button:not(:disabled):hover .button-label{background:#456e58}.button-label span{padding-left:8px}.parcel-hint{color:#918779;font-size:13px;margin:20px 0 0}.under-stage{margin:30px 0 0;color:#8e8075;font-size:12px}.under-stage span{color:#c37a68;font-size:18px;margin-right:5px}
.opened-note{position:relative;width:100%;max-width:440px;animation:unfold .48s ease both;padding:16px 17px}.note-seal{display:inline-grid;place-items:center;color:#d48a70;background:#f7e7d4;border-radius:50%;width:54px;height:54px;font-size:31px;margin-bottom:14px}.note-eyebrow{margin:8px 0 18px}.opened-note h2{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.02em;margin:0 0 15px}.note-quote{font-family:Georgia,serif;color:#395345;line-height:1.48;font-size:clamp(24px,3vw,34px);letter-spacing:-.022em;margin:20px 0 24px;padding:0;border:0;overflow-wrap:break-word}.note-date{color:#8b857c;font-size:12px}.note-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:25px}.btn{border:1px solid #3c5c4c;border-radius:30px;font-size:13px;padding:13px 15px;font-weight:700;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn-filled{background:#355b49;color:white}.btn-outline{color:#355b49;background:transparent}.fold-btn{border:0;background:transparent;color:#a36e5c;text-decoration:underline;text-underline-offset:5px;margin-top:23px;font-size:12px}.fold-btn:hover{color:#753f31}#opened[hidden],#wrapped[hidden]{display:none!important}
.second{padding-bottom:108px}.gift-feature{display:grid;grid-template-columns:minmax(250px,.7fr) 1.3fr;align-items:center;gap:55px;padding:60px 75px;background:#e6ebe1;border-radius:18px;border:1px solid #d6dfd3}.gift-feature-text h2,.how-it-works h2,.closing h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,4vw,50px);line-height:1.2;letter-spacing:-.03em;margin:0 0 17px}.gift-feature-text>p:not(.kicker):not(.gift-disclosure){color:#627268;font-size:16px;line-height:1.8;max-width:490px}.feature-link{display:inline-block;margin-top:12px;color:#355c49;text-decoration:none;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px}.gift-disclosure{font-size:12px;color:#7f8b80}.gift-illustration{height:213px;position:relative;display:flex;align-items:center;justify-content:center}.little-paper-card{position:absolute;width:176px;height:160px;box-shadow:0 13px 23px #4255441a;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;font-family:Georgia,serif;font-size:21px}.card-back{background:#fff9e6;color:#bc7466;transform:rotate(-15deg) translate(-18px,10px);font-size:15px}.card-front{background:#fff8f2;border:1px solid #decfbf;color:#5a7765;transform:rotate(9deg) translate(35px,-6px);font-style:italic}.card-front span{font-style:normal;font-size:40px;color:#d18b79}.card-front i{font-size:20px;line-height:1.4}
.how-it-works{padding:112px 0 20px}.how-it-works h2{max-width:550px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:48px}.steps>div{border-top:1px solid #d9cbb9;padding-top:18px}.step-num{color:#ba7461;font-family:Georgia,serif;font-size:23px}.steps h3{font-size:18px;margin:15px 0 9px}.steps p{color:#738076;font-size:14px;line-height:1.8;margin:0}
.closing{text-align:center;background:#ecd4bf;padding:70px 25px}.closing span{color:#ab6b59;font-size:42px}.closing h2{margin:10px 0 16px}.closing p{max-width:570px;margin:auto;color:#755f51;font-size:16px}.footer{padding-top:55px;padding-bottom:45px;text-align:center;font-size:13px;color:#7e8277}.footer>p:first-child{font-weight:800;color:#3c5848}.footer-mark{color:#be7660;font-size:24px;margin-right:8px}.footer p{margin:8px auto;max-width:720px}.footer .privacy{font-size:12px;line-height:1.8}.footer .copyright{margin-top:25px;font-size:11px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes unfold{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:950px){.hero{grid-template-columns:1fr;gap:40px;min-height:0;padding-top:40px}.hero-left{text-align:center}.hero-description{margin-inline:auto}.tiny-info,.hero-flourish{justify-content:center}.hero-flourish{margin-top:20px}.parcel-paper{min-height:470px}.gift-feature{padding:45px;gap:35px}}
@media(max-width:640px){.wrap{padding-inline:20px}.topbar{padding:17px 20px;align-items:flex-start}.logo{font-size:12px}.logo strong{font-size:13px}.logo-symbol{width:41px;height:41px}.topbar nav{gap:16px;font-size:11px;flex-direction:column;align-items:flex-end;padding-top:2px}.hero{padding-top:42px;padding-bottom:70px}.hero h1{font-size:clamp(42px,11vw,57px)}.hero h1 em{white-space:normal}.hero-description{font-size:16px}.hero-flourish{display:none}.parcel-paper{min-height:460px;padding:13px}.parcel-art{transform:scale(.9)}.parcel-button:hover .parcel-art{transform:scale(.9)}.note-quote{font-size:27px}.gift-feature{grid-template-columns:1fr;padding:30px;gap:0}.gift-illustration{height:170px}.how-it-works{padding-top:70px}.steps{grid-template-columns:1fr;gap:23px;margin-top:27px}.closing{padding:55px 18px}.closing p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.topbar,.hero-left,.second,.closing,.footer,.under-stage,.note-actions,.fold-btn{display:none!important}.hero{display:block;padding:0}.parcel-paper{border:0;box-shadow:none;min-height:0}.opened-note{display:block!important}.note-quote{font-size:32px}}