body{font-family:Tahoma,Arial,sans-serif}.section-title{font-size:1.875rem;font-weight:700;color:#0f172a}.section-subtitle{color:#475569;max-width:42rem;margin:0 auto;line-height:1.8}

.card-image-wrap {
    position: relative;
    overflow: hidden;
}
.card-image-wrap img {
    transition: transform .45s ease;
}
.group:hover .card-image-wrap img {
    transform: scale(1.06);
}
.soft-badge {
    backdrop-filter: blur(10px);
    background: rgba(255,255,255,.88);
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-image-card {
    position: relative;
    overflow: hidden;
}
.home-image-card img {
    transition: transform .5s ease;
}
.home-image-card:hover img {
    transform: scale(1.08);
}
.glass-card {
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,.18);
}


.home-image-card {
    background: #f8fafc;
}

/* No-crop image display for index cards */
.home-image-card {
    position: relative;
    background: linear-gradient(135deg, #f8fafc, #eff6ff);
}
.home-image-card > img.relative {
    z-index: 1;
}
.home-image-card .absolute {
    z-index: 0;
}
.home-image-card > div.absolute,
.home-image-card > span,
.home-image-card .pointer-events-none {
    z-index: 2;
}