:root{--coral:#fb9280;--cream:#fff3db;--ink:#3b2320;--ink-soft:#6b4a44;--paper:#fffbf1}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:19px;line-height:1.55}h1,h2,.logo{font-family:Fraunces,Georgia,serif;font-weight:800;line-height:1.05}.hand{font-family:Caveat,cursive;font-weight:600}a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}header{padding:22px 0}header .wrap{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.5px;font-size:26px;text-decoration:none}.logo span{color:var(--coral)}.top-link{border-bottom:3px solid var(--coral);padding-bottom:2px;font-size:16px;font-weight:800;text-decoration:none}.hero{padding:40px 0 80px}.hero .wrap{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}h1{letter-spacing:-1.5px;font-size:clamp(38px,5.4vw,64px)}h1 em{background:var(--coral);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:0 .15em;font-style:normal}.lead{max-width:30ch;color:var(--ink-soft);margin:26px 0 32px;font-size:22px}.btn{background:var(--ink);color:var(--cream);cursor:pointer;box-shadow:5px 5px 0 var(--coral);border:none;border-radius:999px;padding:16px 28px;font:800 18px Nunito,sans-serif;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.btn:hover{box-shadow:3px 3px 0 var(--coral);transform:translate(2px,2px)}.note{color:var(--ink);width:fit-content;margin-top:18px;font-size:30px;display:block;transform:rotate(-2deg)}.letter{background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--coral);border-radius:18px;padding:26px 26px 30px;position:relative;transform:rotate(2.2deg)}.letter .from{text-transform:uppercase;letter-spacing:1.5px;color:var(--ink-soft);font-size:14px;font-weight:800}.letter .subject{margin:6px 0 20px;font-family:Fraunces,serif;font-size:26px;font-weight:800}.row{border-top:2px dashed var(--coral);justify-content:space-between;align-items:baseline;padding:14px 0;display:flex}.row small{color:var(--ink-soft);font-size:16px;font-weight:600}.row b{font-family:Fraunces,serif;font-size:44px;font-weight:800}.row b.pop{color:#e5604a}.stamp{background:var(--coral);border:3px solid var(--ink);text-align:center;border-radius:50%;place-items:center;width:84px;height:84px;font-size:23px;line-height:.9;display:grid;position:absolute;top:-22px;right:-14px;transform:rotate(12deg)}.explain{background:var(--coral);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:84px 0}.explain h2{max-width:16ch;margin-bottom:44px;font-size:clamp(34px,4.6vw,54px)}.step{border-top:2px solid var(--ink);grid-template-columns:90px 1fr;align-items:start;gap:22px;padding:26px 0;display:grid}.step:last-child{border-bottom:2px solid var(--ink)}.num{color:var(--cream);-webkit-text-stroke:2px var(--ink);font-family:Fraunces,serif;font-size:76px;font-weight:800;line-height:.9}.step h3{margin-bottom:4px;font-family:Fraunces,serif;font-size:30px}.step p{max-width:48ch;font-size:20px}.join{padding:90px 0}.join .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.join h2{font-size:clamp(34px,4.6vw,54px)}.join p{color:var(--ink-soft);max-width:30ch;margin-top:16px}form{background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--coral);border-radius:18px;padding:28px}label{margin-bottom:6px;font-size:17px;font-weight:800;display:block}input{width:100%;color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:10px;margin-bottom:6px;padding:13px 14px;font:600 18px Nunito,sans-serif}input:focus{outline:4px solid var(--coral);outline-offset:1px}.hint{color:var(--ink-soft);margin-bottom:18px;font-size:15px}form .btn{text-align:center;width:100%}.thanks{text-align:center;padding:24px 0;display:none}.thanks .hand{font-size:42px}footer{text-align:center;color:var(--ink-soft);padding:30px 0 50px;font-size:16px}@media (width<=820px){.hero .wrap,.join .wrap{grid-template-columns:1fr;gap:48px}.letter{margin-right:8px;transform:rotate(1deg)}.step{grid-template-columns:60px 1fr}.num{font-size:54px}body{font-size:18px}}.autocomplete-wrapper{position:relative}.suggestions{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--coral);z-index:10;border-radius:10px;max-height:250px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestion-item{cursor:pointer;border:none;border-bottom:1px solid var(--ink);text-align:left;width:100%;color:inherit;background:0 0;align-items:center;gap:12px;padding:10px 14px;font-family:inherit;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--cream)}.suggestion-icon{border-radius:6px;width:32px;height:32px}.suggestion-text strong{font-size:16px;line-height:1.2;display:block}.suggestion-text small{color:var(--ink-soft);word-break:break-all;font-family:monospace;font-size:13px}