:root{--paper:#f6f3ea;--cream:#fffdf7;--ink:#20283b;--muted:#667085;--blue:#3159a9;--orange:#c85a2b;--serif:"DM Serif Display",Georgia,serif;--display:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}button,input{font:inherit}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.sample-nav{height:62px;padding:0 max(32px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20283b17}.back{font-size:11px;color:#5e687b;text-decoration:underline;text-underline-offset:4px}.demo-mark,.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--orange)}.demo-mark i{font-style:normal;padding-left:5px}.opening{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:70px;padding-block:77px 85px}.eyebrow{margin:0 0 17px}.opening h1,.section-heading h2{font:400 clamp(48px,6.4vw,75px)/.98 var(--serif);letter-spacing:-.04em;margin:0}.opening h1 em,.section-heading h2 em{font:italic 400 1em var(--display);color:var(--blue)}.intro{font-size:14px;line-height:1.75;color:#687287;max-width:450px;margin:21px 0 24px}.name-form label{font-size:10px;font-weight:600;display:block;margin-bottom:7px}.name-row{display:flex;max-width:480px;gap:8px}.name-row input{min-width:0;flex:1;border:1px solid #bfc6d1;background:var(--cream);padding:12px 13px;color:var(--ink);font-size:12px;outline:none}.name-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3159a91a}.name-row button{border:0;background:var(--blue);color:#fff;padding:0 15px;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.name-row button span{color:#ffc39b;margin-left:9px}.sample-disclaimer{font-size:9px;color:#848a96;margin:10px 0 0}.postcard{height:270px;background:#e5e9f0;border:1px solid #c7cfdd;padding:24px;position:relative;transform:rotate(2deg);box-shadow:8px 9px 0 #20283b0c}.postcard:before{content:"";position:absolute;inset:9px;border:1px solid #cbd2de}.postcard-stamp{position:absolute;right:25px;top:24px;width:46px;height:46px;border:1px solid #c88563;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--orange);font-size:7px;font-weight:700;line-height:1.4;letter-spacing:.1em}.postcard-scribble{font:italic 18px var(--display);color:var(--blue);position:absolute;left:45px;top:55px;transform:rotate(-5deg)}.postcard-line{height:1px;background:#c6ccd6;position:absolute;left:25px;right:25px;top:125px}.postcard p{position:absolute;left:45px;top:118px;font:400 28px/1.1 var(--serif)}.postcard-sign{position:absolute;right:37px;bottom:22px;font:italic 30px var(--display);color:var(--blue)}.letter-section{padding-bottom:103px}.letter-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.letter-label{font-size:8px;letter-spacing:.14em;font-weight:700;color:#758093}.letter-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#67a17b;margin-right:6px}.save-button{border:1px solid #b8c4d8;background:var(--cream);padding:8px 11px;color:var(--blue);font-size:9px;cursor:pointer}.save-button:hover{background:#eef2f9}.letter{background:var(--cream);border:1px solid #d4d9e1;box-shadow:8px 9px 0 #20283b0b;padding:39px 48px 31px;position:relative}.letter:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 47px,#e9ebef 48px,#e9ebef 49px);opacity:.46}.letter>*{position:relative}.letter-kicker{color:var(--orange);font-size:10px;font-weight:700;margin:0 0 21px}.letter h2{font:400 clamp(42px,5vw,59px)/1.05 var(--serif);letter-spacing:-.035em;margin:0 0 21px}.letter-opening{font:400 clamp(17px,2.1vw,23px)/1.42 var(--serif);margin:0 0 19px;max-width:850px}.personal-note,.reflection,.closing{font-size:13px;line-height:1.75;color:#46536a;max-width:910px;margin:0 0 14px}.signature{display:flex;align-items:baseline;gap:14px;margin-top:21px}.signature strong{font:italic 32px var(--display);color:var(--blue)}.signature span{font-size:8px;letter-spacing:.13em;color:#687287}.letter-caption{text-align:right;color:#7a8291;font:italic 15px var(--display);margin:12px 2px 0}.envelopes-section{background:#eae8ef;padding:85px 0 69px}.section-heading{display:grid;grid-template-columns:1fr .56fr;gap:40px;align-items:end;margin-bottom:32px}.section-heading h2{font-size:clamp(40px,5vw,56px)}.section-heading>p{font-size:11px;line-height:1.8;color:#6c7588;margin:0 0 3px}.envelope-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.envelope{position:relative;min-height:205px;text-align:left;padding:22px 25px;border:1px solid;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.envelope:before,.envelope:after{content:"";position:absolute;inset:0;pointer-events:none}.envelope:before{background:linear-gradient(28deg,transparent 49.8%,#29375211 50%,transparent 50.3%),linear-gradient(-28deg,transparent 49.8%,#29375211 50%,transparent 50.3%)}.envelope:after{inset:0;background:linear-gradient(155deg,#ffffff27 0 49.6%,transparent 50%)}.envelope:hover,.envelope.active{transform:translateY(-3px) rotate(-.4deg);box-shadow:5px 7px 0 #20283b12}.envelope>*{position:relative;z-index:1}.envelope-no{font:italic 12px var(--display);color:#788297}.envelope-title{font:400 29px/1.05 var(--serif);letter-spacing:-.02em}.seal{position:absolute!important;left:calc(50% - 18px);top:calc(50% - 18px);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff9;color:#fff;font:italic 19px var(--display);box-shadow:0 2px 4px #20283b1b}.envelope-action{font-size:7px;font-weight:700;letter-spacing:.14em;color:#46536a}.envelope-sun{background:#f3e7b9;border-color:#b4a66f}.envelope-sun .seal{background:#ba9d4a}.envelope-sage{background:#dce9df;border-color:#8ea695}.envelope-sage .seal{background:#6e9b7c}.envelope-blue{background:#dfe7f4;border-color:#91a6c8}.envelope-blue .seal{background:#7895c5}.envelope-lilac{background:#e4dcef;border-color:#a697bd}.envelope-lilac .seal{background:#9580ae}.reply-card{margin-top:15px;background:var(--cream);border:1px solid #d7d7dc;border-left:3px solid var(--orange);padding:19px 22px;min-height:145px}.reply-card-top{display:flex;justify-content:space-between;gap:15px}.reply-label{font-size:8px;letter-spacing:.14em;font-weight:700;color:var(--orange)}.sample-only{font-size:7px;letter-spacing:.1em;color:#8790a0}.reply-card h3{font:400 22px var(--serif);margin:8px 0 2px}.reply-card>p{font-size:10px;color:#6d778a;margin:0}.reply-card form{margin-top:13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.reply-card label{display:block;font-size:8px;font-weight:600;margin-bottom:5px}.reply-card input,.reply-card select,.reply-card textarea{width:100%;border:1px solid #cbd1db;background:#fff;color:var(--ink);padding:9px 10px;font:10px var(--sans);outline:none}.reply-card input:focus,.reply-card select:focus,.reply-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #3159a920}.reply-card button{border:0;background:var(--blue);color:#fff;padding:10px 13px;font-size:9px;font-weight:700;cursor:pointer}.reply-card .feedback{grid-column:1/-1;color:#4f7858;font-size:9px;margin:0}.reply-card .clear-button{grid-column:1/-1;justify-self:start;background:none;color:var(--blue);padding:2px 0;text-decoration:underline}.more-ideas{text-align:center;font-size:9px;color:#707a8c;margin:15px 0 0}.closing-section{padding-block:81px 78px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.closing-note{position:relative}.closing-note .eyebrow{margin-bottom:12px}.closing-note h2{font:400 clamp(38px,5vw,59px)/1 var(--serif);letter-spacing:-.03em;margin:0;color:var(--blue)}.closing-by{font-size:9px;letter-spacing:.06em;color:#737d90;margin:18px 0 0}.closing-by span{color:var(--orange);padding:0 4px}.closing-star{position:absolute;top:-13px;left:340px;color:#d8875f;font-size:20px}.product-link{display:flex;flex-direction:column;gap:6px;color:#6c7587;font-size:9px;padding-bottom:3px}.product-link b{color:var(--blue);font-size:10px}.sample-footer{border-top:1px solid #20283b19;padding:17px max(32px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;color:#7e8796;font-size:8px;letter-spacing:.05em}.sample-footer a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.sample-footer i{color:var(--orange);font-style:normal;margin-left:4px}.mini .sample-nav,.mini .opening,.mini .closing-section,.mini .sample-footer{display:none}.mini .letter-section{width:calc(100% - 32px);padding:10px 0 18px}.mini .letter-tools{margin-bottom:6px}.mini .save-button{display:none}.mini .letter{padding:22px 22px 18px}.mini .letter-kicker{font-size:8px;margin-bottom:9px}.mini .letter h2{font-size:35px;margin-bottom:9px}.mini .letter-opening{font-size:15px;margin-bottom:9px}.mini .personal-note,.mini .reflection,.mini .closing{font-size:9px;line-height:1.55;margin-bottom:7px}.mini .signature{margin-top:10px;gap:8px}.mini .signature strong{font-size:24px}.mini .signature span{font-size:6px}.mini .letter-caption{font-size:10px;margin-top:5px}.mini .envelopes-section{padding:15px 0}.mini .envelopes-section>.wrap{width:calc(100% - 32px)}.mini .section-heading{display:block;margin-bottom:10px}.mini .section-heading .eyebrow{display:none}.mini .section-heading h2{font-size:26px}.mini .section-heading h2 br{display:none}.mini .section-heading>p{display:none}.mini .envelope-grid{gap:6px}.mini .envelope{min-height:95px;padding:9px}.mini .envelope-title{font-size:14px}.mini .envelope-no{font-size:9px}.mini .seal{display:none}.mini .envelope-action{font-size:5px}.mini .reply-card,.mini .more-ideas{display:none}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.sample-nav{height:56px;padding:0 18px}.demo-mark{font-size:7px}.opening{grid-template-columns:1fr;gap:30px;padding-block:50px 58px}.opening h1{font-size:57px}.postcard{width:min(100%,370px);height:220px;justify-self:center}.postcard p{font-size:25px}.letter-section{padding-bottom:69px}.letter{padding:27px 22px 23px}.letter h2{font-size:45px}.letter-opening{font-size:18px}.personal-note,.reflection,.closing{font-size:12px}.signature{align-items:flex-start;flex-direction:column;gap:1px}.signature span{font-size:7px}.letter-caption{text-align:left;font-size:13px}.envelopes-section{padding:62px 0 54px}.section-heading{grid-template-columns:1fr;gap:12px;margin-bottom:21px}.section-heading h2{font-size:43px}.section-heading>p{max-width:390px}.envelope-grid{gap:8px}.envelope{min-height:148px;padding:14px}.envelope-title{font-size:21px}.envelope-action{font-size:5px}.seal{display:none}.reply-card{padding:15px}.reply-card form{grid-template-columns:1fr}.reply-card button{min-height:38px}.closing-section{grid-template-columns:1fr;gap:25px;padding-block:59px}.closing-note h2{font-size:44px}.closing-star{left:min(310px,75vw)}.sample-footer{padding:16px 18px;gap:15px;flex-wrap:wrap}.mini .letter-section{width:calc(100% - 16px);padding:7px 0 10px}.mini .letter{padding:13px 12px 11px}.mini .letter h2{font-size:25px}.mini .letter-opening{font-size:11px}.mini .personal-note,.mini .reflection,.mini .closing{font-size:7px}.mini .signature strong{font-size:18px}.mini .signature span{font-size:4px}.mini .section-heading h2{font-size:20px}.mini .envelopes-section{padding:9px 0}.mini .envelopes-section>.wrap{width:calc(100% - 16px)}.mini .envelope{min-height:65px;padding:5px}.mini .envelope-title{font-size:10px}.mini .envelope-no{font-size:7px}.mini .envelope-action{font-size:4px}}