/* landing.css: the static landing pages (/artist/, /era/, /museum/, /room/, /explore/ ...), on top of page.css.
   The art is never covered: captions sit below each picture, and each picture is shown whole (no crop). */
body.landing main{max-width:1180px}
.crumbs ol{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:14px;color:var(--ink2)}
.crumbs li+li::before{content:"\203A";margin:0 8px;color:var(--ink2)}
.crumbs a{color:var(--ink2)}
.kind{margin:0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.lede{max-width:760px;color:var(--ink);overflow-wrap:anywhere}
.lede .ext{white-space:nowrap}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.acts .btn{margin:0}
.btn.alt{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
h2.gh{font:400 15px/1.4 var(--sans);color:var(--ink2);margin:26px 0 10px}
.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px;align-items:start}
.grid figure{margin:0;min-width:0}
.grid a{display:block;border-radius:4px}
.grid img{display:block;width:100%;height:auto;background:var(--panel)}
.grid figcaption{margin-top:7px;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.grid figcaption span{display:block}
.grid .t{color:var(--ink);font-family:var(--serif);font-size:15px}
.grid .m,.grid .c{color:var(--ink2)}
.more{margin-top:36px}
.links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.links li{overflow-wrap:anywhere}
.links.cols{display:block;columns:3 260px;column-gap:28px}
.links.cols li{margin:0 0 6px;break-inside:avoid}
.links .n{color:var(--ink2);font-size:14px}
.letters{display:flex;flex-wrap:wrap;gap:6px 12px}
.letters a[aria-current]{color:var(--ink);font-weight:600;text-decoration:none}
section{margin-top:8px}
.anchor{position:relative;top:-12px}
footer{max-width:1180px;margin:0 auto;padding:0 20px 48px;color:var(--ink2);font-size:14px}