.mail{gap:20px;display:grid}@media (min-width:1024px){.mail:not(.mail--no-letter){grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px}}.mail-cards{align-content:start;gap:16px;display:grid}@media (min-width:640px){.mail-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.mail:not(.mail--no-letter) .mail-cards{grid-template-columns:minmax(0,1fr)}}.mail-letter{border:1px solid var(--color-border-warm);background-color:var(--color-paper);box-shadow:4px 5px 0 var(--color-border-warm);background-image:linear-gradient(#0000 calc(33.3333% - 6px),#3a241809 calc(33.3333% - 1px),#3a241821 calc(33.3333% - 1px) 33.3333%,#fffffff2 33.3333% calc(33.3333% + 1px),#0000 calc(33.3333% + 4px)),linear-gradient(#0000 calc(66.6667% - 6px),#3a241809 calc(66.6667% - 1px),#3a241821 calc(66.6667% - 1px) 66.6667%,#fffffff2 66.6667% calc(66.6667% + 1px),#0000 calc(66.6667% + 4px)),linear-gradient(#0000 33.3333%,#3a241806 33.3333% 66.6667%,#0000 66.6667%);border-radius:2px;flex-direction:column;margin:0;padding:clamp(24px,3.4vw,44px) clamp(22px,3.6vw,52px);display:flex}.mail-letter-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(16px,2vw,26px);display:flex}.mail-date{font-family:var(--font-fraunces), Georgia, serif;color:var(--color-muted-warm);font-size:14px;font-style:italic}.mail-letter-body{max-width:62ch;font-family:var(--font-fraunces), Georgia, serif;color:var(--color-ink);text-wrap:pretty;margin:0;font-size:clamp(17px,1.45vw,19.5px);font-style:italic;line-height:1.62}.mail-signature{align-items:center;gap:12px;margin-top:auto;padding-top:clamp(20px,2.4vw,32px);display:flex}.mail-signature-name{font-family:var(--font-fraunces), Georgia, serif;color:var(--color-ink);font-size:18px;font-style:italic;font-weight:500;line-height:1.15;display:block}.mail-signature-source{color:var(--color-muted-warm);margin-top:2px;font-size:12.5px;display:block}.mail-card{border:1px solid var(--color-border-warm);background:var(--color-paper);min-height:150px;box-shadow:3px 4px 0 var(--color-border-warm);border-radius:3px;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:18px;margin:0;padding:18px 16px 16px 22px;display:grid;position:relative}.mail-card-message{font-family:var(--font-fraunces), Georgia, serif;color:var(--color-ink);text-wrap:pretty;grid-area:1/1;margin:0;padding-top:2px;font-size:clamp(17px,1.5vw,20px);font-style:italic;line-height:1.38}.mail-card-from{font-family:var(--font-fraunces), Georgia, serif;color:var(--color-body-warm);grid-area:2/1;align-self:end;margin-top:12px;font-size:15px;font-style:italic;font-weight:500}.mail-card-post{border-left:1px solid var(--color-border-warm);flex-direction:column;grid-area:1/2/span 2;align-items:flex-end;padding-left:16px;display:flex;position:relative}.mail-card-lines{background:repeating-linear-gradient(to bottom, transparent 0 13px, var(--color-border-warm) 13px 14px);align-self:stretch;height:43px;margin-top:auto}.mail-stamp-frame{filter:drop-shadow(0 1px 1px #1a141038);margin-bottom:10px}.mail-stamp{--perf-r:2.8px;--perf-step:8px;background:var(--cg-cream-2,#efe0c2);width:56px;height:64px;-webkit-mask:radial-gradient(circle var(--perf-r), #0000 96%, #000) calc(var(--perf-step) / -2) calc(var(--perf-step) / -2) / var(--perf-step) var(--perf-step), linear-gradient(#000 0 0) center / calc(100% - 2 * var(--perf-r)) calc(100% - 2 * var(--perf-r)) no-repeat;mask:radial-gradient(circle var(--perf-r), #0000 96%, #000) calc(var(--perf-step) / -2) calc(var(--perf-step) / -2) / var(--perf-step) var(--perf-step), linear-gradient(#000 0 0) center / calc(100% - 2 * var(--perf-r)) calc(100% - 2 * var(--perf-r)) no-repeat;align-content:start;justify-items:center;gap:4px;padding:6px 6px 0;display:grid}.mail-stamp-stars{color:var(--color-amber-deep);gap:1px;display:flex}.mail-postmark{width:112px;height:auto;color:var(--color-ink);opacity:.5;mix-blend-mode:multiply;pointer-events:none;font-family:var(--font-instrument-sans), system-ui, sans-serif;position:absolute;top:6px;right:36px;transform:rotate(-9deg)}@media (max-width:639px){.mail-postmark-waves{display:none}}