/* /studies: every study hung by year. Tokens in atlas.css. */
.st-head{padding:clamp(64px,8vw,110px) 0 36px}
.st-head h1{margin:0 0 18px}
.st-head .lede{max-width:52ch;margin:0 0 30px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{font:400 16px/1 var(--text);color:var(--ink);background:transparent;border:1px solid var(--paper-3);border-radius:40px;padding:11px 16px 12px;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.chip span{color:var(--ink-3);margin-left:4px;font-variant-numeric:tabular-nums}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.chip[aria-pressed=true] span{color:var(--on-night-2)}
.st-wall{padding:10px 0 clamp(80px,9vw,130px)}
.st-year{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,3vw,48px);padding:44px 0 28px;border-top:1.5px solid var(--ink)}
.st-year[hidden]{display:none}
.st-y{font:italic 500 clamp(44px,4.4vw,68px)/.95 var(--display);font-variation-settings:"opsz" 36;letter-spacing:-.02em;color:var(--red-ink);margin:0;position:sticky;top:24px;align-self:start}
.st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px clamp(24px,2.6vw,40px);align-items:start}
.st[hidden]{display:none}
.st-link{display:block;text-decoration:none;color:inherit}
.st-img{background:var(--card);padding:8px;box-shadow:var(--shadow-paper);margin:0 0 18px;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.st-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.st-link:hover .st-img{transform:translateY(-5px) rotate(-.4deg);box-shadow:var(--shadow-lift)}
.st-quote{aspect-ratio:auto;min-height:0;padding:24px 22px 20px;background:#efe4c9;border:1px solid rgba(90,70,30,.16);box-shadow:0 12px 24px -16px rgba(40,30,10,.45)}
.st-quote blockquote{margin:0 0 12px;font:italic 400 19px/1.38 var(--text);color:#2a241a}
.st-quote p{margin:0;font:italic 400 13.5px/1.3 var(--text);color:#6a5d45}
.st-artist{margin:0 0 3px;font-size:15px;color:var(--ink-3)}
.st-title{margin:0 0 6px;font:500 23px/1.18 var(--display)}
.st-date{margin:0 0 10px;font:italic 400 15px/1.4 var(--text);color:var(--ink-2)}
.st-find{margin:0 0 14px;font-size:16px;line-height:1.52;color:var(--ink-2)}
.st-foot{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 12px}
.st-foot .stamp{font-size:10.5px;--rot:-1.5deg;padding:5px 8px 4px}
.st-holder{margin:0;font-size:14px;color:var(--ink-3)}
.st-also{display:inline-block;margin-top:8px;font-size:15px}
.js .st-grid .st{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.js .st-grid .st.in{opacity:1;transform:none}
@media (max-width:1180px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-year{grid-template-columns:160px minmax(0,1fr)}}
@media (max-width:760px){.st-year{grid-template-columns:1fr}.st-y{position:static}.st-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.js .st-grid .st{opacity:1;transform:none}}

/* American painters lead the page. */
.st-american{padding:0 0 clamp(40px,4vw,60px)}
.am-h{font:italic 500 clamp(32px,3vw,44px)/1 var(--display);font-variation-settings:"opsz" 36;color:var(--red-ink);margin:0 0 10px;padding-top:26px;border-top:1.5px solid var(--ink)}
.am-sub{margin:0 0 30px;font-size:16px;color:var(--ink-2);max-width:80ch}
.am-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,56px)}
.am-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start;text-decoration:none;color:inherit}
.am-img{background:var(--card);padding:8px;box-shadow:var(--shadow-paper);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.am-card:hover .am-img{transform:translateY(-4px) rotate(-.4deg);box-shadow:var(--shadow-lift)}
.am-img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
@media (max-width:1100px){.am-grid{grid-template-columns:1fr}}
@media (max-width:640px){.am-card{grid-template-columns:1fr}}