.sales-letter{padding:120px 0;background:var(--ink);color:var(--white)}
.sales-letter-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:80px;align-items:center}
.letter-card{min-height:480px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:18px;border:1px solid rgba(215,165,72,.35);background:linear-gradient(145deg,#3d3831,#1c1917);box-shadow:0 22px 65px rgba(0,0,0,.25)}
.letter-card:before,.letter-card:after{content:"";position:absolute;border:1px solid rgba(215,165,72,.28);border-radius:50%;width:420px;height:420px;transform:rotate(-18deg)}
.letter-card:after{width:300px;height:500px;transform:rotate(32deg);border-color:rgba(141,155,137,.35)}
.letter-book{position:relative;z-index:1;width:min(310px,60%);border-radius:4px;transform:rotate(5deg);box-shadow:0 24px 50px rgba(0,0,0,.35)}
.letter-card-caption{position:absolute;z-index:2;bottom:22px;left:24px;display:flex;align-items:center;gap:10px;font-size:10px;color:rgba(255,255,255,.78);letter-spacing:.04em}
.letter-card-caption strong{color:var(--white);font-size:11px}.letter-seal{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold-soft);color:var(--ink);font-family:var(--serif);font-weight:700;font-size:16px}
.letter-copy{max-width:480px}.letter-copy h2{font-family:var(--serif);font-size:clamp(52px,5.2vw,76px);font-weight:600;letter-spacing:-.045em;line-height:.96;margin:0}.letter-copy>p:not(.eyebrow){color:rgba(255,255,255,.72);font-size:16px;margin:28px 0}
@media(max-width:900px){.sales-letter-grid{grid-template-columns:1fr;gap:56px}.letter-copy{max-width:680px}}
@media(max-width:680px){.sales-letter{padding:78px 0}.letter-card{min-height:390px}.letter-book{width:65%}.letter-card:before{width:340px;height:340px}.letter-card:after{width:250px;height:400px}.letter-copy h2{font-size:54px}.letter-copy>p:not(.eyebrow){font-size:15px}}