.home-featured { max-width: none; padding: 64px 0 80px; background: #f2f6f8; border-block: 1px solid #dce5eb; }
.home-featured h2 { margin: 0 0 36px; color: #192f3d; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.25; font-weight: 500; letter-spacing: -1px; }
.home-featured-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.home-featured-card { min-width: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid #dce5eb; border-radius: 12px; overflow: hidden; }
.home-featured-image { position: relative; aspect-ratio: 4 / 3; background: #fff; margin: 0; }
.home-featured-image > img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 20px; }
.home-featured-image.has-endo > img { width: 90%; height: 90%; padding: 20px 8px 12px; }
.home-featured-image .home-featured-endo { position: absolute; right: 18px; bottom: 8px; width: 34%; height: auto; aspect-ratio: 1; object-fit: cover; border: 4px solid #fff; border-radius: 50%; box-shadow: 0 3px 16px #192f3d24; padding: 0; }
.home-featured-copy { display: flex; flex-direction: column; flex: 1; padding: 26px; }
.home-featured-copy h3 { margin: 0 0 10px; color: #192f3d; font-size: 24px; line-height: 1.3; font-weight: 500; letter-spacing: -.5px; }
.home-featured-subtitle { margin: 0 0 22px; color: #087cad; font-size: 16px; line-height: 1.55; min-height: 3.1em; }
.home-featured-description { margin: 0 0 26px; color: #526572; font-size: 15px; line-height: 1.85; }
.home-featured-link { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; margin-top: auto; background: #087cad; color: #fff; border-radius: 5px; text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: .75px; text-transform: uppercase; white-space: nowrap; padding: 13px 20px; }
.home-featured-link:hover { background: #066b97; text-decoration: none; }
.home-featured-link:focus-visible { outline: 2px solid #087cad; outline-offset: 4px; }
@media (max-width: 950px) { .home-featured-grid { gap: 16px; } .home-featured-copy { padding: 20px; } }
@media (max-width: 760px) { .home-featured { padding: 48px 0; } .home-featured-grid { grid-template-columns: 1fr; gap: 24px; } .home-featured-image { aspect-ratio: 16 / 9; } .home-featured-image .home-featured-endo { width: 27%; } .home-featured-subtitle { min-height: 0; } }

.home-featured-placeholder { aspect-ratio: 4 / 3; margin: 18px 18px 0; border: 1px dashed #bfd3df; border-radius: 8px; background: #f5f9fb; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px; text-align: center; color: #608092; }
.home-featured-placeholder span { font-size: 20px; font-weight: 500; letter-spacing: .05em; }
.home-featured-placeholder small { font-size: 13px; line-height: 1.5; }
@media (max-width: 760px) { .home-featured-placeholder { aspect-ratio: 16 / 9; } }