/* Blogübersicht und Textanimation */
body:has(.vd){background:var(--cream)}
.vd{background:var(--cream);color:#1C2A20;transition:background-color .35s ease}
.vd-top{padding:clamp(1rem,3vw,2.5rem) clamp(16px,2.4vw,36px) clamp(1.2rem,2vw,1.6rem)}
.vd-top h1{margin:0 0 clamp(1.5rem,4vw,3.5rem);font-family:var(--serif);font-weight:300;font-size:clamp(3rem,10vw,10rem);line-height:.98;letter-spacing:-.03em}
.vd-filter{margin:0;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.8}
.vd-f{white-space:nowrap}
.vd-filter button{min-height:44px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
.vd-filter button[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.vd-filter button:focus-visible,.vd a:focus-visible{outline:2px solid #1C2A20;outline-offset:2px}
.vd-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:clamp(16px,2.4vw,36px);border-top:1px solid #1C2A20;border-left:1px solid #1C2A20}
.vd-cell{min-width:0;margin:0;border-right:1px solid #1C2A20;border-bottom:1px solid #1C2A20;background:var(--paper);transition:background-color .35s ease;animation:vd-in .5s ease both}
.vd-cell[hidden]{display:none}
.vd-8{grid-column:span 8}.vd-4{grid-column:span 4}.vd-12{grid-column:span 12}
.vd-cell a{display:flex;flex-direction:column;gap:clamp(.8rem,1.4vw,1.2rem);height:100%;padding:clamp(1rem,1.6vw,1.5rem);color:#1C2A20}
.vd-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:0;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.4}
.vd-head span{text-transform:uppercase;letter-spacing:-.01em}
.vd-head time{font-variant-numeric:tabular-nums}
.vd-media{display:block;flex:0 0 auto;overflow:hidden;background:var(--bv-accent,#DDEEE5);aspect-ratio:3/2}
.vd-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.vd-cell a:hover .vd-media img{transform:scale(1.035)}
.vd-run{margin:0;max-width:72ch;font-size:1rem;line-height:1.4}
.vd-run strong{font-weight:700}
.vd-cell a:hover strong{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.vd-12 a{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr;column-gap:clamp(1rem,1.6vw,1.5rem)}
.vd-12 .vd-head{grid-column:1/-1}
.vd-12 .vd-run{align-self:end}
.vd-statement{background:var(--bv-accent,#DDEEE5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:clamp(1.5rem,3vw,3rem);text-align:center}
.vd-statement blockquote{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.14;letter-spacing:-.015em}
.vd-statement figcaption{font-size:.95rem}
.vd-grid.is-filtered .vd-statement{display:none}
.vd-grid.is-filtered .vd-cell{grid-column:span 6}
.vd-grid.is-filtered .vd-12 a{display:flex}
.vd-grid.is-filtered .vd-media{aspect-ratio:3/2}
.vd-end{position:relative;margin-top:clamp(3rem,6vw,5rem);padding-block:clamp(3rem,6vw,5rem);background:var(--bv-accent,#DDEEE5);transition:background-color .35s ease;overflow:hidden;min-height:clamp(420px,52vw,760px);display:grid;align-items:center}
.vd-collage{position:absolute;inset:0;display:grid;grid-template-columns:1.1fr 1.5fr 1fr;gap:clamp(1rem,3vw,3rem);align-items:center;padding:clamp(1.5rem,4vw,4rem) clamp(16px,6vw,7rem)}
.vd-collage img{width:100%;height:auto;max-height:100%;object-fit:cover;object-position:50% 70%}
.vd-collage img:nth-child(1){aspect-ratio:3/4;transform:translateY(8%)}.vd-collage img:nth-child(2){aspect-ratio:4/3;transform:translateY(-10%)}.vd-collage img:nth-child(3){aspect-ratio:3/4;transform:translateY(12%)}
.vd-big{position:relative;z-index:2;display:grid;justify-items:center;gap:1rem;padding-inline:12px;text-align:center;color:#1C2A20}
.vd-big>span{font-family:var(--serif);font-weight:300;font-size:clamp(2.7rem,12.4vw,13rem);line-height:.95;letter-spacing:-.035em}
.vd-big small{padding:.4rem 1rem;background:var(--paper);font-size:1rem}
.vd-big:hover>span{color:var(--green-700)}
[data-split] .ch{display:inline-block;opacity:0;transform:translateY(.28em);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--n)*22ms)}
[data-split] .w{display:inline-block;white-space:nowrap}
[data-split].is-in .ch{opacity:1;transform:none}
@keyframes vd-in{from{opacity:0}to{opacity:1}}
@media (max-width:900px){
  .vd-8,.vd-4,.vd-12,.vd-grid.is-filtered .vd-cell{grid-column:1/-1}
  .vd-8 .vd-media,.vd-12 .vd-media{aspect-ratio:3/2}
  .vd-12 a{display:flex}
  .vd-statement{min-height:280px}
  .vd-collage{grid-template-columns:1fr 1.4fr 1fr;padding-inline:16px}
}
@media (prefers-reduced-motion:reduce){
  .vd-cell,.ve-face{animation:none}
  [data-split] .ch{opacity:1;transform:none;transition:none}
  .ve-pic img,.vd-media img,.ve-toc a{transform:none;transition:none}
}