article.preview-article.section { padding-top: 24px; }
article.preview-article h1 { font-size: clamp(36px, 4vw, 54px); }
article.preview-article .article-summary { font-size: 17px; line-height: 1.65; }
article.preview-article .article-byline { margin-bottom: 18px; padding-bottom: 15px; }

.preview-article .coming-preview {
  height: 380px;
  min-height: 380px;
  margin-top: 22px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: linear-gradient(145deg, var(--surface), var(--surface-2));
}

.preview-article .coming-blur {
  padding: 16px 6%;
  opacity: .2;
  filter: blur(7px);
}

.preview-article .coming-message {
  background: linear-gradient(180deg, transparent 12%, var(--bg) 125%);
}

.preview-article .coming-glass {
  width: min(100%, 490px);
  padding: 48px 38px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface) 75%, transparent);
  box-shadow: 0 20px 65px #0a2a6a18;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.preview-article .coming-glass .eyebrow { margin-bottom: 0; }
.preview-article .coming-glass h2 { margin: 18px 0 12px; }
.preview-article .coming-glass p { margin: 0 auto 28px; }

@media (max-width: 640px) {
  article.preview-article.section { padding-top: 20px; }
  .preview-article .coming-preview { height: 420px; min-height: 420px; }
  .preview-article .coming-glass { padding: 38px 22px; }
}