/* Editorial image previews, scoped to the blog index. */
.lot2-blog-index .blog-grid .blog-card.has-editorial-image {
  display: flex;
  flex-direction: column;
}
.lot2-blog-index .blog-grid .blog-card.has-editorial-image::before { content: none; }
.blog-card-media { display: block; margin: 0; background: #e9e5df; overflow: hidden; }
.blog-card-media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.lot2-blog-index .blog-grid .has-editorial-image .blog-card-body { height: auto; flex: 1; }
.lot2-blog-index .blog-grid .has-editorial-image .blog-card-tag { margin-right: 0; align-self: flex-start; }
.lot2-blog-index .blog-grid .has-editorial-image .blog-card-title { padding-right: 0; }
.lot2-blog-index .blog-grid .has-editorial-image:focus-visible { outline: 3px solid #182a62; outline-offset: 4px; }
.lot2-blog-index .blog-grid .has-editorial-image:first-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  background: #fff !important;
}
.lot2-blog-index .blog-grid .has-editorial-image:first-child .blog-card-media { order: 2; height: 100%; }
.lot2-blog-index .blog-grid .has-editorial-image:first-child .blog-card-media img { height: 100%; min-height: 360px; }
.lot2-blog-index .blog-grid .has-editorial-image:first-child .blog-card-body {
  display: flex;
  flex-direction: column;
  padding: clamp(24px, 3vw, 42px) !important;
}
.lot2-blog-index .blog-grid .has-editorial-image:first-child .blog-card-title {
  margin: 20px 0 18px !important;
  font-size: clamp(1.9rem, 2.75vw, 2.75rem) !important;
  line-height: 1.08 !important;
}
.lot2-blog-index .blog-grid .has-editorial-image:first-child .blog-card-excerpt {
  padding: 0;
  margin: 0 0 24px !important;
  border: 0;
  font-size: .98rem;
  align-self: stretch;
}
.lot2-blog-index .blog-grid .has-editorial-image:first-child .blog-card-meta { margin-top: auto !important; }
@media (max-width: 820px) {
  .lot2-blog-index .blog-grid .has-editorial-image:first-child { display: flex; }
  .lot2-blog-index .blog-grid .has-editorial-image:first-child .blog-card-media { order: 0; height: auto; }
  .lot2-blog-index .blog-grid .has-editorial-image:first-child .blog-card-media img { height: auto; min-height: 0; }
  .lot2-blog-index .blog-grid .has-editorial-image:first-child .blog-card-body { padding: 24px 20px 26px !important; }
  .lot2-blog-index .blog-grid .has-editorial-image:first-child .blog-card-title { font-size: 1.85rem !important; }
}