/* ─────────────────────────────────────────────────────────────────────────────
   Homepage ANUBHAV section — Components/Shared/FoundationAnubhav.razor.
   Layout and decoration only; type, buttons, photo frames and the highlights card
   come from nikalas-theme.css (nfd-*).
   ───────────────────────────────────────────────────────────────────────────── */

.nf-anu {
    background:
        radial-gradient(ellipse 45% 55% at 10% 25%, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0) 70%),
        radial-gradient(ellipse 40% 50% at 95% 75%, rgba(214, 230, 250, .6) 0%, rgba(214, 230, 250, 0) 70%),
        var(--nfd-bg);
}

.nf-anu__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
    align-items: center;
    gap: var(--nfd-gap);
}

.nf-anu__gallery {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12px, 1.3vw, 18px);
}
/* Soft blue/orange glow behind the photos. */
.nf-anu__glow {
    position: absolute;
    inset: 4% -4% 2% 6%;
    z-index: -1;
    border-radius: 42% 58% 46% 54% / 52% 44% 56% 48%;
    background: linear-gradient(135deg, rgba(122, 176, 245, .32) 0%, rgba(255, 163, 58, .26) 100%);
    filter: blur(28px);
}
.nf-anu__photo { aspect-ratio: 3 / 2; }

@media (max-width: 899.98px) {
    .nf-anu__inner { grid-template-columns: 1fr; }
    .nf-anu__content,
    .nf-anu__gallery { max-width: 640px; width: 100%; margin: 0 auto; }
}

@media (max-width: 599.98px) {
    .nf-anu__gallery { gap: 10px; }
    .nf-anu__photo { border-width: 3px; border-radius: 12px; }
}