@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--pine:#123f35;--deep:#0b3028;--red:#bd3439;--gold:#e7c47c;--cream:#fbf7ee;--ink:#213d33;--muted:#6b756c;--line:#dedfd3;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.65 var(--sans)}button,input,textarea{font:inherit}button,a,input,summary,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c59536;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-left:52px;padding-right:52px}.announcement{text-align:center;background:var(--pine);color:#f8edda;font-size:11px;letter-spacing:1.4px;padding:9px 20px}.announcement span{color:var(--gold);padding:0 16px}.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.15;white-space:nowrap}.brand-icon{font-size:49px;color:var(--red);font-weight:400}.brand small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:2.3px;margin-top:8px;font-weight:500}.header nav{display:flex;gap:29px;font-size:12px;font-weight:500}.header nav a:hover,.inline-button:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--red);color:white;border:1px solid transparent;border-radius:7px;padding:17px 23px;font-size:13px;font-weight:600;box-shadow:0 5px 0 #982a2e12;transition:background .2s,transform .2s}.button:hover{background:#a82a30;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{font-size:12px;padding:11px 18px;gap:18px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding-top:27px;padding-bottom:90px;position:relative}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;line-height:1.7}.tiny-star{font-size:16px;color:var(--red);margin-right:6px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-2px;line-height:1.06}h1{font-size:clamp(55px,5.7vw,77px);margin:22px 0 23px;position:relative;max-width:520px}h1 em,h2 em{font-weight:500;color:var(--red)}.headline-star{font-size:67px;position:absolute;right:38px;top:85px;color:#ba923b;transform:rotate(15deg)}.hero-copy>p{font-size:13px;color:var(--muted);max-width:420px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:21px;margin-top:26px}.text-button{background:transparent;border:0;padding:0;color:var(--pine);display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600}.play{width:29px;height:29px;border:1px solid #adb4a9;display:grid;place-items:center;border-radius:50%;font-size:9px;padding-left:2px}.hero-note{font-size:10px;color:var(--muted);margin-top:23px;letter-spacing:.2px}.hero-note span{font-size:18px;color:#b18f49;margin-right:7px}.hero-art{position:relative;margin:0 0 0 6px;padding:15px 0 25px}.art-frame{height:530px;position:relative;border:7px solid white;outline:1px solid #e3dac6;border-radius:180px 180px 13px 13px;overflow:hidden;transform:rotate(2deg);box-shadow:0 22px 40px #263b2a20}.art-frame>img{height:100%;width:100%;object-fit:cover;object-position:53% 50%}.art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#092c25ed,transparent 50%)}.north-pole{position:absolute;top:29px;left:0;right:0;text-align:center;color:#fff8e2;font-size:8px;letter-spacing:2px}.art-play{position:absolute;left:calc(50% - 29px);top:50%;width:58px;height:58px;border:1px solid #ffffffa0;border-radius:50%;color:white;background:#ffffff23;backdrop-filter:blur(5px);font-size:17px;padding-left:8px;transition:background .2s}.art-play:hover{background:#bd3439d9}.art-caption{position:absolute;bottom:28px;left:15px;right:15px;text-align:center;color:#fff7e4}.art-caption>span{display:block;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}.art-caption strong{display:block;font-family:var(--serif);font-size:26px;font-weight:500;margin:9px 0}.art-caption i{font-style:normal}.art-caption small{font-size:10px;opacity:.8}.magic-seal{position:absolute;top:-5px;right:-20px;border-radius:50%;background:var(--gold);color:var(--deep);border:5px solid var(--cream);width:110px;height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:7px;letter-spacing:1px;font-weight:700;transform:rotate(13deg);box-shadow:0 0 0 1px #d4bd8f}.magic-seal span{font-size:35px;line-height:1.3}.little-letter{position:absolute;bottom:0;left:-24px;background:#fffdf7;box-shadow:0 8px 22px #25372920;transform:rotate(-5deg);padding:14px 19px;display:flex;align-items:center;gap:14px;border:1px solid #e9ddc6;border-radius:6px;min-width:260px}.little-letter>span:first-child{font-size:30px;color:#a4403c}.little-letter div{font-family:var(--serif);font-size:17px}.little-letter small{display:block;font:8px var(--sans);color:var(--muted);margin-top:5px}.letter-star{margin-left:auto;color:#b18d45;font-size:25px}.floating-star{position:absolute;color:#be9949;font-size:41px}.star-one{left:-28px;top:10px}.star-two{right:-27px;bottom:32px;font-size:31px}.ribbon{background:var(--pine);color:#f3e6c9;overflow:hidden;padding:23px 0;text-align:center}.ribbon div{font-size:9px;letter-spacing:2px;white-space:nowrap}.ribbon span{color:var(--gold);margin:0 38px}.steps-section{padding-top:83px;padding-bottom:86px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-top h2{font-size:40px;margin-top:15px;letter-spacing:-1.5px}.section-top>p{color:var(--muted);font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:45px}.steps article{position:relative;padding-top:22px;border-top:1px solid #d7dbce}.step-number{position:absolute;right:0;top:19px;font-size:11px;color:#9a9f91}.step-icon{font-family:Georgia,serif;color:var(--red);font-size:36px;display:block;height:60px}.steps h3{font:500 23px var(--serif);margin:14px 0 12px}.steps p{color:var(--muted);font-size:12px;max-width:275px}.magic-section{background:#eaf0e5;padding:76px 0}.magic-grid{display:grid;grid-template-columns:.95fr 1fr;gap:80px;align-items:center}.story-image{position:relative;transform:rotate(-2deg);border:7px solid #fffdf5;box-shadow:0 12px 30px #183d2520;border-radius:8px;overflow:hidden}.story-image img{width:100%;height:430px;object-fit:cover;object-position:56%;display:block}.story-label{background:#fffdf5;font:italic 18px var(--serif);padding:17px 15px;text-align:center}.story-label span{color:var(--red);margin-left:20px}.magic-copy h2{font-size:45px;margin:17px 0 24px}.magic-copy>p{font-size:13px;color:var(--muted)}.feature-list{padding:0;margin:27px 0;list-style:none}.feature-list li{display:flex;gap:15px;margin:18px 0}.feature-list li>span{color:#b28e43;font-size:20px}.feature-list strong{font-weight:600;font-size:13px}.feature-list p{font-size:11px;color:var(--muted);margin-top:3px}.magic-copy .ai-note{font-size:10px;max-width:380px;border-top:1px solid #cdd9c7;padding-top:17px}.order-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-top:100px;padding-bottom:100px;align-items:center}.order-copy h2{font-size:57px;margin:19px 0 25px}.order-copy>p{color:var(--muted);font-size:13px;max-width:360px}.letter-preview{position:relative;margin-top:35px;padding:34px 25px 24px;background:#f7eedc;border:1px solid #e5d8bb;transform:rotate(-3deg);box-shadow:0 7px 0 #f5f0e5;max-width:390px;border-radius:4px}.letter-heading{font:8px var(--sans);letter-spacing:2px;display:block;margin-bottom:29px;color:#85785f}.post-stamp{position:absolute;right:20px;top:17px;border:1px dashed #a85d51;padding:8px;text-align:center;font:7px/1.5 var(--sans);color:#a1493e;transform:rotate(12deg)}.letter-preview p{font:italic 17px/1.8 var(--serif);margin:14px 0;color:#685b45}.letter-preview .signature{display:block;font:italic 22px var(--serif);color:#af3838;margin-top:23px}.order-assurance{color:var(--muted);font-size:11px;margin-top:32px}.order-form{background:white;border:1px solid #e2e3d7;box-shadow:0 15px 50px #29482d09;border-radius:12px;padding:32px}.form-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#9b793d;font-weight:700}.form-heading span:last-child{font-size:23px;line-height:1}.order-form h3{font:500 28px/1.2 var(--serif);margin-top:15px;letter-spacing:-.8px}.form-intro{font-size:11px;color:var(--muted);margin:7px 0 25px}.order-form>label{display:block;font-size:11px;font-weight:600;margin:16px 0 7px}.order-form label>span:not(:last-child){color:var(--red)}.order-form label small{color:var(--muted);font-weight:400}.order-form input:not([type=checkbox]):not([type=file]),textarea{display:block;width:100%;padding:12px 13px;border:1px solid #dcdfd5;border-radius:5px;background:#fdfcf8;color:var(--ink);font-size:12px;resize:vertical}.upload-box{position:relative;min-height:160px;border:1px dashed #bccbb8;border-radius:6px;background:#f5f8f1;text-align:center;overflow:hidden;padding:15px}.upload-box:hover,.upload-box.dragging{background:#e9f0e2;border-color:var(--pine)}.upload-box input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.upload-box:focus-within{outline:3px solid #c59536;outline-offset:3px}#upload-placeholder{pointer-events:none}#upload-placeholder>*{display:block}#upload-placeholder strong{font-size:12px;font-weight:500}#upload-placeholder>span:not(.upload-symbol){font-size:11px;color:var(--muted);margin:3px}#upload-placeholder u{color:var(--pine);text-underline-offset:3px}#upload-placeholder small{font-size:9px;color:#8a9486;margin-top:7px}.upload-symbol{font-size:24px;color:var(--pine);line-height:1.5}#photo-preview{height:130px;max-width:100%;object-fit:contain;border-radius:5px;margin:auto}#photo-caption{font-size:10px;margin-top:8px;overflow-wrap:anywhere}.order-form .consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:var(--muted);font-weight:400;margin-top:18px}.consent input{accent-color:var(--pine);margin:3px 0 0;flex:none;width:14px;height:14px}.inline-button{padding:0;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:inherit;font-size:inherit}.submit{width:100%;margin-top:15px;justify-content:space-between}.form-foot{text-align:center;color:#87907f;font-size:9px;margin-top:11px}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#form-status:not(:empty){margin-top:18px;padding:15px;background:#edf4e7;border-radius:5px;font-size:12px}#form-status.error{background:#fff0ed;color:#9b3030}.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:65px;padding-top:65px;padding-bottom:85px;border-top:1px solid var(--line)}.faq-section h2{font-size:45px;margin:17px 0 22px}.faq-section>div>p{font-size:12px;color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:12px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font:21px var(--sans);color:#9e594b}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;color:var(--muted);padding:15px 25px 3px 0}.last-wish{background:var(--pine);padding:65px 20px 70px;text-align:center;color:var(--cream);position:relative;overflow:hidden;background-image:radial-gradient(circle at 15% 25%,#d9bd6b 1px,transparent 2px),radial-gradient(circle at 83% 67%,#d9bd6b 1px,transparent 2px),radial-gradient(circle at 75% 15%,#ffffff80 1px,transparent 2px),radial-gradient(circle at 25% 85%,#ffffff80 1px,transparent 2px);background-size:210px 180px,330px 260px,190px 230px,280px 170px}.last-wish>span{display:block;color:var(--gold);font:50px Georgia;line-height:1;margin-bottom:18px}.last-wish .eyebrow{color:#d8c9a5;font-size:8px}.last-wish h2{font-size:44px;margin:18px 0 30px}.last-wish h2 em{color:var(--gold)}footer{display:flex;align-items:center;gap:25px;justify-content:space-between;padding-top:35px;padding-bottom:35px}footer .brand{font-size:20px}footer .brand-icon{font-size:40px}footer .brand small{font-size:6px;letter-spacing:1.3px}footer>span,footer>small,footer>button{font-size:9px;color:var(--muted)}dialog{border:1px solid #d2ccb9;border-radius:14px;padding:0;width:600px;max-width:calc(100% - 30px);max-height:90dvh;background:var(--cream);color:var(--ink);box-shadow:0 30px 100px #0006}dialog::backdrop{background:#09281fe6;backdrop-filter:blur(5px)}.close-dialog{position:absolute;top:12px;right:12px;background:var(--cream);color:var(--pine);border:0;border-radius:50%;width:34px;height:34px;font-size:24px;z-index:2}.sample-dialog>img{width:100%;height:250px;object-fit:cover;object-position:center 36%;display:block}.dialog-body{padding:33px}.dialog-body h2{font-size:38px;margin:15px 0 20px}.dialog-body p{font-size:13px;margin:15px 0}.dialog-body .muted{font-size:10px;color:var(--muted)}[hidden]{display:none!important}
.sample-dialog{width:800px}.sample-dialog>video{display:block;width:100%;max-height:58dvh;aspect-ratio:16/9;background:#09281f;object-fit:contain}.sample-dialog .close-dialog{box-shadow:0 2px 12px #0004}
.hero-note{font-size:12px;font-weight:600;color:var(--pine)}.price-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;margin:20px 0;background:#f7eedc;border:1px solid #e5d8bb;border-radius:7px}.price-banner strong{display:block;font:600 30px/1.2 var(--serif);color:var(--red)}.price-banner div>span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.price-star{color:#b18d45;font-size:38px;line-height:1}
@media(min-width:1450px){.wrap{max-width:1370px}.hero{gap:65px}h1{font-size:82px}.art-frame{height:575px}.hero-copy>p{font-size:14px}}
@media(max-width:1100px){.wrap{padding-left:32px;padding-right:32px}.header nav{gap:18px}.hero{gap:25px}h1{font-size:61px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.art-frame{height:515px}.headline-star{right:12px;font-size:50px}.hero-art{margin:0}.magic-seal{width:90px;height:90px;right:-12px;font-size:6px}.magic-grid{gap:45px}.order-section{gap:45px}.order-copy h2{font-size:50px}.section-top h2{font-size:35px}.steps{gap:30px}.steps h3{font-size:21px}footer>span{display:none}}
@media(max-width:760px){.wrap{padding-left:23px;padding-right:23px}.announcement{font-size:8px;letter-spacing:.7px;padding:9px 10px}.announcement span{padding:0 5px}.header{height:88px}.header .brand{font-size:20px}.brand small{font-size:6px;letter-spacing:1.6px}.brand-icon{font-size:40px}.header nav{display:none}.button.small{font-size:10px;padding:10px 12px;gap:10px}.hero{grid-template-columns:1fr;padding-top:20px;gap:32px;padding-bottom:64px}.hero-copy{padding-top:0}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:66px;letter-spacing:-2px;margin-top:17px;line-height:1.02}h1 br:nth-child(3){display:none}.headline-star{right:16px;top:100px;font-size:54px}.hero-copy>p{font-size:13px;max-width:460px}.hero-actions{flex-direction:row;align-items:center;gap:18px}.hero-actions>.button{font-size:11px;padding:14px 14px;gap:15px}.text-button{font-size:10px;gap:6px}.play{width:25px;height:25px}.hero-note{margin-top:16px}.hero-art{max-width:510px;width:calc(100% - 18px);margin:auto;padding-bottom:20px}.art-frame{height:470px;border-radius:170px 170px 12px 12px}.magic-seal{right:-17px;top:3px;width:96px;height:96px}.little-letter{left:-10px;min-width:235px;padding:11px 15px}.star-one{left:-17px}.star-two{right:-17px}.ribbon{padding:18px 0}.ribbon div{font-size:8px;letter-spacing:1.4px;white-space:normal;line-height:2.5;padding:0 16px}.ribbon span{margin:0 10px}.steps-section{padding-top:55px;padding-bottom:55px}.section-top{display:block}.section-top h2{font-size:35px;line-height:1.15;max-width:360px}.section-top>p{margin-top:20px;font-size:12px}.section-top>p br{display:none}.steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.steps article{padding:18px 40px 0 70px;min-height:107px}.step-icon{position:absolute;left:4px;top:19px}.step-number{top:18px}.steps h3{margin:0 0 8px;font-size:22px}.steps p{max-width:none}.magic-section{padding:49px 0}.magic-grid{grid-template-columns:1fr;gap:40px}.story-image{margin:0 5px}.story-image img{height:330px}.magic-copy h2{font-size:41px}.order-section{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:35px}.order-copy h2{font-size:46px}.letter-preview{display:none}.order-assurance{margin-top:16px}.order-form{padding:24px 20px}.order-form h3{font-size:27px}.faq-section{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:55px}.faq-section h2{font-size:39px}.faq-section h2 br{display:none}.faq-section>div>p br{display:none}.faq-list details{padding:17px 0}.last-wish{padding:45px 23px 52px}.last-wish h2{font-size:36px;line-height:1.15}.last-wish h2 em{display:block}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:20px}footer .brand{width:100%}footer small{margin-left:auto}.dialog-body{padding:26px}.dialog-body h2{font-size:33px}}
@media(max-width:370px){h1{font-size:57px}.hero-actions{flex-direction:column;align-items:flex-start}.header .button span{display:none}.art-frame{height:410px}.headline-star{right:0}.art-caption strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}