/* Home page "Innovative and creative": the cards are the blog thumbnails (same markup and the same rules as section#blog in css/blog-test.css,
   scoped to this section): tags, title, rounded picture, line of text and the read-time / date row; lift + soft shadow on hover. */
/* the same light grey as the blog page, so the white cards show */
#partner1-home { background: #f3f3f3; }
#partner1-home .row:has(> .col-md-4) { display: flex; flex-wrap: wrap; clear: both; }      /* (clear: the heading above is floated) */
#partner1-home .col-md-4 { display: flex; float: none; margin-bottom: 24px; }
#partner1-home .col-md-4 > a { display: flex; width: 100%; text-decoration: none; }
#partner1-home .col-md-4 .sl-header-wrapper { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: none; float: none; margin: 0; padding: 24px; background: #ffffff; border-radius: 16px; }
#partner1-home .col-md-4 .sl-header-wrapper .img-curve { display: block; width: 100%; height: auto; aspect-ratio: 353 / 250; object-fit: cover; border-radius: 12px; }
#partner1-home .col-md-4 .sl-header-wrapper h3 { margin: 0; font-size: 19px; line-height: 26px; font-weight: 500; color: #000000; }
@media (min-width: 768px) { #partner1-home .col-md-4 .sl-header-wrapper h3 { min-height: 78px; } }
#partner1-home .col-md-4 .sl-header-wrapper p { margin: 0; font-family: 'Geomanist_r', 'Poppins', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; color: #757575; }
#partner1-home .post-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 0; }
#partner1-home .post-tag { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; background: #f1f1f1; color: #333333; font-family: 'Geomanist_r', 'Poppins', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 18px; white-space: nowrap; }
#partner1-home .post-tag--materials { background: hsl(15, 65%, 92%); }
#partner1-home .post-tag--products { background: hsl(45, 65%, 92%); }
#partner1-home .post-tag--sustainability { background: hsl(120, 50%, 90%); }
#partner1-home .post-tag--customisation { background: hsl(270, 55%, 94%); }
#partner1-home .post-meta { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 4px; font-family: 'Geomanist_r', 'Poppins', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #757575; }
#partner1-home .post-meta-dot { color: #a3a3a3; }
#partner1-home .post-date { color: #757575; }
#partner1-home .post-readtime { font-family: 'Geomanist_r', 'Poppins', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #757575; white-space: nowrap; }
#partner1-home .post-readtime .post-meta-dot { margin-right: 6px; }
@media (hover: hover) {
    #partner1-home .col-md-4 .sl-header-wrapper { transition: transform .25s ease, box-shadow .25s ease; will-change: transform; }
    #partner1-home .col-md-4 > a:hover .sl-header-wrapper { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }
    #partner1-home .col-md-4 .img-curve { transition: transform .35s ease; }
    #partner1-home .col-md-4 > a:hover .img-curve { transform: scale(1.02); }
}
@media (prefers-reduced-motion: reduce) { #partner1-home .col-md-4 .sl-header-wrapper, #partner1-home .col-md-4 .img-curve { transition: none; transform: none !important; } }

/* wide screens: the two-line titles reserve two lines (not three), like the blog cards, so there is no gap above the picture; a longer title still grows the card */
@media (min-width: 1200px) { #partner1-home .col-md-4 .sl-header-wrapper h3 { min-height: 52px; } }