.iconography-guide{--icon-ink:#292723;--icon-muted:#655f55;--icon-line:#d9d0c1;--icon-paper:#f7f2e9;--icon-accent:#765b3f;color:var(--icon-ink)}
.iconography-guide article{max-width:980px;margin:auto}.iconography-kicker{display:inline-block;margin:0 0 1rem;padding:.35rem .7rem;border:1px solid var(--icon-accent);color:var(--icon-accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.iconography-intro{font-size:1.12rem;line-height:1.75;margin-bottom:2.8rem}.iconography-section{margin:0 0 3.6rem}.iconography-section>h2{padding-bottom:.5rem}.iconography-section p{line-height:1.75}.iconography-card-stack{display:grid;gap:2rem}.iconography-card{display:grid;grid-template-columns:minmax(270px,.92fr) minmax(310px,1.08fr);gap:1.6rem;padding:1.1rem;border:1px solid var(--icon-line);background:#fff}.iconography-card:nth-child(even) .iconography-figure{order:2}.iconography-card__copy{align-self:center}.iconography-card__copy h3{margin-top:0}.iconography-figure{margin:0}.iconography-figure__image{display:flex;align-items:center;justify-content:center;min-height:310px;background:#eeebe5}.iconography-figure img{display:block;width:100%;height:430px;object-fit:contain}.iconography-figure figcaption{margin-top:.65rem;color:var(--icon-muted);font-size:.84rem;line-height:1.5}.iconography-family{margin:3.5rem 0;padding:1.25rem;border-left:5px solid var(--icon-accent);background:var(--icon-paper)}.iconography-family div{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:.65rem}.iconography-family a,.iconography-family span{display:block;padding:.7rem;border:1px solid var(--icon-line);background:#fff}.iconography-family span{color:var(--icon-muted)}.iconography-references li{margin-bottom:.75rem;overflow-wrap:anywhere}.iconography-guide a:focus-visible{outline:3px solid #006f83!important;outline-offset:3px!important}@media(max-width:767px){.iconography-card{grid-template-columns:1fr}.iconography-card:nth-child(even) .iconography-figure{order:0}.iconography-figure__image{min-height:220px}.iconography-figure img{height:auto;max-height:480px}.iconography-intro{font-size:1.04rem}.iconography-family div{grid-template-columns:1fr}}