/* ── ABOUT v5: a short letter. Plain type on paper, three highlighter marks, a marker signature. No cards. ── */
.about { justify-content: center; }
.letter { width: 100%; max-width: 1080px; margin: 0 auto; }
.lt-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: clamp(1rem, 3.5vh, 2.4rem); }
.lt-top .sec-head { margin: 0; }
.lt-where { font-family: var(--mono); font-size: .78rem; letter-spacing: .08em; color: var(--muted); }
.lt-p { font-family: var(--disp); font-weight: 600; font-size: clamp(1.45rem, min(2.9vw, 4.9vh), 2.7rem); line-height: 1.24; letter-spacing: -.022em;
  color: var(--ink); max-width: 34ch; text-wrap: pretty; }
.lt-p + .lt-p { margin-top: clamp(.8rem, 2.6vh, 1.6rem); }
.lt-p .blinds-word { font-weight: 800; }
/* highlighter stroke that sweeps in left to right */
.hl { background-image: linear-gradient(100deg, transparent .3em, rgba(254,184,32,.85) .3em, rgba(254,184,32,.85) calc(100% - .15em), transparent calc(100% - .15em));
  background-repeat: no-repeat; background-position: 0 72%; background-size: 0% .5em; padding: 0 .08em; margin: 0 -.08em;
  -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .9s var(--e); }
.hl.in { background-size: 100% .5em; }
/* signature */
.lt-sign { position: relative; display: inline-block; margin-top: clamp(1.2rem, 3.8vh, 2.4rem); }
.sig { font-family: 'Permanent Marker', var(--disp); font-size: clamp(2rem, 4.4vh, 2.8rem); color: var(--ink); display: inline-block; transform: rotate(-4deg); }
.sig-line { position: absolute; left: -6%; bottom: -.55rem; width: 112%; height: 1.1rem; overflow: visible; }
.sig-line path { fill: none; stroke: var(--yellow); stroke-width: 5; stroke-linecap: round; stroke-dasharray: 260; stroke-dashoffset: 260; transition: stroke-dashoffset 1s var(--e) .35s; }
.lt-sign.in .sig-line path { stroke-dashoffset: 0; }
@media (max-width: 700px) { .lt-p { font-size: clamp(1.25rem, 5.6vw, 1.6rem); } .lt-top { flex-direction: column; align-items: flex-start; gap: .4rem; } }
@media (prefers-reduced-motion: reduce) { .hl { background-size: 100% .5em; transition: none; } .sig-line path { stroke-dashoffset: 0; transition: none; } }