.blog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.post{display:block}
.post img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--rr)}
.post--big{grid-column:span 2;grid-row:span 2;position:relative;aspect-ratio:2/3;color:var(--paper)}
.post--big img{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.post__in{position:absolute;inset:0;padding:30px 25px;background:linear-gradient(rgb(0 0 0/.25),transparent 50%)}
.post--big h3{margin-top:14px;font-size:var(--t-h);line-height:1.2}
.cats{display:flex;flex-wrap:wrap;gap:6px}
.cats span{padding:4px 12px;background:var(--ink);color:var(--paper);font-size:var(--t-m);line-height:18px}
.post .cats{margin-top:14px}
.post__in .cats{margin-top:0}
.post h3{margin-top:8px;line-height:1.3}
.post time{display:block;margin-top:10px;font-size:var(--t-m)}
@media (max-width:690px){.blog{grid-template-columns:1fr}.post--big{grid-column:auto;grid-row:auto;aspect-ratio:4/3}}

.art{max-width:1306px;margin:0 auto;padding:var(--sp-h) var(--g) 0;text-align:center}
.art .cats{justify-content:center}
.art .cats span{background:rgb(0 0 0/.04);color:var(--ink)}
.art h1{margin:.3em 0 .4em;font:400 var(--t0)/var(--lh-d) var(--disp);text-transform:lowercase}
.art time{font-size:var(--t-m)}
.art>img{width:100%;margin-top:var(--sp-h);aspect-ratio:1306/1100;object-fit:cover;border-radius:var(--rr)}
.art__body{max-width:834px;margin:var(--sp-h) auto 0;text-align:left}
.art__body img{height:auto}
.art__body>:not(.audio,.art__bilder){max-width:62ch}
.art__body h2{margin-top:2em}
.art__body a{font-weight:600}
.art__gal{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap);padding:var(--sp) var(--g) 0}
.art__gal img{width:100%;aspect-ratio:3/5;object-fit:cover;border-radius:var(--rr)}
@media (max-width:690px){.art__gal{grid-template-columns:repeat(2,1fr)}}
.audio{margin-bottom:var(--sp-h);padding:10px 10px 12px;border-radius:var(--rr);background:var(--ink);color:var(--paper)}
.audio audio{display:block;width:100%;margin-top:20px}
.art__bilder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:var(--gap)}
.art__bilder img{width:100%;aspect-ratio:3/5;object-fit:cover;border-radius:var(--rr)}
.art__bilder img:only-child{aspect-ratio:auto;height:auto}