/* Exhibitions overview (cards, archive timeline) and Sylt 2024 */

/* three big cards */
.xcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.xcard{display:grid;gap:12px;align-content:start;text-decoration:none;height:100%}
.xcard-img{display:block;overflow:hidden;background:var(--ink-2);margin-bottom:8px}
.xcard-img img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.xcard:hover .xcard-img img,.xcard:focus-visible .xcard-img img{transform:scale(1.04)}
.xcard h2{font-size:clamp(26px,2.6vw,40px);font-weight:800;font-stretch:118%;text-transform:uppercase;line-height:.98}
.xcard p{color:var(--text-dim);max-width:46ch}
.xcard .more{justify-self:start;border-bottom:2px solid var(--green);padding-bottom:2px;margin-top:4px}
.xcards li:nth-child(3) .xcard-img img{object-position:50% 0}
@media (max-width:1000px){.xcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.xcards{grid-template-columns:1fr;gap:48px}.xcard-img img{aspect-ratio:1/1}}

/* archive timeline, newest first */
.xtl{list-style:none;margin:0;padding:0;border-top:2px solid var(--line-2)}
.xtl > li{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:32px;padding-block:24px;border-bottom:1px solid var(--line-2);align-items:baseline}
.xtl-year{font-family:var(--display);font-weight:800;font-stretch:125%;font-size:clamp(28px,3.2vw,48px);line-height:1;color:var(--green);white-space:nowrap}
.xtl ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:clamp(17px,1.4vw,20px)}
.xtl a{text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:.2em}
@media (max-width:640px){.xtl > li{grid-template-columns:1fr;gap:10px}}

/* Sylt head: text left, poster right */
.xhead{padding-block:clamp(48px,7vw,104px) clamp(24px,4vw,48px)}
.xhead-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,420px);gap:clamp(32px,5vw,80px);align-items:end}
.xhead-text{display:grid;gap:22px}
.xhead h1{font-size:clamp(40px,7vw,112px)}
.xposter{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:zoom-in;display:grid;gap:10px}
.xposter img{width:100%;box-shadow:0 30px 60px rgba(0,0,0,.45)}
@media (max-width:820px){.xhead-grid{grid-template-columns:1fr}.xposter{width:min(100%,360px)}}

.xpress{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:32px 24px;max-width:780px}
.xpress .work img{width:100%;background:var(--ink-2)}
.xpress .work .a{color:var(--text-dim)}
.xfilm{max-width:960px}
.xfilm-more{margin-top:28px}

/* Archive anchors from the menu panel land below the fixed header (Nachtrag 6, N2). */
.xtl li[id]{scroll-margin-top:96px}