/* Current project announcement, shared by the English and German pages. */
/* Section surfaces, headings and button styles come from the homepage stylesheet. */
.home-project-update { overflow-wrap: anywhere; }
.project-update-links { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; margin-top: 1rem; }
.project-update-links > a { display: inline-flex; align-items: center; gap: .35rem; min-height: 44px; }
.home-project-copy { min-width: 0; }
.home-project-preview { display: block; margin-top: 1.25rem; align-self: center; border-radius: 10px; overflow: hidden; }
.home-project-preview img { display: block; width: 100%; height: auto; }
.home-project-preview:focus-visible { outline: 3px solid #f7d88a; outline-offset: 4px; }
.blog-card--project .blog-card-image { align-self: center; }
.blog-card--project .blog-card-image img { height: auto; aspect-ratio: auto; object-fit: contain; }
.drewno-project-preview figcaption { color: #bac5d4; }
.drewno-project-preview .blog-hero-link { display: block; }
@media screen and (min-width: 960px) {
  .page-home main > .home-project-update { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 2rem; align-items: center; }
  .home-project-preview { margin-top: 0; }
}
.blog-article.drewno-project .blog-kicker { color: #f7d88a; }
.blog-article.drewno-project .blog-meta { color: #bac5d4; }
@media screen and (min-width: 1158px) {
  .page-home main.container {
    grid-template-areas:
      "about about"
      "project project"
      "career career"
      "blog cv"
      "value value"
      "website website";
  }
  .page-home .home-project-update { grid-area: project; }
}