@font-face{font-family:'DM Sans';src:url('/fonts/dm-sans.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Dump Display';src:url('/fonts/barlow-condensed-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
body,#dm{font-family:'DM Sans',system-ui,sans-serif;font-synthesis:none}
button,input,textarea,select{font-family:inherit}
.brand{font-family:'DM Sans',system-ui,sans-serif;font-weight:800;font-size:27px;letter-spacing:-1px;line-height:1.2}
.hero h1,.pagehead h1,.detail h1,.sectiontop h2,.darkpanel h2,.giftpanel h2,.product h3,.step h3,.cartrow h3,#dm h1,#dm h2,#dm h3,#dm h4,#dm .dis{font-family:'Dump Display',sans-serif;font-weight:700;font-stretch:normal;letter-spacing:.005em;line-height:1.06}
.pagehead h1{font-size:clamp(44px,6vw,76px)}
.pagehead p{font-size:18px;line-height:1.6}
.product p{font-size:15px;line-height:1.6}
#dm h1{line-height:.98}
@media(max-width:600px){.pagehead h1{font-size:clamp(38px,10vw,58px)}.brand{font-size:25px}}

@font-face{font-family:Staatliches;src:url('/fonts/staatliches.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.hero h1,.pagehead h1,.detail h1,.sectiontop h2,.darkpanel h2,.giftpanel h2,.product h3,.step h3,.cartrow h3,.brand,.artlabel b,.kap h2,h1.logo{font-family:Staatliches,'Dump Display','Barlow Condensed',Impact,sans-serif;font-weight:400;font-stretch:normal;letter-spacing:.01em;line-height:1.02}
.brand{letter-spacing:0;font-size:29px}
.hero h1,.pagehead h1{letter-spacing:.005em}
.letter-card{position:relative;margin:18px 0;padding:28px 24px;background:#f4f1e8;color:#1a1a1a;border:1px solid #d5d0c2;border-radius:2px;box-shadow:0 12px 30px #0004;transform:rotate(-.25deg)}
.letter-card h3{font-family:Staatliches,sans-serif;font-size:clamp(24px,4vw,34px);line-height:1.02;margin:16px 0 12px;text-transform:uppercase;letter-spacing:.01em}
.letter-meta{padding-bottom:9px;border-bottom:1px solid #d5d0c2;color:#777166;font:10px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.letter-body{max-width:58ch;white-space:pre-wrap;font-size:15.5px;line-height:1.65}
.letter-ps{color:#6b675c;font-size:14px;font-style:italic}
.letter-stamp{position:absolute;right:16px;top:12px;border:2px solid #ff5a1f;color:#ff5a1f;padding:2px 8px;font-family:Staatliches,sans-serif;text-transform:uppercase;transform:rotate(6deg)}
#letter-preview .letter-card{margin-bottom:24px}
