/* ─── Responsive photo component ─── */
.sit-photo {
    display: block;
    line-height: 0;
    position: relative;
    overflow: hidden;
    border-radius: inherit;
}

.sit-photo img {
    display: block;
    max-width: 100%;
    height: auto;
}

.sit-photo--cover,
.sit-photo--cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Dark premium color grading for remaining product photography */
.sit-photo--theme img {
    filter: saturate(0.72) contrast(1.08) brightness(0.82);
}

.sit-photo--theme::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(5, 5, 8, 0.08) 0%, rgba(5, 5, 8, 0.42) 100%),
        radial-gradient(circle at 20% 0%, rgba(59, 130, 246, 0.12), transparent 55%);
    mix-blend-mode: multiply;
}

/* About — one intentional human touch, heavily blended */
.sit-about-visual {
    border-radius: var(--radius-2xl);
}

.sit-about-visual .sit-photo--theme img {
    filter: saturate(0.55) contrast(1.05) brightness(0.72);
}

.sit-about-visual .sit-photo--theme::after {
    background:
        linear-gradient(135deg, rgba(5, 5, 8, 0.35) 0%, rgba(5, 5, 8, 0.78) 100%),
        radial-gradient(circle at 70% 20%, rgba(59, 130, 246, 0.18), transparent 50%);
}

/* Product / portfolio frames */
.sit-product-frame {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
}

.sit-product-frame .sit-photo--theme::after {
    background: linear-gradient(180deg, rgba(5, 5, 8, 0.05) 0%, rgba(5, 5, 8, 0.55) 100%);
}