/* =============================================================================
   Block: Project Card + Work Section
   CUBE CSS: Shared card styles used on home and experiments pages.
   ============================================================================= */

/* Full-width images inside cards */
img {
    width: 100%;
}

/* Project card image */
.projImage img {
    box-shadow: var(--shadow-card);
    transition: var(--transition-fast);
}

/* Project card title */
.projTitle {
    margin-top: 10px;
}

.projTitle p {
    font-size: var(--text-md);
}

/* Work section wrapper */
section.work-wrapper {
    padding: 40px;
    margin: 30px 0;
}

section.work-wrapper ul {
    padding: unset;
    margin: unset;
}

section.work-wrapper ul li {
    list-style: none;
}

/* -----------------------------------------------------------------------------
   Animated underline on project title (hover effect)
   ----------------------------------------------------------------------------- */
.work-container li .projTitle p {
    color: var(--color-text);
    line-height: 1.2;
    text-decoration: none;
    background-image: linear-gradient(to right, var(--color-text) 0, var(--color-text) 100%);
    background-position: 0 1.2rem;
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: background var(--transition-slow);
    display: inline;
}

.work-container li a:hover .projTitle p {
    background-size: 100% 100%;
}