/* focusChrist Art page — preserves gallery function while aligning presentation.
   The gallery chrome stays quiet and blue-charcoal so the artwork supplies the color. */

body.fc-site .gallery {
    width: calc(100% - 36px);
    max-width: var(--fc-gallery);
    margin: 0 auto;
    padding: clamp(34px, 5vw, 58px) 0 clamp(54px, 7vw, 82px);
    gap: clamp(14px, 2vw, 22px);
}

body.fc-site .gallery-item {
    overflow: hidden;
    border: 1px solid rgba(134,175,200,.22);
    border-radius: var(--fc-radius);
    background: #152f3a;
    box-shadow: 0 12px 30px rgba(4,17,23,0.24);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.fc-site .gallery-item:hover,
body.fc-site .gallery-item:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(240,195,106,.48);
    box-shadow: 0 18px 42px rgba(4,17,23,0.32);
    outline: none;
}

body.fc-site .gallery-item img {
    display: block;
    width: 100%;
}

body.fc-site .gallery-item .caption {
    background: linear-gradient(180deg, rgba(7,21,28,0), rgba(10,29,38,0.94));
    color: var(--fc-cream);
    font-size: 0.88rem;
    letter-spacing: .35px;
}

body.fc-site [data-focuschrist-featured-art-study="true"] {
    max-width: var(--fc-wide) !important;
    margin: 0 auto !important;
    padding: 0 18px var(--fc-section-y) !important;
}

body.fc-site [data-focuschrist-featured-art-study="true"] > h2 {
    margin: 0 0 10px !important;
    color: var(--fc-gold-light) !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(1.8rem, 3.8vw, 2.55rem) !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
}

body.fc-site [data-focuschrist-featured-art-study="true"] > p {
    color: var(--fc-muted) !important;
}

body.fc-site [data-focuschrist-featured-art-study="true"] > div > a {
    border: 1px solid rgba(134,175,200,.22) !important;
    border-radius: var(--fc-radius) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(134,175,200,.08), transparent 13rem),
        linear-gradient(145deg, rgba(31,62,73,.78), rgba(20,44,54,.84)) !important;
    box-shadow: 0 10px 28px rgba(4,17,23,.18);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

body.fc-site [data-focuschrist-featured-art-study="true"] > div > a:hover,
body.fc-site [data-focuschrist-featured-art-study="true"] > div > a:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(240,195,106,.50) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(240,195,106,.09), transparent 13rem),
        linear-gradient(145deg, rgba(37,70,80,.90), rgba(24,50,59,.92)) !important;
    outline: none;
}

body.fc-site [data-focuschrist-featured-art-study="true"] > div > a span {
    color: var(--fc-gold-light) !important;
    font-family: Georgia, 'Times New Roman', serif;
}

@media (hover: none), (max-width: 700px) {
    body.fc-site .gallery-item .caption {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 700px) {
    body.fc-site .gallery { width: calc(100% - 24px); padding-top: 26px; }
}