/* One quiet editorial archive for the German staging experience. */
body.premium-site .blog-hero { padding: 58px 0 60px; background: #081827; }
body.premium-site .blog-hero__bg { display: none; }
body.premium-site .blog-hero > .container,
body.premium-site .blog-archive > .container,
body.premium-site .blog-newsletter > .container { width: calc(100% - 96px); max-width: 1200px; padding-inline: 0; }
body.premium-site .blog-hero__head { max-width: 960px; margin: 0; text-align: left; }
body.premium-site .blog-hero .eyebrow { margin-bottom: 18px; color: var(--pv-mint); font: 700 13px/1.5 var(--font-body); letter-spacing: .06em; }
body.premium-site .blog-hero .headline-h1 { margin: 0; color: #fff; font: 700 clamp(36px,4.3vw,58px)/1.1 var(--font-display); letter-spacing: -.035em; text-wrap: balance; }
body.premium-site .blog-hero__lead { max-width: 780px; margin: 24px 0 0; color: #dce7ec; font: 400 18px/1.65 var(--font-body); }
body.premium-site .blog-hero [data-reveal],
body.premium-site .blog-archive [data-reveal],
body.premium-site .blog-newsletter [data-reveal] { opacity: 1; transform: none; }
body.premium-site .blog-archive { padding: 36px 0 88px; background: #fff; }
body.premium-site .blog-filter { display: flex; flex-wrap: wrap; justify-content: flex-start; width: auto; max-width: none; gap: 0 30px; margin: 0 0 38px; padding: 0 0 14px; border-bottom: 1px solid #d8e2e4; }
body.premium-site .blog-filter .blog-filter__chip { display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 9px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; box-shadow: none; color: #4a5b67; font: 600 14px/1.4 var(--font-body); text-transform: none; letter-spacing: 0; }
body.premium-site .blog-filter .blog-filter__chip.is-active,
body.premium-site .blog-filter .blog-filter__chip:hover { background: transparent; border-bottom-color: var(--teal); color: var(--teal); }
body.premium-site .blog-archive .blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px 32px; margin: 0; padding: 0; overflow: visible; scroll-snap-type: none; }
body.premium-site .blog-archive .blog-card { min-width: 0; width: auto; flex: initial; overflow: visible; border: 0; border-bottom: 1px solid #d8e2e4; border-radius: 0; background: transparent; box-shadow: none; transform: none; }
body.premium-site .blog-archive .blog-card::before { display: none; }
body.premium-site .blog-archive .blog-card__link-wrap { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
body.premium-site .blog-archive .blog-card__visual { aspect-ratio: 16/9; min-height: 0; overflow: hidden; border-radius: 2px; background: #102d3b; }
body.premium-site .blog-archive .blog-card__visual img { width: 100%; height: 100%; object-fit: cover; transform: none; }
body.premium-site .blog-archive .post-cluster { top: 14px; left: 14px; padding: 6px 10px; border: 0; border-radius: 2px; background: #fff; color: var(--teal); font: 600 11px/1.4 var(--font-body); letter-spacing: .02em; box-shadow: none; }
body.premium-site .blog-card__practice-art { background: radial-gradient(ellipse at 80% 100%,#1c4c53,transparent 65%),#081827 !important; }
body.premium-site .blog-card__practice-svg { display: block; width: 100%; height: 100%; }
body.premium-site .blog-archive .blog-card__body { display: flex; flex: 1; flex-direction: column; padding: 24px 0; }
body.premium-site .blog-archive .blog-card__title { margin: 0 0 14px; color: var(--navy); font: 700 23px/1.3 var(--font-display); letter-spacing: -.02em; text-wrap: pretty; }
body.premium-site .blog-archive .blog-card__link-wrap:hover .blog-card__title { color: var(--teal); }
body.premium-site .blog-archive .blog-card__excerpt { display: block; flex: none; max-height: none; overflow: visible; margin: 0 0 24px; color: #4a5b67; font: 400 16px/1.65 var(--font-body); -webkit-line-clamp: unset; }
body.premium-site .blog-archive .blog-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: auto; padding: 0; border: 0; color: #526570; font: 400 12px/1.5 var(--font-body); text-transform: none; letter-spacing: 0; }
body.premium-site .blog-archive .blog-card__link { margin-left: auto; color: var(--teal); font-size: 13px; font-weight: 700; }
body.premium-site .blog-archive .navigation.pagination { margin-top: 50px; }
body.premium-site .blog-newsletter { padding-block: 52px; background: #081827; }
body.premium-site .blog-newsletter .blog-subscribe-bar { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.premium-site .blog-newsletter .blog-subscribe-bar__icon { border: 0; border-radius: 0; background: transparent; color: var(--pv-mint); }
body.premium-site .blog-newsletter .blog-subscribe-bar__title { color: #fff; font-size: 24px; }
body.premium-site .blog-newsletter .blog-subscribe-bar__lead { color: #dce7ec; }
@media (max-width: 1000px) {
  body.premium-site .blog-archive .blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
  body.premium-site .blog-hero > .container,
  body.premium-site .blog-archive > .container,
  body.premium-site .blog-newsletter > .container { width: calc(100% - 40px); }
  body.premium-site .blog-hero { padding: 38px 0 42px; }
  body.premium-site .blog-hero .headline-h1 { font-size: 35px; }
  body.premium-site .blog-hero__lead { font-size: 16px; }
  body.premium-site .blog-archive { padding-block: 22px 52px; }
  body.premium-site .blog-filter { gap: 0 22px; margin-bottom: 26px; }
  body.premium-site .blog-archive .blog-grid { grid-template-columns: minmax(0,1fr); gap: 34px; }
  body.premium-site .blog-archive .blog-card { max-width: none; }
  body.premium-site .blog-archive .blog-card__body { padding: 22px 0 26px; }
  body.premium-site .blog-archive .blog-card__title { font-size: 24px; }
}