/* Final visual pass: typography, artwork proportions and quiet transitions. */
:root{--ink:#181818;--secondary-ink:#626262;--detail-size:12.5px;--image-ease:cubic-bezier(.22,.61,.36,1)}
body{color:var(--ink)}
img{height:auto}
main .pagehead{padding-top:58px;padding-bottom:37px;gap:22px}
main .pagehead h1{color:var(--ink);letter-spacing:1.25px;line-height:1.45}
main.index-page .pagehead h1{letter-spacing:1.9px}
main .pagehead .eyebrow{font-size:var(--detail-size);letter-spacing:.7px;line-height:1.6;color:var(--secondary-ink)}
.tile h2,.medium-index .tile h2{font-size:18px;letter-spacing:1.05px;line-height:1.5;margin-top:18px;margin-bottom:5px}
.tile p,.exhibition-place,.exhibition-meta>span{font-size:var(--detail-size);letter-spacing:.15px;line-height:1.75;color:var(--secondary-ink)}
.series-index{column-gap:clamp(32px,4.2vw,64px);row-gap:64px}
.exhibitions-grid,.project-index{column-gap:clamp(32px,4.2vw,64px);row-gap:60px}
.exhibition-meta{align-items:baseline;gap:18px}
.exhibition-meta h2{margin-bottom:4px}
.caption,.note,.media-grid .image-caption,.gruta-figure figcaption{font-size:var(--detail-size);letter-spacing:.1px;line-height:1.75;color:var(--secondary-ink)}
.media-grid .image-caption{margin-top:14px}
.archive-heading{margin-top:64px;margin-bottom:26px;font-size:20px;line-height:1.5;letter-spacing:.35px}
.back{margin-bottom:28px}
.textlink{line-height:1.7}
.prose{line-height:1.9;max-width:65ch}
.prose p+p{margin-top:1.4em}

/* Paintings take their own proportions; objects keep a stable display area. */
.catalogue-grid[data-kind="painting"]{row-gap:72px;column-gap:clamp(28px,3.6vw,54px);align-items:start;margin-top:34px}
.catalogue-grid[data-kind="painting"] .catalogue-object{height:auto;min-height:0;background:none}
.catalogue-grid[data-kind="painting"] .catalogue-object img{width:auto;height:auto;max-width:100%;max-height:440px;margin:0 auto}
.catalogue-grid:not([data-kind="editions"]) .catalogue-card h2,.sculpture-card h2{font-size:16.5px;letter-spacing:.3px;line-height:1.55;margin-top:18px;margin-bottom:5px}
.catalogue-grid:not([data-kind="editions"]) .catalogue-card p,.sculpture-card p{font-size:var(--detail-size);line-height:1.75;color:var(--secondary-ink)}
.catalogue-specification{font-size:13px;line-height:1.85;color:var(--secondary-ink);padding-top:2px}
.catalogue-specification p{margin-bottom:22px}
.catalogue-context{margin-top:32px;gap:14px;color:var(--ink)}
.catalogue-additional{margin-top:80px}
.catalogue-additional h2{font-size:19px;letter-spacing:.35px;margin-bottom:32px}
.catalogue-feature[data-format="wide"]{grid-template-columns:1fr;gap:30px}
.catalogue-feature[data-format="wide"] .catalogue-detail-photo img{width:100%;max-height:none}
.catalogue-feature[data-format="wide"] .catalogue-specification{max-width:640px}
.catalogue-feature[data-format="wide"] .catalogue-context{margin-top:24px}

/* Images stay visible if JavaScript, loading or motion support is unavailable. */
main{animation:none}
.photo-arrived{animation:photo-arrival .42s var(--image-ease)}
@keyframes photo-arrival{from{opacity:.18}to{opacity:1}}
nav a,.languages button,.tabs button,.textlink,.tile h2{transition:color .2s ease}
.catalogue-object img,.sculpture-object img{transition:opacity .25s ease}
@media(hover:hover) and (pointer:fine){
 .catalogue-card:hover .catalogue-object img,.sculpture-card:hover .sculpture-object img{opacity:.94}
 .tile:hover h2{color:#585858}
 .textlink:hover{color:#626262}
}
@media(max-width:900px){
 .catalogue-grid[data-kind="painting"]{row-gap:54px;column-gap:32px}
 .catalogue-grid[data-kind="painting"] .catalogue-object img{max-height:420px}
}
@media(max-width:650px){
 main .pagehead{padding-top:36px;padding-bottom:27px;gap:16px;flex-wrap:wrap}
 main .pagehead h1{font-size:23px;letter-spacing:1px}
 main.index-page .pagehead h1{letter-spacing:1.65px}
 .tile h2,.medium-index .tile h2{font-size:17px;letter-spacing:.75px;margin-top:16px}
 .series-index,.exhibitions-grid,.project-index{row-gap:42px}
 .catalogue-grid[data-kind="painting"]{row-gap:48px;margin-top:24px}
 .catalogue-grid[data-kind="painting"] .catalogue-object img{max-height:560px;max-height:min(78svh,560px)}
 .catalogue-grid:not([data-kind="editions"]) .catalogue-card h2,.sculpture-card h2{font-size:16.5px;margin-top:16px}
 .catalogue-feature[data-format="wide"]{gap:24px}
 .catalogue-feature[data-format="wide"] .catalogue-detail-photo img{max-height:none}
 .catalogue-additional{margin-top:50px}
 .archive-heading{margin-top:44px;margin-bottom:22px}
 .back{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .photo-arrived{animation:none}
 nav a,.languages button,.tabs button,.textlink,.tile h2,.tile img,.catalogue-object img,.sculpture-object img{transition:none}
}