/* Editable flat line / particle illustrations use the brand accent #00FFD1.
   Product photography and event imagery retain their original source assets. */
.index-page #products .main-image {
    background-image: url('../images/line-art-20261005/wearable-sensing.svg');
    background-size: cover;
    background-position: center 43%;
}

.index-page #products .feature-box:nth-child(1) .feature-image {
    background-image: url('../images/line-art-20261005/signal-analysis.svg');
}

.index-page #products .feature-box:nth-child(2) .feature-image,
.index-page #technology .small-image-1,
.technology-page .core-tech-image-1 {
    background-image: url('../images/line-art-20261005/hardware-module.svg');
}

.index-page #technology .small-image-2,
.technology-page .core-tech-image-2 {
    background-image: url('../images/line-art-20261005/signal-analysis.svg');
}

.index-page #technology .tech-main-image,
.index-page #technology .small-image-3,
.technology-page .core-tech-image-3 {
    background-image: url('../images/line-art-20261005/pattern-recognition.svg');
}

.index-page #products .feature-box:nth-child(3) .feature-image,
.index-page #technology .small-image-4,
.technology-page .core-tech-image-4 {
    background-image: url('../images/line-art-20261005/electrode-sensing.svg');
}

.index-page #products :is(.main-image, .feature-image),
.index-page #technology :is(.tech-main-image, .tech-image),
.technology-page .core-tech-image {
    background-repeat: no-repeat;
    filter: none;
    mix-blend-mode: normal;
}

.index-page #products .feature-image,
.index-page #technology .tech-image,
.technology-page .core-tech-image {
    background-size: cover;
    background-position: center;
}

.index-page #technology .tech-main-image {
    background-size: contain;
    background-position: center;
}

/* Reserve separate illustration and copy rows instead of shading the artwork. */
.index-page #products .product-main {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
}

.index-page #products .main-image {
    height: 100%;
    min-height: 0;
    border-radius: 0;
}

.index-page #products .product-overlay,
.index-page #products .feature-content {
    position: static;
    width: auto;
    max-width: none;
    padding: 0 24px 24px;
    margin: 0;
}

.index-page #products .product-features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--site-card-gap, 20px);
}

.index-page #products .feature-box:nth-child(n) {
    display: grid;
    grid-template-rows: 190px auto;
    align-content: start;
    grid-column: auto;
    height: auto;
    min-height: 330px;
}

.index-page #products .feature-image {
    height: 190px;
    border-radius: 0;
}

.index-page #products .feature-content p {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
}

.index-page #products :is(.product-main, .feature-box)::after {
    background: none;
}

.index-page #products .product-main:hover .main-image,
.index-page #products .feature-box:hover .feature-image,
.index-page #technology .tech-item:hover .tech-image,
.technology-page .core-tech-item:hover .core-tech-image {
    transform: none;
    filter: none;
}

@media (max-width: 768px) {
    .index-page #products .product-features {
        grid-template-columns: 1fr;
    }

    .index-page #products .feature-box:nth-child(n) {
        min-height: 0;
    }

    .index-page #products .product-overlay,
    .index-page #products .feature-content {
        padding-right: 20px;
        padding-bottom: 22px;
        padding-left: 20px;
    }
}