.artworks-grid{gap:var(--space-m) var(--space-m);margin:var(--space-l) 0 0;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));padding:0;list-style:none;display:grid}.artwork-card{color:inherit;text-decoration:none;display:block}.artwork-card picture{aspect-ratio:1;background:var(--color-subtle);display:block;overflow:hidden}.artwork-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow)}.artwork-card:hover img,.artwork-card:focus-visible img{transform:scale(1.045)}.artwork-card__title{margin-top:var(--space-2xs);font-size:var(--text-s);transition:color var(--t);font-weight:500;display:block}.artwork-card:hover .artwork-card__title,.artwork-card:focus-visible .artwork-card__title{color:var(--color-red)}.artwork-card__year{color:var(--color-muted);font-size:var(--text-xs);display:block}.collection-grid{--row-h:12rem;align-items:flex-start;gap:var(--space-l) var(--space-m);margin:var(--space-l) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}@media (width>=40rem){.collection-grid{--row-h:15rem}}@media (width>=64rem){.collection-grid{--row-h:18rem}}.collection-grid>li{flex:var(--ar) 1 calc(var(--ar) * var(--row-h));min-width:0}.collection-grid:after{content:"";flex:999999 1 0}.collection-grid .artwork-card{flex-direction:column;height:100%;display:flex}.collection-grid .artwork-card picture{aspect-ratio:var(--ar);background:0 0}.artwork-card__meta{margin-top:var(--space-3xs);color:var(--color-muted);font-size:var(--text-xs);text-wrap:balance;display:block}.artwork{gap:var(--space-l);display:grid}@media (width>=56rem){.artwork{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);align-items:start}}.artwork__figure{margin:0}.artwork__figure+.artwork__figure{margin-top:var(--space-m)}.artwork__figure img{width:100%;height:auto}.artwork__figure figcaption{color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-2xs)}.artwork__meta dt{color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--space-s)}.artwork__meta dd{font-size:var(--text-s);margin:0}.artwork__desc{margin-top:var(--space-l);max-width:var(--measure)}.artwork__zoom{margin-top:var(--space-s);font:inherit;font-size:var(--text-s);border:1px solid var(--color-ink);color:var(--color-ink);padding:var(--space-2xs) var(--space-s);cursor:pointer;background:0 0}.artwork__zoom:hover{background:var(--color-ink);color:var(--color-paper)}.osd-viewer{width:100%;height:80vh;margin-top:var(--space-s);background:var(--color-ink)}.artwork-nav{justify-content:space-between;gap:var(--space-m);margin-top:var(--space-xl);padding-top:var(--space-m);border-top:1px solid var(--color-rule);display:flex}.artwork-nav__link--next{margin-inline-start:auto}.artwork-topbar{justify-content:space-between;align-items:center;gap:var(--space-m);margin-bottom:var(--space-l);display:flex}.artwork-topbar .breadcrumbs{margin-bottom:0}.artwork-nav-mini{gap:var(--space-2xs);flex-shrink:0;display:inline-flex}.artwork-nav-mini__btn{width:2rem;height:2rem;color:var(--color-ink);border:1px solid var(--color-rule);transition:color var(--t), border-color var(--t);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.artwork-nav-mini__btn:hover{color:var(--color-red);border-color:var(--color-red)}.artwork-nav-mini__btn.is-disabled{color:var(--color-rule);pointer-events:none}.artwork-nav__link{align-items:center;gap:var(--space-s);color:inherit;max-width:22rem;text-decoration:none;display:inline-flex}.artwork-nav__body{flex-direction:column;gap:.1em;display:flex}.artwork-nav__link--next .artwork-nav__body{text-align:end}.artwork-nav__label{color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;transition:color var(--t)}.artwork-nav__title{font-size:var(--text-s);transition:color var(--t);font-weight:500}.artwork-nav__year{color:var(--color-muted);font-size:var(--text-xs)}.artwork-nav__arrow{color:var(--color-muted);transition:color var(--t), transform var(--t)}.artwork-nav__link:hover .artwork-nav__title,.artwork-nav__link:hover .artwork-nav__label,.artwork-nav__link:focus-visible .artwork-nav__title,.artwork-nav__link:hover .artwork-nav__arrow{color:var(--color-red)}.artwork-nav__link--prev:hover .btn__arrow,.artwork-nav__link--prev:focus-visible .btn__arrow{transform:scaleX(var(--dir,1)) translateX(-.2em)}.artwork-nav__link--next:hover .btn__arrow,.artwork-nav__link--next:focus-visible .btn__arrow{transform:scaleX(var(--dir,1)) translateX(.2em)}
