:root{--ink:#24211d;--soft:#686056;--paper:#eee5d6;--light:#fff8e9;--blue:#5b2634;--accent:#b6553f;--yellow:#efb94d;--rule:#cbbc9f;--display:Iowan Old Style, Palatino, Georgia, serif;--body:Avenir Next, Avenir, system-ui, sans-serif;color:var(--ink);background:var(--ink);font-family:var(--body);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);background-image:linear-gradient(#5d503108 1px,#0000 1px),linear-gradient(90deg,#5d503106 1px,#0000 1px);background-size:36px 36px;min-width:320px;margin:0}a{color:inherit}.skip{z-index:100;background:var(--ink);color:#fff;padding:.7rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip:focus{transform:none}.nav{z-index:50;backdrop-filter:blur(14px);background:#eee5d6ea;border-bottom:1px solid #24211d38;justify-content:space-between;align-items:center;height:76px;padding:0 max(1rem,50vw - 39rem);display:flex;position:sticky;top:0}.brand{font-family:var(--display);align-items:center;gap:.7rem;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.brand span{background:var(--blue);color:#fff;width:34px;height:34px;font-family:var(--body);border-radius:50%;place-items:center;display:grid}nav{align-items:center;gap:1.4rem;display:flex}nav>a:not(.button){font-size:.8rem;font-weight:800;text-decoration:none}.button{border:2px solid var(--ink);background:var(--accent);min-height:54px;box-shadow:5px 5px 0 var(--ink);color:#fff;border-radius:3px;justify-content:center;align-items:center;gap:.7rem;padding:0 1.2rem;font-weight:900;text-decoration:none;transition:all .16s;display:inline-flex}.button:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.button.small{min-height:42px;font-size:.78rem}.button.light{background:var(--light);color:var(--ink);box-shadow:5px 5px #912e20}.hero{border-bottom:2px solid var(--ink);align-items:center;gap:4rem;min-height:calc(100svh - 76px);padding:5rem max(1rem,50vw - 39rem);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:900}.hero h1,.section h2,.blue h2,.details h2,.final h2,.legal h1{font-family:var(--display);letter-spacing:-.065em;margin:1.2rem 0 0;font-size:clamp(3.8rem,8vw,8rem);line-height:.86}.hero h1 em{color:var(--blue);font-weight:400}.dek{max-width:36rem;color:var(--soft);margin:1.6rem 0 0;font-size:1.15rem;line-height:1.65}.actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:2rem;display:flex}.actions>span{font:800 .76rem monospace}.letter-art,.letter-back{aspect-ratio:1.47;border:10px solid var(--light);width:min(90vw,32rem);position:absolute;overflow:hidden;box-shadow:0 28px 60px #2f251c35}.letter-art{background:linear-gradient(#71b5cf 0 48%,#f3ba56 48% 61%,#194d6b 61%);top:1rem;left:0;transform:rotate(-7deg)}.letter-art .sun{background:#f7db7a;border-radius:50%;width:6rem;height:6rem;position:absolute;top:3rem;right:4rem}.letter-art .horizon{background:#2b6c77;border-radius:50% 50% 0 0;width:24rem;height:10rem;position:absolute;bottom:1rem;right:-3rem;transform:rotate(-5deg)}.letter-art strong{z-index:1;color:var(--light);font:italic 800 3.8rem/.75 var(--display);text-shadow:2px 2px 0 var(--blue);position:absolute;bottom:1.2rem;left:1.4rem}.letter-back{background:var(--light);bottom:0;right:0;transform:rotate(5deg)}.letter-back i{border-left:1px solid var(--rule);position:absolute;top:2rem;bottom:2rem;left:50%}.letter-back .stamp{border:3px dotted var(--accent);color:var(--accent);padding:1rem .7rem;font:900 .7rem monospace;position:absolute;top:1.4rem;right:1.4rem}.letter-back p{font:italic 1.35rem/1.5 var(--display);position:absolute;top:3rem;left:2rem}.address-lines{background:repeating-linear-gradient(0deg, var(--rule) 0 1px, transparent 1px 1.65rem);width:39%;height:5rem;position:absolute;bottom:3rem;right:2rem}.ticker{background:var(--blue);color:#fff;letter-spacing:.12em;text-transform:uppercase;justify-content:space-around;gap:2rem;padding:1rem;font-size:.69rem;font-weight:900;display:flex;overflow:hidden}.section{border-bottom:1px solid var(--ink);padding:clamp(5rem,10vw,9rem) max(1rem,50vw - 39rem)}.section-head{gap:.2rem;display:grid}.section h2,.blue h2,.details h2,.final h2{font-size:clamp(3rem,6.5vw,6rem)}.steps{border-top:2px solid var(--ink);margin-top:4rem}.steps article{border-bottom:1px solid var(--rule);grid-template-columns:4rem 1fr 1.2fr;gap:1.5rem;padding:1.8rem 0;display:grid}.steps article>span{color:var(--accent);font:900 1rem monospace}.steps h3{font:800 1.4rem var(--display);margin:0}.steps p{max-width:34rem;color:var(--soft);margin:0;line-height:1.6}.blue{background:var(--blue);color:#fff;gap:4rem;padding:clamp(5rem,10vw,9rem) max(1rem,50vw - 39rem);display:grid;overflow:hidden}.blue .eyebrow{color:#ff9f87}.blue p:not(.eyebrow){color:#ffffffb8;max-width:34rem;line-height:1.7}.blue h2 em{color:var(--yellow);font-weight:400}.blue blockquote{font:italic 2.2rem/1.2 var(--display);border-block:1px solid #fff5;margin:0;padding:2rem 0}.details{border-bottom:1px solid var(--ink);gap:5rem;padding:clamp(5rem,10vw,9rem) max(1rem,50vw - 39rem);display:grid}.postmark{border:7px double var(--accent);width:20rem;height:20rem;color:var(--accent);text-align:center;border-radius:50%;place-content:center;display:grid;transform:rotate(-8deg)}.postmark span{letter-spacing:.2em;font:900 .8rem monospace}.postmark strong{font:800 3.2rem/.85 var(--display)}.postmark small{margin-top:1rem;font-size:.7rem;line-height:1.5}.details ul{margin:2rem 0 0;padding:0;list-style:none}.details li{border-bottom:1px solid var(--rule);padding:1rem 0;font-weight:750}.details li:before{color:var(--accent);content:"✓";margin-right:.8rem}.faq{gap:4rem;display:grid}.faq details{border-top:1px solid var(--ink)}.faq details:last-child{border-bottom:1px solid var(--ink)}.faq summary{cursor:pointer;font:800 1.2rem var(--display);justify-content:space-between;gap:1rem;padding:1.3rem 0;list-style:none;display:flex}.faq summary span{color:var(--accent)}.faq details p{max-width:38rem;color:var(--soft);margin:0 0 1.4rem;line-height:1.65}.final{background:var(--accent);color:#fff;text-align:center;padding:clamp(6rem,12vw,11rem) max(1rem,50vw - 39rem)}.final .eyebrow{color:#fff}.final .button{margin-top:2rem}footer{background:var(--ink);color:#fff;gap:2rem;padding:4rem max(1rem,50vw - 39rem) 2rem;display:grid}footer>div:first-child p{color:#fff9}footer>div:nth-child(2){flex-wrap:wrap;gap:1.5rem;display:flex}footer>div:nth-child(2) a{color:#ffffffb3;font-size:.8rem}footer small{color:#fff7;border-top:1px solid #ffffff2b;padding-top:1.5rem}.brand.inverted span{background:var(--accent)}.legal{max-width:52rem;min-height:70vh;padding:7rem max(1rem,50vw - 26rem)}.legal h1{font-size:clamp(3.2rem,7vw,6rem)}.legal h2{font:800 1.8rem var(--display);margin-top:2.5rem}.legal p{color:var(--soft);font-size:1.05rem;line-height:1.75}.enter{animation:.8s both enter}.delay{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}[data-reveal]{transition:all .7s}[data-reveal][data-seen]{transform:none}@keyframes enter{0%{opacity:0;transform:translateY(20px)}}@media (width>=900px){.hero{grid-template-columns:1fr 1fr}.blue,.details,.faq{grid-template-columns:1fr 1fr;align-items:center}.footer{grid-template-columns:1fr 1fr}.letter-stage{height:39rem}}@media (width<=680px){nav>a:not(.button){display:none}.hero{padding-top:3rem}.letter-stage{height:25rem}.letter-art,.letter-back{width:84vw}.letter-art strong{font-size:2.8rem}.steps article{grid-template-columns:3rem 1fr}.steps article p{grid-column:2}.ticker{justify-content:flex-start}.ticker span:nth-child(n+3){display:none}.postmark{width:16rem;height:16rem;margin:auto}.postmark strong{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.letter-stage{perspective:1200px;height:35rem;position:relative}.desk-shadow{filter:blur(35px);background:#28191a30;border-radius:50%;position:absolute;inset:15% 2% 10%}.envelope{aspect-ratio:1.9;background:#f9f0df;border:1px solid #9e8c74;width:min(88vw,31rem);padding:2rem;position:absolute;bottom:3rem;right:0;transform:rotate(5deg);box-shadow:0 25px 55px #33231d35}.envelope:after{content:"";clip-path:polygon(0 0,50% 58%,100% 0);background:#eadcc6;border-bottom:1px solid #9e8c74;position:absolute;inset:0}.envelope .return{z-index:1;font:700 .5rem/1.4 monospace;position:absolute;top:1rem;left:1rem}.envelope .window{z-index:1;background:#fff;border:1px solid #b9aa94;padding:.7rem 1.3rem;font:700 .6rem/1.55 monospace;position:absolute;bottom:2rem;right:2rem}.letter-sheet{z-index:2;aspect-ratio:.773;background:#fffdf7;border:1px solid #b8aa96;width:min(78vw,23rem);padding:3rem 2.5rem;position:absolute;top:1rem;left:5%;transform:rotate(-6deg);box-shadow:0 22px 45px #33231d2e}.letter-sheet p{font:italic 1.1rem var(--display);margin:0 0 2rem}.letter-sheet>span{background:#cfc3b2;height:1px;margin:1.4rem 0;display:block}.letter-sheet strong{color:var(--blue);font:italic 800 2rem/1 var(--display);text-align:right;position:absolute;bottom:2rem;right:2rem}.pen{z-index:3;background:linear-gradient(90deg,#40151e,#87394a,#2b1016);border-radius:8px;width:11px;height:25rem;position:absolute;top:2rem;right:3rem;transform:rotate(36deg);box-shadow:4px 7px 8px #0003}.pen:after{border-top:2rem solid #c09c72;content:"";border-inline:5px solid #0000;position:absolute;bottom:-2rem;left:0}.oxblood{background:var(--blue)}.document-stack{width:20rem;height:25rem;margin:auto;position:relative}.document-stack>div{color:#c6b8a5;font:700 3rem var(--display);background:#fffdf7;border:1px solid #a99b87;place-items:end center;padding:2rem;display:grid;position:absolute;inset:0;box-shadow:0 12px 30px #33231d23}.document-stack>div:first-child{transform:rotate(-8deg)translate(-1rem,1rem)}.document-stack>div:nth-child(2){transform:rotate(5deg)translate(1rem,.5rem)}.document-stack>div:nth-child(3){transform:rotate(-1deg)}.document-stack>span{z-index:4;background:var(--accent);color:#fff;letter-spacing:.1em;padding:.6rem .8rem;font:800 .65rem monospace;position:absolute;bottom:2rem;right:-1.5rem;transform:rotate(-4deg)}.section-copy{max-width:38rem;color:var(--soft);line-height:1.7}@media (width<=680px){.letter-stage{height:29rem}.letter-sheet{left:0}.envelope{bottom:1rem}.pen{height:20rem;right:1rem}}