/* About page — Ridgeline structure; builds on site.css tokens only */
.about-hero__title{text-transform:uppercase;font-size:clamp(2.4rem,6vw,4.4rem)}
.about-hero__intro{max-width:56ch;margin:1rem 0 0;font-size:1.05rem}
.about-note{margin:.8rem 0 0;font-size:.85rem;color:var(--muted)}
.draft-note{display:inline-block;margin:1rem 0 0;padding:.3rem .7rem;border:1px dashed var(--orange);border-radius:999px;background:var(--paper);color:var(--ink);font:600 .75rem/1.3 Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.about-history h2,.about-work h2,.about-close h2{max-width:22ch}
.about-history__body{max-width:62ch;margin-top:1.2rem;font-size:1.1rem}
.about-history__body p{margin:0 0 1rem}
.about-work .cards{margin-top:1.4rem}
.about-work .card p{margin:0}
.about-close{background:var(--paper);border-top:1px solid var(--line)}
.about-close h2{margin-bottom:1.4rem}
.about-close .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.2}
@media (max-width:759px){.about-hero .hero__copy{padding:20px 16px 28px}}