/* Three specimens form one family strip; the artwork supplies the color. */
.atlas-section{--atlas-accent:var(--ink);--atlas-wash:var(--bg);padding:var(--section-space) var(--page-pad);max-width:1440px;margin:auto;scroll-margin-top:24px}
.atlas-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
.atlas-heading h2{font:400 var(--title-size)/1.15 var(--display);letter-spacing:-.04em;margin:0 0 10px}
.atlas-heading p{font:12px/1.65 var(--mono);color:var(--muted);max-width:510px;margin:0}
.atlas-search{display:grid;gap:7px;font:11px/1.4 var(--mono);color:var(--muted);flex:0 0 230px}
.atlas-search input{width:100%;border:1px solid var(--line);border-radius:0;padding:12px;background:var(--paper);color:var(--ink);font:12px/1.4 var(--mono)}
.atlas-tools{border-top:1px solid var(--line);padding:8px 0 20px;display:grid;gap:12px;min-width:0}
.atlas-filters{display:flex;gap:clamp(12px,1.5vw,24px);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:0 2px 3px}
.atlas-filters button{width:auto;flex:0 0 auto;display:flex;gap:8px;align-items:center;white-space:nowrap;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:12px 0;font:11px/1.3 var(--mono);cursor:pointer;box-shadow:none;min-height:44px;transition:color .15s ease}
.atlas-filters button[aria-pressed="true"]{background:transparent;color:var(--ink);font-weight:600;border-bottom-color:transparent}
.atlas-filters button:hover{background:transparent;color:var(--ink);transform:none}
.atlas-filters button:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}
.atlas-filters button::before{content:"[";visibility:hidden}.atlas-filters button::after{content:"]";visibility:hidden}.atlas-filters button[aria-pressed="true"]::before,.atlas-filters button[aria-pressed="true"]::after{visibility:visible}
.atlas-filter-count{opacity:.65;font-size:10px}
.atlas-status{font:10px/1.5 var(--mono);color:var(--muted);margin:0}
.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}
.atlas-family{min-width:0}
.atlas-family header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px;min-height:15px}
.atlas-family h3{font:600 12px/1.4 var(--mono);margin:0;color:var(--ink)}
.atlas-family-kind{font:10px/1.4 var(--mono);color:var(--muted)}
.atlas-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.atlas-specimen{display:block;position:relative;background:var(--specimen-paper,var(--paper));border:2px solid transparent;transition:transform .18s ease,border-color .18s ease}
.atlas-specimen img{width:100%;height:auto;aspect-ratio:300/422;object-fit:contain}
.atlas-specimen:hover{transform:translateY(-3px);border-color:var(--atlas-accent)}
.atlas-specimen[aria-current]{border-color:var(--atlas-accent)}
.atlas-empty{padding:35px 0;font:12px/1.6 var(--mono)}
.art-card-heading .atlas-preview-status{color:var(--muted);font:10px/1.55 var(--mono);margin-top:12px;min-height:1.55em}
#liveArtworkTitle:focus{outline:none}
@media(min-width:1600px){.atlas-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}}
@media(max-width:600px){.atlas-section{padding-top:var(--section-space)}.atlas-heading{display:grid;gap:20px}.atlas-search{width:100%}.atlas-grid{grid-template-columns:1fr;gap:26px}.atlas-family h3{font-size:12px}.atlas-family-kind{font-size:9px}.atlas-filters{gap:22px}.atlas-filters button{padding:12px 0;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.atlas-specimen{transition:none}.atlas-specimen:hover{transform:none}}