/*!
 * Atelier — Featured categories (luxury hubs, explore-cards, flat grid fallback).
 * Loaded from layout when homepage_select === atelier.
 * Scoped under #atelierFeaturedCategories.
 */
#atelierFeaturedCategories {
    --atelier-fcat-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --atelier-fcat-spring: cubic-bezier(0.16, 1, 0.3, 1);
    --atelier-lux-cta-ease: cubic-bezier(0.23, 1, 0.32, 1);
    --atelier-fcat-lux-radius: clamp(14px, 1.8vw, 20px);
    --atelier-fcat-rim: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(230, 228, 224, 0.55) 35%,
        rgba(210, 198, 190, 0.45) 55%,
        rgba(248, 247, 245, 0.9) 100%
    );
    position: relative;
    z-index: 320;
    isolation: isolate;
    background:
        radial-gradient(120% 80% at 50% -10%, rgba(255, 255, 255, 0.38) 0%, transparent 55%),
        linear-gradient(185deg, #f7f6f4 0%, #f9f8f6 52%, #f7f6f4 100%);
}

/* Content rail — roomy on small phones */
#atelierFeaturedCategories .container {
    max-width: 1200px;
}

@media (max-width: 767.98px) {
    #atelierFeaturedCategories .container {
        padding-left: clamp(0.65rem, 3.2vw, 1.45rem);
        padding-right: clamp(0.65rem, 3.2vw, 1.45rem);
    }
    #atelierFeaturedCategories.atelier-fcat-visible .atelier-fcat-heading-enter {
        animation-duration: 0.68s;
    }
    #atelierFeaturedCategories.atelier-fcat-visible .atelier-fcat-card-lux {
        animation-duration: 0.76s;
    }
}

/* 576–991px: three columns hold; soften row rhythm */
@media (min-width: 576px) and (max-width: 767.98px) {
    #atelierFeaturedCategories .atelier-fcat-grid.row {
        row-gap: 1.35rem;
    }
    #atelierFeaturedCategories .atelier-fcat-media-shell {
        margin: 0.5rem;
        margin-bottom: 0;
    }
}

/* Hero / global carousels: ensure nothing overlaps this band */
@media (max-width: 767.98px) {
    #atelierFeaturedCategories > .container {
        position: relative;
        z-index: 2;
    }
}

#atelierFeaturedCategories .atelier-fcat-heading-wrap {
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
}

@keyframes atelier-fcat-fade-rise {
    from {
        opacity: 0;
        transform: translate3d(0, 1.1rem, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes atelier-fcat-card-reveal {
    0% {
        opacity: 0;
        transform: rotateX(22deg) translateY(2rem) scale(0.9);
        transform-origin: center bottom;
    }
    68% {
        opacity: 1;
        transform: rotateX(-3deg) translateY(-4px) scale(1.015);
        transform-origin: center bottom;
    }
    100% {
        opacity: 1;
        transform: rotateX(0) translateY(0) scale(1);
        transform-origin: center bottom;
    }
}

#atelierFeaturedCategories:not([data-explore-cards]):not(.atelier-fcat-visible)
    .atelier-fcat-heading-enter,
#atelierFeaturedCategories:not([data-explore-cards]):not(.atelier-fcat-visible)
    .atelier-fcat-viewall-enter {
    opacity: 0;
    transform: translateY(0.85rem);
}

#atelierFeaturedCategories:not([data-explore-cards]).atelier-fcat-visible
    .atelier-fcat-heading-enter {
    animation: atelier-fcat-fade-rise 0.78s var(--atelier-fcat-ease) 0.06s both;
}

#atelierFeaturedCategories:not([data-explore-cards]).atelier-fcat-visible .atelier-fcat-viewall-enter {
    animation: atelier-fcat-fade-rise 0.7s var(--atelier-fcat-ease)
        calc(0.07s * min(var(--fcat-count, 3), 12) + 0.42s) both;
}

#atelierFeaturedCategories:not([data-explore-cards]):not(.atelier-fcat-visible)
    .atelier-fcat-card-lux {
    opacity: 0;
    transform: rotateX(16deg) translateY(28px) scale(0.9);
    transform-origin: center bottom;
}

#atelierFeaturedCategories:not([data-explore-cards]).atelier-fcat-visible .atelier-fcat-card-lux {
    animation: atelier-fcat-card-reveal 0.92s var(--atelier-fcat-ease) both;
    animation-delay: calc(0.07s * min(var(--fcat-i, 0), 14));
}

@keyframes atelier-ecat-rise {
    from {
        opacity: 0;
        transform: translate3d(0, 1.25rem, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

#atelierFeaturedCategories[data-explore-cards]:not(.atelier-fcat-visible)
    .atelier-ecat-heading-enter,
#atelierFeaturedCategories[data-explore-cards]:not(.atelier-fcat-visible) .atelier-ecat-viewall-wrap {
    opacity: 0;
    transform: translate3d(0, 1rem, 0);
}

#atelierFeaturedCategories[data-explore-cards]:not(.atelier-fcat-visible)
    .atelier-lux-hub-enter {
    opacity: 0;
    transform: translate3d(0, 1.15rem, 0);
}

#atelierFeaturedCategories[data-explore-cards].atelier-fcat-visible .atelier-lux-hub-enter {
    animation: atelier-ecat-rise 0.82s var(--atelier-fcat-ease) both;
    animation-delay: calc(0.1s * min(var(--ecat-i, 0), 10));
}

#atelierFeaturedCategories[data-explore-cards].atelier-fcat-visible .atelier-ecat-heading-enter {
    animation: atelier-fcat-fade-rise 0.78s var(--atelier-fcat-ease) 0.06s both;
}

#atelierFeaturedCategories[data-explore-cards].atelier-fcat-visible .atelier-ecat-viewall-wrap {
    animation: atelier-fcat-fade-rise 0.72s var(--atelier-fcat-ease)
        calc(0.08s * min(var(--fcat-count, 2), 12) + 0.35s) both;
}

/* Explore collections — campaign scene: layered atmosphere, editorial rhythm, connected hubs */
#atelierFeaturedCategories[data-explore-cards] {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse 100% 70% at 50% -8%, rgba(255, 255, 255, 0.38) 0%, transparent 52%),
        radial-gradient(ellipse 58% 48% at 8% 25%, rgba(45, 48, 58, 0.09) 0%, transparent 58%),
        radial-gradient(ellipse 52% 44% at 92% 35%, rgba(30, 58, 90, 0.08) 0%, transparent 55%),
        radial-gradient(ellipse 70% 55% at 48% 100%, rgba(15, 23, 42, 0.07) 0%, transparent 58%),
        linear-gradient(172deg, #dfe2e8 0%, #ebe8e4 28%, #f0ebe6 58%, #f7f6f4 100%) !important;
    padding-block-start: clamp(1.85rem, 5.2vw, 3.25rem);
    padding-block-end: clamp(3.25rem, 9vw, 5.5rem);
    --atelier-lux-radius: var(--atelier-fcat-lux-radius, clamp(14px, 1.6vw, 20px));
    --atelier-lux-bento-r: clamp(17px, 2vw, 24px);
}

/* Full-scene atmosphere (always on — not tied to admin mesh toggle) */
#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos::after {
    content: '';
    position: absolute;
    inset: -5%;
    background: radial-gradient(
        ellipse 75% 60% at 50% 42%,
        transparent 38%,
        rgba(12, 14, 20, 0.045) 100%
    );
    mix-blend-mode: multiply;
}

@keyframes atelier-ecat-atmos-drift {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.5;
    }
    50% {
        transform: translate3d(2.5%, -2%, 0) scale(1.06);
        opacity: 0.68;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__bloom {
    position: absolute;
    border-radius: 50%;
    filter: blur(24px);
    pointer-events: none;
    will-change: transform, opacity;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__bloom--a {
    width: min(520px, 85vw);
    height: min(380px, 55vh);
    left: -18%;
    top: -12%;
    background: radial-gradient(
        circle at 40% 42%,
        rgba(99, 102, 241, 0.14) 0%,
        rgba(56, 189, 248, 0.08) 45%,
        transparent 68%
    );
    animation: atelier-ecat-atmos-drift 22s ease-in-out infinite;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__bloom--b {
    width: min(480px, 78vw);
    height: min(340px, 48vh);
    right: -14%;
    top: 22%;
    background: radial-gradient(circle at 55% 45%, rgba(148, 163, 184, 0.18) 0%, transparent 68%);
    animation: atelier-ecat-atmos-drift 28s ease-in-out infinite;
    animation-delay: -7s;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__bloom--c {
    width: min(420px, 70vw);
    height: min(300px, 42vh);
    left: 18%;
    bottom: -8%;
    background: radial-gradient(
        circle at 50% 50%,
        rgba(14, 165, 233, 0.09) 0%,
        rgba(15, 23, 42, 0.06) 100%
    );
    animation: atelier-ecat-atmos-drift 26s ease-in-out infinite;
    animation-delay: -12s;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__sheen {
    position: absolute;
    inset: 0;
    opacity: 0.35;
    background: linear-gradient(
        118deg,
        transparent 0%,
        rgba(255, 255, 255, 0.07) 42%,
        transparent 58%
    );
    mix-blend-mode: soft-light;
    mask-image: linear-gradient(90deg, transparent, #000 22%, #000 78%, transparent);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__dust {
    position: absolute;
    inset: 0;
    opacity: 0.045;
    background-image: radial-gradient(rgba(15, 23, 42, 0.055) 1px, transparent 1px);
    background-size: 3px 3px;
    mix-blend-mode: multiply;
}

/* Cinematic ambient layer (scoped; toggle via data-ambient-bg from admin) */
#atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1'] {
    overflow: hidden;
}

@keyframes atelier-fcat-mesh-drift {
    0% {
        transform: translate3d(-3%, -2%, 0) scale(1.02);
        opacity: 0.85;
    }
    33% {
        transform: translate3d(2%, 1%, 0) scale(1.05);
        opacity: 0.96;
    }
    66% {
        transform: translate3d(1%, -3%, 0) scale(1.03);
        opacity: 0.88;
    }
    100% {
        transform: translate3d(-2%, 2%, 0) scale(1.06);
        opacity: 0.92;
    }
}

@keyframes atelier-fcat-grain-shift {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-48px, -36px);
    }
}

#atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::before {
    content: '';
    position: absolute;
    left: -12%;
    top: -18%;
    width: 124%;
    height: 136%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 72% 58% at 12% 18%, rgba(99, 102, 241, 0.12), transparent 58%),
        radial-gradient(ellipse 58% 52% at 92% 8%, rgba(14, 165, 233, 0.1), transparent 52%),
        radial-gradient(ellipse 48% 42% at 38% 98%, rgba(244, 114, 182, 0.08), transparent 52%),
        radial-gradient(ellipse 62% 48% at 72% 55%, rgba(250, 204, 21, 0.07), transparent 48%),
        radial-gradient(ellipse 50% 40% at 48% 40%, rgba(52, 144, 220, 0.05), transparent 55%);
    animation: atelier-fcat-mesh-drift 32s ease-in-out infinite alternate;
}

#atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.055;
    mix-blend-mode: multiply;
    background-image: radial-gradient(rgba(30, 41, 59, 0.06) 1px, transparent 1px);
    background-size: 3px 3px;
    animation: atelier-fcat-grain-shift 14s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    #atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::before,
    #atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::after {
        animation: none !important;
    }

    #atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::before {
        transform: none;
        opacity: 0.9;
    }

    #atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::after {
        transform: none;
    }
}

#atelierFeaturedCategories[data-explore-cards] > .container.atelier-ecat-shell,
#atelierFeaturedCategories[data-explore-cards] > .atelier-ecat-shell {
    max-width: min(86rem, 96vw);
    position: relative;
    z-index: 2;
    padding-inline: clamp(1rem, 3.5vw, 2.75rem);
}

#atelierFeaturedCategories[data-explore-cards] > .container:not(.atelier-ecat-shell) {
    max-width: 76rem;
    position: relative;
    z-index: 2;
}

/* Always-on micro-grain so section never feels like empty flat white */
#atelierFeaturedCategories[data-explore-cards] > .container::before {
    content: '';
    position: absolute;
    inset: -2rem -1rem;
    z-index: 0;
    pointer-events: none;
    opacity: 0.06;
    mix-blend-mode: multiply;
    background-image: radial-gradient(rgba(15, 23, 42, 0.045) 1px, transparent 1px);
    background-size: 3px 3px;
}

#atelierFeaturedCategories[data-explore-cards] > .container > * {
    position: relative;
    z-index: 1;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: clamp(0.2rem, 1vw, 0.55rem);
    text-align: left;
    position: relative;
    z-index: 2;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-row::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: min(42%, 18rem);
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(100, 116, 139, 0.35) 0%,
        rgba(148, 163, 184, 0.12) 55%,
        transparent 100%
    );
    pointer-events: none;
}

@media (max-width: 767.98px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-row::after {
        width: 55%;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-row--editorial {
    align-items: flex-end;
    gap: clamp(1rem, 3vw, 1.85rem);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-rail {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
    padding-bottom: 0.35rem;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-rail {
        display: flex;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-rail__line {
    width: 1px;
    flex: 1 1 4.5rem;
    min-height: 3.25rem;
    border-radius: 2px;
    background: linear-gradient(
        180deg,
        rgba(148, 163, 184, 0.15),
        rgba(15, 23, 42, 0.32) 42%,
        rgba(56, 189, 248, 0.35) 100%
    );
    box-shadow: 0 0 22px rgba(56, 189, 248, 0.22);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-rail__orb {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: radial-gradient(circle at 32% 28%, #fff 0%, #38bdf8 48%, #0f172a 100%);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.65),
        0 0 24px rgba(56, 189, 248, 0.45);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-text {
    max-width: min(52rem, 100%);
    flex: 1 1 16rem;
    min-width: min(100%, 16rem);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-eyebrow {
    margin: 0 0 0.55rem;
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: #475569;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-hero-title {
    margin: 0;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.02;
    color: #0c1222;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-hero-title__serif {
    display: block;
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 1rem + 4.2vw, 3.65rem);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 1.02;
    color: #0b1220;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-hero-title__serif {
        background: linear-gradient(125deg, #0b1220 0%, #1e293b 38%, #334155 95%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-sub {
    margin: 0.55rem 0 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: #64748b;
    max-width: 38rem;
    font-weight: 400;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-desktop {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.72rem 1.35rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.72);
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.9) inset,
        0 10px 28px rgba(15, 23, 42, 0.06);
    transition:
        background 0.45s var(--atelier-fcat-ease),
        color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.45s var(--atelier-fcat-ease),
        transform 0.45s var(--atelier-fcat-spring);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-desktop__arrow {
    display: inline-flex;
    line-height: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 0.45s var(--atelier-fcat-ease);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-desktop__arrow svg {
    display: block;
}

@media (hover: hover) and (pointer: fine) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-desktop:hover {
        background: #0f172a;
        border-color: #0f172a;
        color: #f8fafc;
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.12) inset,
            0 16px 36px rgba(15, 23, 42, 0.22);
        transform: translate3d(0, -3px, 0);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-desktop:hover .atelier-ecat-viewall-desktop__arrow {
        transform: translate3d(5px, 0, 0);
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-desktop:focus-visible {
    outline: 2px solid var(--primary, #3490dc);
    outline-offset: 3px;
}

/* Breathing room after last hub cards (especially mobile stacked hubs + centred last row). */
#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-mobile {
    margin-top: clamp(1.85rem, 6.5vw, 2.85rem);
    padding-top: 0.35rem;
    padding-inline: clamp(0.75rem, 4vw, 1rem);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-mobile-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.72rem 1.35rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.85);
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.95) inset,
        0 10px 26px rgba(15, 23, 42, 0.07);
    transition:
        background 0.4s var(--atelier-fcat-ease),
        color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.4s ease,
        transform 0.4s var(--atelier-fcat-ease);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-mobile-link__arrow {
    display: inline-flex;
    line-height: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 0.45s var(--atelier-fcat-ease);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-mobile-link__arrow svg {
    display: block;
}

@media (hover: hover) and (pointer: fine) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-mobile-link:hover {
        background: #0f172a;
        border-color: #0f172a;
        color: #f8fafc;
        transform: translate3d(0, -2px, 0);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-mobile-link:hover .atelier-ecat-viewall-mobile-link__arrow {
        transform: translate3d(5px, 0, 0);
    }
}

@keyframes atelier-lux-divider-glow {
    0%,
    100% {
        opacity: 0.45;
        transform: scaleX(1) translateZ(0);
    }
    50% {
        opacity: 0.85;
        transform: scaleX(1) translateZ(0);
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.65rem, 3vw, 1.35rem);
    margin: clamp(0.9rem, 2.4vw, 1.45rem) auto clamp(1.15rem, 3vw, 1.85rem);
    max-width: min(820px, 100%);
    color: rgba(51, 65, 85, 0.55);
    position: relative;
    z-index: 2;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-divider::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -2.25rem;
    transform: translateX(-50%);
    width: 1px;
    height: 2rem;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(148, 163, 184, 0.35) 40%,
        rgba(56, 189, 248, 0.28)
    );
    pointer-events: none;
    opacity: 0.75;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-divider-line {
    position: relative;
    flex: 1 1 18%;
    height: 1px;
    min-width: 1rem;
    overflow: hidden;
    border-radius: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(148, 163, 184, 0.35) 28%,
        rgba(148, 163, 184, 0.55) 50%,
        rgba(148, 163, 184, 0.35) 72%,
        transparent
    );
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-divider-line::after {
    content: '';
    position: absolute;
    top: 0;
    left: 18%;
    right: 18%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.95),
        rgba(56, 189, 248, 0.35),
        rgba(255, 255, 255, 0.95),
        transparent
    );
    transform-origin: center;
    transform: scaleX(0.55) translateZ(0);
    opacity: 0.5;
    animation: atelier-lux-divider-glow 4.5s var(--atelier-fcat-ease) infinite;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-divider-arr {
    font-size: 0.65rem;
    opacity: 0.5;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento.atelier-lux-subgrid {
        margin-top: -0.95rem;
    }
}

@media (max-width: 575.98px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-divider::before {
        opacity: 0;
        height: 0;
    }
}
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-divider-text {
    margin: 0;
    padding: 0 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(71, 85, 105, 0.72);
    text-align: center;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-grid {
    display: flex;
    flex-direction: column;
    gap: clamp(1.85rem, 4.8vw, 2.95rem);
    margin-top: 0.25rem;
    position: relative;
    z-index: 2;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub {
    min-width: 0;
}

/* Editorial canvas — no “boxed white card”; depth comes from blooms + mesh */
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__stage {
    position: relative;
    padding: clamp(0.15rem, 1.2vw, 0.75rem) 0;
    border-radius: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    overflow: visible;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__bloom {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(20px);
    opacity: 0.55;
    z-index: 0;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__bloom--1 {
    width: min(420px, 72vw);
    height: min(320px, 48vw);
    left: -12%;
    top: -8%;
    background: radial-gradient(circle at 40% 40%, rgba(99, 102, 241, 0.35), transparent 68%);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__bloom--2 {
    width: min(380px, 65vw);
    height: min(280px, 40vw);
    right: -8%;
    bottom: 0%;
    background: radial-gradient(circle at 55% 45%, rgba(14, 165, 233, 0.28), transparent 65%);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__mesh {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    opacity: 0.07;
    mix-blend-mode: overlay;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__mesh--grain {
    inset: -1rem -5% auto -5%;
    height: min(180px, 28vw);
    background-image: radial-gradient(rgba(15, 23, 42, 0.06) 1px, transparent 1px);
    background-size: 3px 3px;
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

@keyframes atelier-lux-hub-orb-drift-a {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 0.14;
    }
    50% {
        transform: translate3d(3%, -3.5%, 0);
        opacity: 0.22;
    }
}

@keyframes atelier-lux-hub-orb-drift-b {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 0.12;
    }
    50% {
        transform: translate3d(-2.5%, 2.8%, 0);
        opacity: 0.2;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__floats {
    position: absolute;
    inset: -4% -2% -6% -2%;
    z-index: 0;
    pointer-events: none;
    overflow: visible;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(24px);
    will-change: transform, opacity;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__orb--a {
    width: min(140px, 26vw);
    height: min(140px, 26vw);
    left: 6%;
    top: 14%;
    background: radial-gradient(
        circle at 40% 38%,
        rgba(255, 253, 250, 0.38) 0%,
        rgba(148, 163, 184, 0.09) 58%,
        transparent 70%
    );
    animation: atelier-lux-hub-orb-drift-a 42s ease-in-out infinite;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__orb--b {
    width: min(110px, 20vw);
    height: min(110px, 20vw);
    right: 10%;
    top: 28%;
    background: radial-gradient(circle at 55% 45%, rgba(226, 232, 240, 0.28) 0%, transparent 68%);
    animation: atelier-lux-hub-orb-drift-b 48s ease-in-out infinite;
    animation-delay: -9s;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__orb--c {
    width: min(90px, 17vw);
    height: min(90px, 17vw);
    left: 22%;
    bottom: 8%;
    background: radial-gradient(circle at 50% 50%, rgba(203, 213, 225, 0.22) 0%, transparent 72%);
    animation: atelier-lux-hub-orb-drift-b 36s ease-in-out infinite;
    animation-delay: -4s;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__orb--d {
    width: min(72px, 14vw);
    height: min(72px, 14vw);
    right: 18%;
    bottom: 14%;
    background: radial-gradient(circle at 45% 42%, rgba(255, 255, 255, 0.26) 0%, transparent 75%);
    animation: atelier-lux-hub-orb-drift-a 44s ease-in-out infinite;
    animation-delay: -14s;
}

@media (prefers-reduced-motion: reduce) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__orb {
        animation: none !important;
        opacity: 0.1;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__composer {
    position: relative;
    z-index: 1;
    display: grid;
    gap: clamp(1.1rem, 3.2vw, 1.65rem);
    grid-template-areas:
        'hero'
        'bento';
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

@media (min-width: 992px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub:not(.atelier-lux-hub--mirror) .atelier-lux-hub__composer {
        grid-template-columns: minmax(0, 1fr) 40px minmax(268px, min(34vw, 360px));
        grid-template-areas: 'hero bridge bento';
        align-items: center;
        gap: 0 0.15rem;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub--mirror .atelier-lux-hub__composer {
        grid-template-columns: minmax(268px, min(34vw, 360px)) 40px minmax(0, 1fr);
        grid-template-areas: 'bento bridge hero';
        align-items: center;
        gap: 0 0.15rem;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__hero-col {
    grid-area: hero;
    position: relative;
    z-index: 1;
    min-width: 0;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__hero-col::before {
    content: '';
    position: absolute;
    left: -6%;
    right: -4%;
    top: -6%;
    bottom: 16%;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(
        ellipse 86% 72% at 42% 50%,
        rgba(56, 189, 248, 0.11) 0%,
        rgba(99, 102, 241, 0.05) 45%,
        transparent 68%
    );
    filter: blur(46px);
    opacity: 0.78;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__hero-col .atelier-lux-feature {
    position: relative;
    z-index: 1;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__bridge {
    grid-area: bridge;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 0 0 clamp(1.1rem, 2.8vw, 2rem);
    min-height: 6rem;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__bridge-track {
    flex: 1 1 6.5rem;
    min-height: 6.5rem;
    width: 1px;
    border-radius: 2px;
    background: linear-gradient(
        180deg,
        rgba(148, 163, 184, 0.08),
        rgba(56, 189, 248, 0.5) 45%,
        rgba(248, 250, 252, 0.35) 100%
    );
    box-shadow: 0 0 22px rgba(56, 189, 248, 0.22);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__bridge-node {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #fff 0%, #38bdf8 55%, #0f172a 100%);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.75),
        0 0 20px rgba(56, 189, 248, 0.5);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento.atelier-lux-subgrid {
    grid-area: bento;
    position: relative;
    z-index: 2;
    width: 100%;
    min-width: 0;
}

@media (min-width: 992px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento.atelier-lux-subgrid {
        margin-top: -2.25rem;
        padding-top: 0.15rem;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub--mirror .atelier-lux-bento.atelier-lux-subgrid {
        margin-top: -2.25rem;
    }
}

/* Cinematic hero — large focal plane, layered light, editorial type */
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature {
    position: relative;
    overflow: hidden;
    border-radius: var(--atelier-lux-radius);
    --lux-cinema-x: 52%;
    --lux-cinema-y: 46%;
    background: #050506;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none;
    color: #f8fafc;
    width: 100%;
    min-height: clamp(280px, 56vw, 420px);
    aspect-ratio: 16 / 10;
    transform: translate3d(0, 0, 0);
    transition:
        transform 0.65s var(--atelier-fcat-spring),
        box-shadow 0.65s var(--atelier-fcat-ease);
}

@media (min-width: 992px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature.atelier-lux-feature--editorial {
        aspect-ratio: 2.45 / 1;
        min-height: clamp(300px, 34vw, 440px);
    }
}

@keyframes atelier-lux-feature-sheen {
    from {
        transform: translate3d(-130%, 0, 0) skewX(-12deg);
    }
    to {
        transform: translate3d(130%, 0, 0) skewX(-12deg);
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature::before {
    content: '';
    position: absolute;
    inset: -20% -40%;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(
        95deg,
        transparent 0%,
        rgba(255, 255, 255, 0.22) 48%,
        transparent 88%
    );
    opacity: 0;
    transform: translate3d(-40%, 0, 0);
}

@media (hover: hover) and (pointer: fine) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature:hover::before {
        opacity: 1;
        animation: atelier-lux-feature-sheen 1.05s var(--atelier-fcat-spring) forwards;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.09) 0%,
        transparent 42%,
        rgba(15, 23, 42, 0.45) 100%
    );
    mix-blend-mode: soft-light;
    opacity: 0.74;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-vignette {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    border-radius: inherit;
    background:
        radial-gradient(ellipse 70% 58% at var(--lux-cinema-x, 52%) var(--lux-cinema-y, 46%), rgba(255, 255, 255, 0.1) 0%, transparent 58%),
        radial-gradient(ellipse 130% 95% at 50% 105%, rgba(0, 0, 0, 0.62) 0%, transparent 48%),
        radial-gradient(ellipse 95% 80% at 8% 12%, rgba(0, 0, 0, 0.38) 0%, transparent 42%),
        radial-gradient(ellipse 90% 75% at 96% 22%, rgba(0, 0, 0, 0.32) 0%, transparent 44%);
    opacity: 0.94;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #070709;
    border-radius: 0;
    box-shadow: none;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-scrim {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        radial-gradient(ellipse 95% 70% at 18% 22%, rgba(12, 14, 22, 0.18) 0%, transparent 55%),
        linear-gradient(
            180deg,
            rgba(10, 10, 14, 0.02) 0%,
            rgba(10, 10, 14, 0.38) 48%,
            rgba(4, 4, 8, 0.92) 100%
        ),
        linear-gradient(
            98deg,
            rgba(8, 10, 18, 0.78) 0%,
            rgba(12, 12, 18, 0.18) 52%,
            transparent 82%
        );
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-media img.atelier-lux-feature-photo {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    object-fit: cover;
    object-position: center;
    opacity: 1;
    filter: contrast(1.11) saturate(1.09) brightness(1.03);
    transform: translate3d(0, 0, 0) scale(1);
    transition: transform 1s var(--atelier-fcat-spring);
    backface-visibility: hidden;
}

@media (hover: hover) and (pointer: fine) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature:hover {
        transform: none;
        box-shadow: none;
    }

    #atelierFeaturedCategories[data-explore-cards]
        .atelier-lux-feature:hover
        .atelier-lux-feature-photo {
        transform: translate3d(0, 0, 0) scale(1.045);
    }
}

/* Layered radial “stage” lighting — sits above photo, under scrim */
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
    overflow: hidden;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema > span {
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
    border-radius: inherit;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__halo {
    background: radial-gradient(
        ellipse 58% 52% at var(--lux-cinema-x) var(--lux-cinema-y),
        rgba(255, 252, 246, 0.26) 0%,
        rgba(186, 230, 253, 0.08) 38%,
        transparent 64%
    );
    mix-blend-mode: screen;
    opacity: 0.82;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__key {
    background:
        radial-gradient(
            ellipse 46% 40% at var(--lux-cinema-x) var(--lux-cinema-y),
            rgba(255, 255, 255, 0.42) 0%,
            transparent 56%
        ),
        radial-gradient(ellipse 120% 85% at 10% 4%, rgba(147, 197, 253, 0.14) 0%, transparent 48%);
    mix-blend-mode: soft-light;
    opacity: 0.58;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__fill {
    background: radial-gradient(
        ellipse 92% 74% at 70% 60%,
        rgba(15, 23, 42, 0) 36%,
        rgba(8, 10, 18, 0.22) 100%
    );
    mix-blend-mode: multiply;
    opacity: 0.48;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__edge {
    background:
        radial-gradient(ellipse 88% 74% at 50% 48%, transparent 32%, rgba(2, 4, 10, 0.58) 88%),
        radial-gradient(ellipse 108% 98% at 50% 118%, rgba(0, 0, 0, 0.55) 0%, transparent 46%),
        radial-gradient(circle at 0% 5%, rgba(0, 0, 0, 0.32) 0%, transparent 40%),
        radial-gradient(circle at 100% 8%, rgba(0, 0, 0, 0.3) 0%, transparent 38%);
    mix-blend-mode: normal;
    opacity: 0.65;
    filter: blur(1.1px);
}

@media (prefers-reduced-motion: no-preference) {
    @keyframes atelier-lux-cinema-breathe {
        0%,
        100% {
            opacity: 0.74;
        }
        50% {
            opacity: 0.9;
        }
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__halo {
        animation: atelier-lux-cinema-breathe 16s var(--atelier-fcat-ease) infinite;
    }
}

@media (prefers-reduced-motion: reduce) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__halo {
        animation: none;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-body {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: clamp(0.58rem, 2vw, 1rem);
    min-height: 100%;
    height: auto;
    padding: clamp(1.5rem, 5vw, 2.5rem);
    margin: 0;
    box-sizing: border-box;
    max-width: min(42rem, 100%);
    background: none;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-kicker {
    margin: 0;
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.36em;
    text-transform: uppercase;
    color: rgba(248, 250, 252, 0.72);
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-title {
    margin: 0;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(1.75rem, 2.8vw + 0.8rem, 2.85rem);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.02;
    color: #fff;
    text-shadow:
        0 2px 3px rgba(0, 0, 0, 0.4),
        0 22px 48px rgba(0, 0, 0, 0.55);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-tagline {
    margin: 0;
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: clamp(0.8rem, 0.4vw + 0.76rem, 0.93rem);
    font-weight: 400;
    line-height: 1.55;
    color: rgba(248, 250, 252, 0.76);
    max-width: 26rem;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.55);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore {
    --lux-cta-ease: var(--atelier-lux-cta-ease, cubic-bezier(0.23, 1, 0.32, 1));
    position: relative;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.62rem 1.28rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.46);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-decoration: none;
    overflow: hidden;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.05) inset,
        0 1px 0 rgba(255, 255, 255, 0.14) inset,
        0 -1px 0 rgba(0, 0, 0, 0.22) inset,
        0 14px 40px rgba(0, 0, 0, 0.35);
    transform: translate3d(0, 0, 0) scale(1);
    transition:
        background 0.6s var(--lux-cta-ease),
        color 0.55s var(--lux-cta-ease),
        border-color 0.55s var(--lux-cta-ease),
        box-shadow 0.7s var(--lux-cta-ease),
        transform 0.58s var(--lux-cta-ease),
        filter 0.55s var(--lux-cta-ease);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore__glow {
    position: absolute;
    inset: -40%;
    background: conic-gradient(
        from 210deg,
        transparent 0deg,
        rgba(148, 163, 184, 0.22) 72deg,
        rgba(255, 255, 255, 0.18) 160deg,
        transparent 260deg
    );
    opacity: 0;
    transition: opacity 0.65s var(--lux-cta-ease);
    pointer-events: none;
    transform: translate3d(var(--mlx, 0px), var(--mly, 0px), 0);
    will-change: transform;
}

@supports (backdrop-filter: blur(12px)) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore {
        background: rgba(255, 255, 255, 0.12);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore__label,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore__arrow {
    position: relative;
    z-index: 1;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore__arrow {
    display: inline-flex;
    line-height: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 0.62s var(--lux-cta-ease);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore__arrow svg {
    display: block;
}

@media (hover: hover) and (pointer: fine) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore:hover {
        background: rgba(255, 255, 255, 0.34);
        color: #0a0c10;
        border-color: rgba(255, 255, 255, 0.82);
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.52) inset,
            0 2px 0 rgba(255, 255, 255, 0.35) inset,
            0 -2px 10px rgba(15, 23, 42, 0.14) inset,
            0 0 0 1px rgba(255, 255, 255, 0.28),
            0 0 26px 3px rgba(255, 255, 255, 0.12),
            0 0 52px rgba(186, 230, 253, 0.09),
            0 20px 46px rgba(0, 0, 0, 0.22);
        transform: translate3d(0, -2px, 0) scale(1.028);
        filter: brightness(1.02);
    }

    @supports (backdrop-filter: blur(12px)) {
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore:hover {
            background: rgba(255, 255, 255, 0.4);
        }
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore:hover .atelier-lux-btn-explore__glow {
        opacity: 0.32;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore:hover .atelier-lux-btn-explore__arrow {
        transform: translate3d(7px, 0, 0);
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore:focus-visible {
    outline: 2px solid var(--primary, #3490dc);
    outline-offset: 3px;
}

/*
   Subcategory cards — luxury editorial (Farfetch / editorial storefront).
   Hero untouched. Scope: .atelier-lux-bento + .atelier-lux-subcard--tile only.
*/
@keyframes atelier-lux-sub-shimmer {
    from {
        transform: translate3d(-100%, 0, 0) skewX(-10deg);
    }
    to {
        transform: translate3d(220%, 0, 0) skewX(-10deg);
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento.atelier-lux-subgrid {
    --atelier-lux-sub-radius: var(--atelier-lux-bento-r);
    --lux-card-bg-a: #f5f2ed;
    --lux-card-bg-b: #e6e2db;
    --lux-card-ink: #0c0d10;
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(1rem, 2.6vw, 1.35rem);
    margin-top: 0.5rem;
}

@media (min-width: 992px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento.atelier-lux-subgrid {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0;
        margin-top: 0;
        padding-top: 0.35rem;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento .atelier-lux-subcard--tile {
        margin-top: -1.2rem;
        z-index: calc(3 + min(var(--lux-sub-i, 0), 18));
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento .atelier-lux-subcard--tile:first-child {
        margin-top: 0;
    }

    #atelierFeaturedCategories[data-explore-cards]
        .atelier-lux-bento
        .atelier-lux-subcard--tile:nth-child(odd) {
        margin-inline-end: 0.85rem;
    }

    #atelierFeaturedCategories[data-explore-cards]
        .atelier-lux-bento
        .atelier-lux-subcard--tile:nth-child(even) {
        margin-inline-start: 0.85rem;
    }

    @media (hover: hover) and (pointer: fine) {
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento .atelier-lux-subcard--tile:hover {
            z-index: 45;
        }
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile {
    --smx: 0px;
    --smy: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    isolation: isolate;
    overflow: visible;
    padding: 3px;
    border-radius: var(--atelier-lux-sub-radius);
    text-decoration: none;
    color: inherit;
    text-align: left;
    transform: perspective(980px) translate3d(0, 0, 0) rotateX(0deg);
    background:
        linear-gradient(168deg, rgba(255, 255, 255, 0.35) 0%, transparent 42%),
        linear-gradient(145deg, var(--lux-card-bg-a) 0%, #ebe7e0 42%, var(--lux-card-bg-b) 100%);
    border: 1px solid rgba(120, 113, 108, 0.22);
    box-shadow: none;
    transition:
        transform 0.6s var(--atelier-fcat-spring),
        border-color 0.45s ease;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__halo {
    position: absolute;
    inset: -28% -20% -18% -20%;
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
    opacity: 0;
    background: radial-gradient(
        ellipse 55% 48% at 50% 88%,
        rgba(56, 189, 248, 0.18) 0%,
        transparent 65%
    );
    filter: blur(28px);
    transition: opacity 0.55s var(--atelier-fcat-ease);
}

@supports (backdrop-filter: blur(12px)) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile:not(.atelier-lux-subcard--ink) {
        background:
            linear-gradient(155deg, rgba(255, 255, 255, 0.4) 0%, transparent 55%),
            rgba(245, 242, 237, 0.55);
        backdrop-filter: blur(18px) saturate(1.15);
        -webkit-backdrop-filter: blur(18px) saturate(1.15);
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink {
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.06) 0%, transparent 45%),
        linear-gradient(155deg, #141418 0%, #1c1c22 38%, #0a0a0e 100%);
    border-color: rgba(148, 163, 184, 0.22);
    box-shadow: none;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard-aura {
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    background: linear-gradient(
        130deg,
        rgba(255, 255, 255, 0.15) 0%,
        rgba(14, 165, 233, 0.08) 45%,
        rgba(255, 255, 255, 0.06) 100%
    );
    mix-blend-mode: soft-light;
    transition: opacity 0.5s var(--atelier-fcat-ease);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard-shine {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 6;
    overflow: hidden;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard-shine::after {
    content: '';
    position: absolute;
    top: -45%;
    bottom: -45%;
    left: -32%;
    width: 42%;
    background: linear-gradient(
        100deg,
        transparent 0%,
        rgba(255, 255, 255, 0.45) 48%,
        transparent 80%
    );
    opacity: 0;
    transform: translate3d(-130%, 0, 0);
    transition: opacity 0.35s ease;
}

@media (hover: hover) and (pointer: fine) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-subcard-shine::after {
        opacity: 1;
        animation: atelier-lux-sub-shimmer 0.88s var(--atelier-fcat-spring) forwards;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-subcard-aura {
        opacity: 1;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-subcard__halo {
        opacity: 0.85;
    }
}

/* Rim + inner silver edge */
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.85) 0%,
        rgba(180, 174, 168, 0.35) 38%,
        rgba(100, 116, 139, 0.25) 72%,
        rgba(255, 255, 255, 0.65) 100%
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
    opacity: 0.55;
    transition: opacity 0.5s var(--atelier-fcat-ease);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink::before {
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.22) 0%,
        rgba(148, 163, 184, 0.28) 45%,
        rgba(56, 189, 248, 0.18) 78%,
        rgba(248, 250, 252, 0.1) 100%
    );
    opacity: 0.65;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__inner {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    min-height: clamp(128px, 15vw, 158px);
    border-radius: calc(var(--atelier-lux-sub-radius) - 3px);
    overflow: hidden;
    background: linear-gradient(
        98deg,
        rgba(0, 0, 0, 0.02) 0%,
        rgba(255, 255, 255, 0.06) 46%,
        rgba(0, 0, 0, 0.03) 100%
    );
    box-shadow: none;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink .atelier-lux-subcard__inner {
    background: linear-gradient(
        98deg,
        rgba(255, 255, 255, 0.04) 0%,
        rgba(0, 0, 0, 0.12) 100%
    );
    box-shadow: none;
}

/* 45% image / 55% copy — slight bleed into gutter */
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--tile .atelier-lux-subcard__frame {
    position: relative;
    z-index: 2;
    flex: 0 0 45%;
    max-width: 45%;
    min-width: 0;
    margin: -5px 0 -5px -8px;
    align-self: center;
    min-height: calc(100% + 10px);
    border-radius: 0 clamp(12px, 1.5vw, 18px) clamp(12px, 1.5vw, 18px) 0;
    overflow: hidden;
    box-shadow: none;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__index {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    z-index: 5;
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.82);
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
    pointer-events: none;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink .atelier-lux-subcard__index {
    color: rgba(248, 250, 252, 0.55);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-submedia {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 118px;
    margin: 0;
    overflow: hidden;
    background: #121014;
    isolation: isolate;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-submedia__veil {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(180deg, transparent 48%, rgba(0, 0, 0, 0.35) 100%),
        linear-gradient(
            168deg,
            rgba(8, 8, 12, 0.12) 0%,
            rgba(8, 8, 14, 0.42) 48%,
            rgba(4, 4, 8, 0.76) 100%
        ),
        linear-gradient(90deg, rgba(0, 0, 0, 0.38) 0%, transparent 56%);
    opacity: 0.92;
    transition: opacity 0.55s var(--atelier-fcat-ease);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-submedia__gloss {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(
        125deg,
        rgba(255, 255, 255, 0.2) 0%,
        transparent 38%,
        rgba(255, 255, 255, 0.04) 62%,
        transparent 85%
    );
    mix-blend-mode: soft-light;
    opacity: 0.7;
}

@media (hover: hover) and (pointer: fine) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-submedia__veil {
        opacity: 0.78;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-submedia__img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 118px;
    object-fit: cover;
    object-position: center;
    transform: translate3d(var(--smx, 0px), var(--smy, 0px), 0) scale(1.03);
    filter: contrast(1.08) saturate(1.06) brightness(0.98);
    transition: transform 0.78s var(--atelier-fcat-spring), filter 0.55s ease;
    backface-visibility: hidden;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-a .atelier-lux-subcard__inner {
    min-height: clamp(142px, 17vw, 172px);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-b .atelier-lux-subcard__inner {
    min-height: clamp(118px, 13vw, 138px);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-c .atelier-lux-subcard__inner {
    min-height: clamp(132px, 14.5vw, 152px);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-d .atelier-lux-subcard__inner {
    min-height: clamp(124px, 13.5vw, 146px);
}

@media (hover: hover) and (pointer: fine) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-submedia__img {
        transform: translate3d(var(--smx, 0px), var(--smy, 0px), 0) scale(1.09);
        filter: contrast(1.1) saturate(1.1) brightness(1.02);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover {
        transform: none;
        box-shadow: none;
        border-color: rgba(100, 116, 139, 0.32);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink:hover {
        transform: none;
        box-shadow: none;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover::before {
        opacity: 0.92;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-subcard__body {
        transform: translate3d(4px, 0, 0);
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__body {
    flex: 1 1 55%;
    min-width: 0;
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.4rem;
    padding: clamp(0.95rem, 2.4vw, 1.35rem) clamp(1rem, 2.6vw, 1.45rem);
    transform: translate3d(0, 0, 0);
    transition: transform 0.55s var(--atelier-fcat-spring);
    background: linear-gradient(
        98deg,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(247, 244, 239, 0.65) 55%,
        rgba(235, 230, 222, 0.5) 100%
    );
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink .atelier-lux-subcard__body {
    background: linear-gradient(
        98deg,
        rgba(30, 32, 38, 0.9) 0%,
        rgba(18, 18, 24, 0.95) 100%
    );
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__body::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.05;
    mix-blend-mode: multiply;
    background-image: radial-gradient(rgba(15, 23, 42, 0.055) 1px, transparent 1px);
    background-size: 3px 3px;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__eyebrow {
    margin: 0;
    position: relative;
    z-index: 1;
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 0.5625rem;
    font-weight: 600;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: rgba(71, 66, 61, 0.58);
    line-height: 1.35;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink .atelier-lux-subcard__eyebrow {
    color: rgba(226, 232, 240, 0.55);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-name {
    margin: 0;
    position: relative;
    z-index: 1;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(1.18rem, 0.52vw + 1.02rem, 1.55rem);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.12;
    color: #15120f;
    max-width: 20rem;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink .atelier-lux-sub-name {
    color: rgba(250, 250, 248, 0.96);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-cta {
    position: relative;
    z-index: 1;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.5rem;
    padding: 0.38rem 0.85rem 0.38rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(113, 104, 96, 0.22);
    background: rgba(255, 255, 255, 0.22);
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #2a2622;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
    transition:
        background 0.45s var(--atelier-fcat-ease),
        border-color 0.45s ease,
        box-shadow 0.45s ease,
        gap 0.45s var(--atelier-fcat-spring);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink .atelier-lux-sub-cta {
    border-color: rgba(148, 163, 184, 0.28);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(241, 245, 249, 0.92);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-cta__label {
    position: relative;
    display: inline-block;
    padding-bottom: 0;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-cta__label::after {
    display: none;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-cta__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
    line-height: 0;
    color: rgba(42, 38, 34, 0.9);
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(160, 150, 140, 0.25);
    transform: translate3d(0, 0, 0);
    transition: transform 0.5s var(--atelier-fcat-spring), background 0.45s ease;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink .atelier-lux-sub-cta__arrow {
    color: rgba(240, 249, 255, 0.95);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(148, 163, 184, 0.3);
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-cta__arrow svg {
    display: block;
}

@media (hover: hover) and (pointer: fine) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-sub-cta {
        gap: 0.68rem;
        border-color: rgba(56, 189, 248, 0.28);
        background: rgba(255, 255, 255, 0.45);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.95) inset,
            0 10px 28px rgba(15, 23, 42, 0.08);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink:hover .atelier-lux-sub-cta {
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(125, 211, 252, 0.35);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-sub-cta__arrow {
        transform: translate3d(4px, 0, 0);
    }
}

/*
 * Explore hubs — tablet & mobile (<992px): compact 2-column subcategory grid,
 * image-top card layout, softer chrome. Desktop (≥992px) unchanged.
 */
@media (max-width: 991.98px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__composer {
        gap: clamp(0.65rem, 2.4vw, 0.95rem);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature {
        min-height: clamp(192px, 34vw, 310px);
        aspect-ratio: 16 / 10;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento.atelier-lux-subgrid {
        --atelier-lux-bento-r: clamp(11px, 2.5vw, 15px);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem 0.75rem;
        margin-top: 0.35rem;
        align-items: stretch;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-a,
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-b,
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-c,
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-d {
        grid-column: auto;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile {
        height: 100%;
        padding: 0;
        border-radius: var(--atelier-lux-bento-r);
        box-shadow: none;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink.atelier-lux-subcard--tile {
        box-shadow: none;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__inner {
        flex-direction: column;
        align-items: stretch;
        min-height: 0;
        flex: 1 1 auto;
        height: 100%;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-a .atelier-lux-subcard__inner,
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-b .atelier-lux-subcard__inner,
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-c .atelier-lux-subcard__inner,
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--slot-d .atelier-lux-subcard__inner {
        min-height: 0 !important;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--tile .atelier-lux-subcard__frame {
        flex: 0 0 auto;
        max-width: none;
        width: calc(100% + 4px);
        margin: -2px -2px 0 -2px;
        align-self: stretch;
        min-height: 0;
        border-radius: calc(var(--atelier-lux-bento-r) - 2px) calc(var(--atelier-lux-bento-r) - 2px) 0 0;
        box-shadow: none;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--tile .atelier-lux-submedia {
        min-height: 0;
        aspect-ratio: 1 / 1;
        max-height: none;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-submedia__img {
        min-height: 0;
        transform: translate3d(var(--smx, 0px), var(--smy, 0px), 0) scale(1.02);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__body {
        flex: 1 1 auto;
        justify-content: flex-start;
        min-height: 0;
        padding: 0.72rem 0.65rem 0.8rem;
        gap: 0.28rem;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__eyebrow {
        font-size: 0.5rem;
        letter-spacing: 0.28em;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-name {
        font-size: clamp(0.92rem, 0.28vw + 0.82rem, 1.1rem);
        line-height: 1.14;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-cta {
        margin-top: 0.3rem;
        padding: 0.3rem 0.62rem 0.3rem 0.72rem;
        font-size: 0.5rem;
        letter-spacing: 0.18em;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-cta__arrow {
        width: 1.45rem;
        height: 1.45rem;
    }

    @media (hover: hover) and (pointer: fine) {
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover {
            transform: none;
            box-shadow: none;
            border-color: rgba(100, 116, 139, 0.22);
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink:hover {
            transform: none;
            box-shadow: none;
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-submedia__img {
            transform: translate3d(var(--smx, 0px), var(--smy, 0px), 0) scale(1.05);
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-subcard__body {
            transform: none;
        }
    }

    @media (prefers-reduced-motion: no-preference) {
        @media (pointer: coarse) {
            #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:active {
                transform: translate3d(0, 0, 0) scale(0.98);
                transition-duration: 0.12s;
            }

            #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:active .atelier-lux-submedia__img {
                transform: translate3d(var(--smx, 0px), var(--smy, 0px), 0) scale(1.04);
            }
        }
    }
}

/* Phones: shorter hub hero (16:10), tighter type & section rhythm */
@media (max-width: 767.98px) {
    #atelierFeaturedCategories[data-explore-cards] {
        padding-block-start: clamp(1.35rem, 4.2vw, 2.1rem);
        padding-block-end: clamp(2.5rem, 7vw, 3.75rem);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-grid {
        gap: clamp(1.35rem, 4vw, 2rem);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature {
        min-height: clamp(168px, 44vw, 248px);
        aspect-ratio: 16 / 10;
        border-radius: clamp(12px, 3.2vw, 16px);
        box-shadow: none;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-body {
        padding: clamp(1rem, 4vw, 1.35rem);
        gap: clamp(0.4rem, 1.8vw, 0.65rem);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-kicker {
        font-size: 0.5625rem;
        letter-spacing: 0.3em;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-title {
        font-size: clamp(1.35rem, 1.1vw + 1.05rem, 1.95rem);
        line-height: 1.03;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-tagline {
        font-size: clamp(0.72rem, 0.25vw + 0.68rem, 0.82rem);
        line-height: 1.45;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore {
        padding: 0.52rem 1.05rem;
        font-size: 0.6rem;
        letter-spacing: 0.14em;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-divider {
        margin: clamp(0.65rem, 2vw, 1rem) auto clamp(0.85rem, 2.5vw, 1.35rem);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-row--editorial {
        gap: clamp(0.75rem, 2.5vw, 1.25rem);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__composer {
        gap: clamp(0.5rem, 2vw, 0.75rem);
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__hero-col::before {
        opacity: 0.55;
        filter: blur(36px);
    }

    @media (hover: hover) and (pointer: fine) {
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature:hover {
            transform: translate3d(0, -4px, 0);
        }
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:focus-visible {
    outline: 2px solid var(--primary, #3490dc);
    outline-offset: 4px;
}

/* Section title */
#atelierFeaturedCategories .atelier-fcat-title {
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: clamp(0.8125rem, 0.72rem + 0.42vw, 1.0625rem);
    position: relative;
    display: inline-block;
    padding-bottom: 0.85rem;
}

#atelierFeaturedCategories .atelier-fcat-title::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 3rem;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(180, 160, 140, 0.35),
        var(--primary, #3490dc),
        rgba(180, 160, 140, 0.35),
        transparent
    );
}

#atelierFeaturedCategories .atelier-fcat-sub {
    opacity: 0.74;
    letter-spacing: 0.04em;
    font-weight: 500;
}

/* Card slot — 3D animation; perspective must NOT live on the Bootstrap flex col
   (stretch + perspective on flex items often inflates cross-size / rogue row gaps). */
#atelierFeaturedCategories .atelier-fcat-grid.row {
    align-items: flex-start;
    align-content: flex-start;
}

#atelierFeaturedCategories .atelier-fcat-slot {
    perspective: 1000px;
    transform-style: preserve-3d;
}

#atelierFeaturedCategories .atelier-fcat-stretch {
    position: absolute;
    inset: 0;
    z-index: 50;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: inherit;
    outline: none;
}

#atelierFeaturedCategories .atelier-fcat-card-lux {
    border-radius: clamp(10px, 1.2vw, 14px);
    border: none;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 250, 252, 0.96) 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.92) inset,
        0 14px 36px rgba(15, 23, 42, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.6) inset;
    transition:
        transform 0.58s var(--atelier-fcat-ease),
        box-shadow 0.58s var(--atelier-fcat-ease);
}

/* Fine rim accent */
#atelierFeaturedCategories .atelier-fcat-card-lux::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--atelier-fcat-rim);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 4;
}

#atelierFeaturedCategories .atelier-fcat-card-lux::after {
    content: '';
    position: absolute;
    inset: auto 12% -40% 12%;
    height: 55%;
    background: radial-gradient(ellipse at 50% 0%, rgba(52, 144, 220, 0.12), transparent 70%);
    opacity: 0;
    transition: opacity 0.55s ease;
    pointer-events: none;
    z-index: 0;
}

/* Glow sheen — hover only on precise pointers */
#atelierFeaturedCategories
    .atelier-fcat-slot:has(.atelier-fcat-stretch:focus-visible)
    .atelier-fcat-card-lux::after {
    opacity: 1;
}

/* Media block */
#atelierFeaturedCategories .atelier-fcat-media-shell {
    position: relative;
    margin: 0.45rem;
    margin-bottom: 0;
    border-radius: 0.45rem 0.45rem 0 0;
    overflow: hidden;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 8px 20px rgba(18, 16, 20, 0.08);
}

#atelierFeaturedCategories .atelier-fcat-media {
    isolation: isolate;
}

#atelierFeaturedCategories .atelier-fcat-media::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.12) 0%,
        transparent 28%,
        rgba(12, 10, 16, 0.25) 100%
    );
    z-index: 1;
    pointer-events: none;
    opacity: 0.92;
    mix-blend-mode: multiply;
}

#atelierFeaturedCategories .atelier-fcat-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(155deg, rgba(52, 144, 220, 0) 42%, rgba(52, 144, 220, 0.18) 100%);
    opacity: 0;
    transition: opacity 0.55s var(--atelier-fcat-ease);
    pointer-events: none;
    z-index: 2;
}

#atelierFeaturedCategories
    .atelier-fcat-slot:has(.atelier-fcat-stretch:focus-visible)
    .atelier-fcat-media::after {
    opacity: 1;
}

#atelierFeaturedCategories .atelier-fcat-media img {
    transition: transform 0.75s var(--atelier-fcat-ease), filter 0.55s ease;
    filter: saturate(1.03) contrast(1.02);
}

#atelierFeaturedCategories
    .atelier-fcat-slot:has(.atelier-fcat-stretch:focus-visible)
    .atelier-fcat-media
    img {
    transform: scale(1.065);
    filter: saturate(1.06) contrast(1.04);
}

/* Footer copy */
#atelierFeaturedCategories .atelier-fcat-body {
    position: relative;
    z-index: 3;
    padding: 0.95rem 0.95rem 1.15rem;
    background: linear-gradient(180deg, rgba(253, 252, 251, 0.6) 0%, rgba(255, 255, 255, 0.92) 100%);
    border-top: 1px solid rgba(0, 0, 0, 0.045);
    text-align: center;
}

#atelierFeaturedCategories .atelier-fcat-kicker {
    display: block;
    font-size: 0.5625rem;
    font-weight: 800;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: rgba(32, 30, 35, 0.38);
    margin-bottom: 0.35rem;
}

#atelierFeaturedCategories .atelier-fcat-name {
    transition:
        color 0.42s ease,
        letter-spacing 0.52s var(--atelier-fcat-ease),
        transform 0.52s var(--atelier-fcat-ease);
}

#atelierFeaturedCategories
    .atelier-fcat-slot:has(.atelier-fcat-stretch:focus-visible)
    .atelier-fcat-name {
    color: var(--primary, #3490dc) !important;
    letter-spacing: 0.035em;
    transform: translateY(-2px);
}

/* Faux primary CTA (visual only; anchor covers tap) */
#atelierFeaturedCategories .atelier-fcat-cta-line {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 0.65rem;
    padding: 0.28rem 0.75rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--primary, #3490dc);
    background: rgba(52, 144, 220, 0.07);
    border: 1px solid rgba(52, 144, 220, 0.28);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset;
    transition:
        gap 0.45s var(--atelier-fcat-ease),
        background 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.45s ease;
}

#atelierFeaturedCategories
    .atelier-fcat-slot:has(.atelier-fcat-stretch:focus-visible)
    .atelier-fcat-cta-line {
    gap: 0.55rem;
    background: rgba(52, 144, 220, 0.12);
    border-color: rgba(52, 144, 220, 0.45);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.96) inset,
        0 8px 20px rgba(52, 144, 220, 0.12);
}

#atelierFeaturedCategories .atelier-fcat-cta-arrow {
    display: inline-block;
    transition: transform 0.45s var(--atelier-fcat-ease);
}

#atelierFeaturedCategories
    .atelier-fcat-slot:has(.atelier-fcat-stretch:focus-visible)
    .atelier-fcat-cta-arrow {
    transform: translateX(5px);
}

#atelierFeaturedCategories
    .atelier-fcat-slot:has(.atelier-fcat-stretch:focus-visible)
    .atelier-fcat-card-lux {
    transform: translateY(-8px);
    box-shadow:
        0 6px 10px rgba(18, 16, 20, 0.06),
        0 28px 54px rgba(26, 22, 40, 0.14),
        0 0 0 1px rgba(255, 255, 255, 0.75) inset;
}

#atelierFeaturedCategories
    .atelier-fcat-slot:has(.atelier-fcat-stretch:focus-visible)
    .atelier-fcat-card-lux {
    outline: 2px solid rgba(52, 144, 220, 0.55);
    outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
    #atelierFeaturedCategories .atelier-fcat-slot:hover .atelier-fcat-card-lux::after {
        opacity: 1;
    }
    #atelierFeaturedCategories .atelier-fcat-slot:hover .atelier-fcat-media::after {
        opacity: 1;
    }
    #atelierFeaturedCategories .atelier-fcat-slot:hover .atelier-fcat-media img {
        transform: scale(1.065);
        filter: saturate(1.06) contrast(1.04);
    }
    #atelierFeaturedCategories .atelier-fcat-slot:hover .atelier-fcat-name {
        color: var(--primary, #3490dc) !important;
        letter-spacing: 0.035em;
        transform: translateY(-2px);
    }
    #atelierFeaturedCategories .atelier-fcat-slot:hover .atelier-fcat-cta-line {
        gap: 0.55rem;
        background: rgba(52, 144, 220, 0.12);
        border-color: rgba(52, 144, 220, 0.45);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.96) inset,
            0 8px 20px rgba(52, 144, 220, 0.12);
    }
    #atelierFeaturedCategories .atelier-fcat-slot:hover .atelier-fcat-cta-arrow {
        transform: translateX(5px);
    }
    #atelierFeaturedCategories .atelier-fcat-slot:hover .atelier-fcat-card-lux {
        transform: translateY(-8px);
        box-shadow:
            0 6px 10px rgba(18, 16, 20, 0.06),
            0 28px 54px rgba(26, 22, 40, 0.14),
            0 0 0 1px rgba(255, 255, 255, 0.75) inset;
    }
}

@media (prefers-reduced-motion: no-preference) {
    @media (pointer: coarse) {
        #atelierFeaturedCategories .atelier-fcat-slot:active .atelier-fcat-card-lux {
            transform: translateY(-4px);
            transition-duration: 0.15s;
        }
        #atelierFeaturedCategories .atelier-fcat-slot:active .atelier-fcat-media img {
            transform: scale(1.03);
        }
    }
}

/* Mobile / tablet: cinematic image ratio instead of cramped fixed height */
#atelierFeaturedCategories .atelier-fcat-media--ratio {
    height: auto !important;
    min-height: 0 !important;
}

@media (max-width: 991.98px) {
    /* Reference candy grid: sirf photo well + label ("Collection" / CTA chip chhupa) */
    #atelierFeaturedCategories .atelier-fcat-kicker,
    #atelierFeaturedCategories .atelier-fcat-cta-line {
        display: none !important;
    }

    #atelierFeaturedCategories .atelier-fcat-card-lux {
        background: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    #atelierFeaturedCategories .atelier-fcat-card-lux::before,
    #atelierFeaturedCategories .atelier-fcat-card-lux::after {
        opacity: 0 !important;
    }

    #atelierFeaturedCategories .atelier-fcat-media--ratio {
        aspect-ratio: 1 / 1;
        max-height: clamp(92px, 26vw, 220px);
    }

    #atelierFeaturedCategories .atelier-fcat-media--ratio img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    #atelierFeaturedCategories .atelier-fcat-media-shell {
        margin: 0 !important;
        border-radius: clamp(13px, 4.8vw, 22px);
        box-shadow: none;
        overflow: hidden;
        background: linear-gradient(165deg, #f0f8f7 0%, #e8eff6 100%) !important;
    }

    #atelierFeaturedCategories .atelier-fcat-col:nth-child(6n + 2) .atelier-fcat-media-shell {
        background: linear-gradient(165deg, #fff7ef 0%, #ffeada 100%) !important;
    }
    #atelierFeaturedCategories .atelier-fcat-col:nth-child(6n + 3) .atelier-fcat-media-shell {
        background: linear-gradient(165deg, #f3fbf5 0%, #dff3ea 100%) !important;
    }
    #atelierFeaturedCategories .atelier-fcat-col:nth-child(6n + 4) .atelier-fcat-media-shell {
        background: linear-gradient(165deg, #fcf3ff 0%, #fde8fb 100%) !important;
    }
    #atelierFeaturedCategories .atelier-fcat-col:nth-child(6n + 5) .atelier-fcat-media-shell {
        background: linear-gradient(165deg, #f8faff 0%, #e6ecff 100%) !important;
    }
    #atelierFeaturedCategories .atelier-fcat-col:nth-child(6n + 6) .atelier-fcat-media-shell {
        background: linear-gradient(165deg, #fdf8ed 0%, #fae7c9 100%) !important;
    }

    #atelierFeaturedCategories .atelier-fcat-media {
        border-radius: inherit !important;
    }

    #atelierFeaturedCategories .atelier-fcat-media::before {
        opacity: 0.12;
        mix-blend-mode: multiply;
        background: radial-gradient(circle at 50% 32%, rgba(255, 255, 255, 0.72) 0%, transparent 52%);
    }

    #atelierFeaturedCategories .atelier-fcat-media::after {
        opacity: 0 !important;
    }

    #atelierFeaturedCategories .atelier-fcat-body {
        padding: 0.52rem clamp(0.18rem, 1.6vw, 0.6rem) 0;
        background: transparent;
        border: none !important;
    }

    #atelierFeaturedCategories .atelier-fcat-name {
        min-height: 0 !important;
        height: auto !important;
        font-weight: 800 !important;
        font-size: clamp(0.5625rem, 2vw, 0.6875rem) !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        color: #121214 !important;
        line-height: 1.32 !important;
    }
}

@media (max-width: 575.98px) {
    #atelierFeaturedCategories .atelier-fcat-grid.row {
        row-gap: clamp(1rem, 3.5vw, 1.45rem);
    }
    #atelierFeaturedCategories .atelier-fcat-media--ratio {
        max-height: clamp(78px, 21vw, 128px);
    }
}

@media (min-width: 992px) {
    #atelierFeaturedCategories .atelier-fcat-media--ratio {
        aspect-ratio: unset;
        height: 190px !important;
        max-height: none;
    }
    #atelierFeaturedCategories .atelier-fcat-media--ratio img {
        position: static;
        width: 100%;
        height: 100%;
    }
}

/* View all */
#atelierFeaturedCategories .atelier-fcat-viewall {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 1.35rem;
    border-radius: 999px;
    border: 1px solid var(--primary, #3490dc);
    color: var(--primary, #3490dc);
    text-decoration: none;
    transition:
        background 0.4s var(--atelier-fcat-ease),
        color 0.35s ease,
        box-shadow 0.45s var(--atelier-fcat-ease),
        transform 0.45s var(--atelier-fcat-ease),
        letter-spacing 0.35s ease;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.6875rem;
    font-weight: 700;
}

#atelierFeaturedCategories .atelier-fcat-viewall-arrow {
    display: inline-block;
    transition: transform 0.4s var(--atelier-fcat-ease);
}

#atelierFeaturedCategories .atelier-fcat-viewall:hover,
#atelierFeaturedCategories .atelier-fcat-viewall:focus-visible {
    background: var(--primary, #3490dc);
    color: #fff !important;
    box-shadow: 0 10px 28px -8px rgba(52, 144, 220, 0.55);
    transform: translateY(-2px);
    letter-spacing: 0.08em;
}

#atelierFeaturedCategories .atelier-fcat-viewall:focus-visible {
    outline: 2px solid var(--primary, #3490dc);
    outline-offset: 3px;
}

#atelierFeaturedCategories .atelier-fcat-viewall:hover .atelier-fcat-viewall-arrow,
#atelierFeaturedCategories .atelier-fcat-viewall:focus-visible .atelier-fcat-viewall-arrow {
    transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
    #atelierFeaturedCategories .atelier-fcat-heading-enter,
    #atelierFeaturedCategories .atelier-fcat-viewall-enter,
    #atelierFeaturedCategories .atelier-fcat-card-lux {
        animation: none !important;
    }
    #atelierFeaturedCategories:not([data-explore-cards]):not(.atelier-fcat-visible) .atelier-fcat-heading-enter,
    #atelierFeaturedCategories:not([data-explore-cards]):not(.atelier-fcat-visible) .atelier-fcat-viewall-enter {
        opacity: 1;
        transform: none;
    }
    #atelierFeaturedCategories:not([data-explore-cards]):not(.atelier-fcat-visible) .atelier-fcat-card-lux {
        opacity: 1;
        transform: none;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-heading-enter,
    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-viewall-wrap,
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub-enter {
        animation: none !important;
    }
    #atelierFeaturedCategories[data-explore-cards]:not(.atelier-fcat-visible)
        .atelier-ecat-heading-enter,
    #atelierFeaturedCategories[data-explore-cards]:not(.atelier-fcat-visible) .atelier-ecat-viewall-wrap,
    #atelierFeaturedCategories[data-explore-cards]:not(.atelier-fcat-visible) .atelier-lux-hub-enter {
        opacity: 1;
        transform: none;
    }

    #atelierFeaturedCategories[data-explore-cards]
        .atelier-lux-feature-media
        .atelier-lux-feature-photo {
        transition: none !important;
        filter: none !important;
    }
    @media (hover: hover) and (pointer: fine) {
        #atelierFeaturedCategories[data-explore-cards]
            .atelier-lux-feature:hover
            .atelier-lux-feature-photo {
            transform: none !important;
        }
    }
    #atelierFeaturedCategories .atelier-fcat-card-lux,
    #atelierFeaturedCategories .atelier-fcat-media img,
    #atelierFeaturedCategories .atelier-fcat-name,
    #atelierFeaturedCategories .atelier-fcat-cta-line,
    #atelierFeaturedCategories .atelier-fcat-viewall {
        transition: none;
    }
    #atelierFeaturedCategories .atelier-fcat-viewall-arrow,
    #atelierFeaturedCategories .atelier-fcat-cta-arrow {
        transition: none;
    }
    #atelierFeaturedCategories
        .atelier-fcat-slot:has(.atelier-fcat-stretch:focus-visible)
        .atelier-fcat-media
        img {
        transform: none;
    }
    @media (hover: hover) and (pointer: fine) {
        #atelierFeaturedCategories .atelier-fcat-slot:hover .atelier-fcat-media img {
            transform: none;
        }
        #atelierFeaturedCategories .atelier-fcat-slot:hover .atelier-fcat-card-lux {
            transform: none;
        }
    }
    #atelierFeaturedCategories .atelier-fcat-slot:active .atelier-fcat-media img {
        transform: none;
    }
    #atelierFeaturedCategories .atelier-fcat-slot:active .atelier-fcat-card-lux {
        transform: none;
    }
    #atelierFeaturedCategories .atelier-fcat-viewall:hover {
        transform: none;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__bloom--a,
    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__bloom--b,
    #atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__bloom--c {
        animation: none !important;
        transform: none;
        opacity: 0.58;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature::before {
        animation: none !important;
        opacity: 0 !important;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard-shine::after {
        animation: none !important;
        opacity: 0 !important;
    }
    @media (hover: hover) and (pointer: fine) {
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature:hover {
            transform: none !important;
        }
    }
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-submedia__img {
        filter: none !important;
    }
    @media (hover: hover) and (pointer: fine) {
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover,
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-submedia__img {
            transform: none !important;
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-subcard__body {
            transform: none !important;
        }
    }

    @media (min-width: 992px) {
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento .atelier-lux-subcard--tile {
            margin-top: 0 !important;
            margin-inline-start: 0 !important;
            margin-inline-end: 0 !important;
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento.atelier-lux-subgrid {
            gap: 0.85rem;
        }
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore__glow {
        transform: none !important;
    }
}

/* ---------------------------------------------------------------------------
   Backend-driven entrance presets (Homepage > Atelier > Featured Categories)
   data-fcat-anim: default | cinematic | stagger | minimal | none
   --------------------------------------------------------------------------- */

@keyframes atelier-ecat-cinematic {
    from {
        opacity: 0;
        transform: translate3d(0, 1.65rem, 0) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes atelier-ecat-rise-minimal {
    from {
        opacity: 0;
        transform: translate3d(0, 0.45rem, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes atelier-lux-sub-rise {
    from {
        opacity: 0;
        transform: translate3d(0, 1.1rem, 0) scale(0.962);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

/* Preset: instant (no scroll-delayed hidden state) — script also reveals immediately */
#atelierFeaturedCategories[data-fcat-anim="none"][data-explore-cards]:not(.atelier-fcat-visible)
    .atelier-ecat-heading-enter,
#atelierFeaturedCategories[data-fcat-anim="none"][data-explore-cards]:not(.atelier-fcat-visible)
    .atelier-ecat-viewall-wrap,
#atelierFeaturedCategories[data-fcat-anim="none"][data-explore-cards]:not(.atelier-fcat-visible) .atelier-lux-hub-enter {
    opacity: 1;
    transform: none;
    filter: none;
}

#atelierFeaturedCategories[data-fcat-anim="none"]:not([data-explore-cards]):not(.atelier-fcat-visible)
    .atelier-fcat-heading-enter,
#atelierFeaturedCategories[data-fcat-anim="none"]:not([data-explore-cards]):not(.atelier-fcat-visible)
    .atelier-fcat-viewall-enter,
#atelierFeaturedCategories[data-fcat-anim="none"]:not([data-explore-cards]):not(.atelier-fcat-visible) .atelier-fcat-card-lux {
    opacity: 1;
    transform: none;
}

/* Minimal: faster, lighter hubs + header */
#atelierFeaturedCategories[data-fcat-anim="minimal"][data-explore-cards].atelier-fcat-visible .atelier-lux-hub-enter {
    animation: atelier-ecat-rise-minimal 0.54s var(--atelier-fcat-ease) both;
    animation-delay: calc(0.06s * min(var(--ecat-i, 0), 10));
}

#atelierFeaturedCategories[data-fcat-anim="minimal"][data-explore-cards].atelier-fcat-visible .atelier-ecat-heading-enter {
    animation-duration: 0.52s;
}

#atelierFeaturedCategories[data-fcat-anim="minimal"][data-explore-cards].atelier-fcat-visible .atelier-ecat-viewall-wrap {
    animation-duration: 0.48s;
}

#atelierFeaturedCategories:not([data-explore-cards])[data-fcat-anim="minimal"].atelier-fcat-visible .atelier-fcat-card-lux {
    animation-duration: 0.72s;
}

/* Cinematic hubs */
#atelierFeaturedCategories[data-fcat-anim="cinematic"][data-explore-cards].atelier-fcat-visible .atelier-lux-hub-enter {
    animation: atelier-ecat-cinematic 1.08s cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: calc(0.14s * min(var(--ecat-i, 0), 10));
}

#atelierFeaturedCategories[data-fcat-anim="cinematic"][data-explore-cards].atelier-fcat-visible .atelier-ecat-heading-enter {
    animation-duration: 0.95s;
}

/* Subcategory cards — fade-up + stagger (all presets except none; Blade adds .atelier-lux-subcard-enter) */
#atelierFeaturedCategories[data-explore-cards]:not([data-fcat-anim='none']):not(.atelier-fcat-visible)
    .atelier-lux-subcard-enter {
    opacity: 0;
    transform: translate3d(0, 1.05rem, 0) scale(0.965);
}

#atelierFeaturedCategories[data-fcat-anim='default'][data-explore-cards].atelier-fcat-visible .atelier-lux-subcard-enter {
    animation: atelier-lux-sub-rise 0.66s var(--atelier-fcat-spring) both;
    animation-delay: calc(
        0.34s + 0.072s * min(var(--lux-sub-i, 0), 14) + 0.11s * min(var(--ecat-i, 0), 8)
    );
}

#atelierFeaturedCategories[data-fcat-anim='minimal'][data-explore-cards].atelier-fcat-visible .atelier-lux-subcard-enter {
    animation: atelier-lux-sub-rise 0.5s var(--atelier-fcat-ease) both;
    animation-delay: calc(
        0.18s + 0.045s * min(var(--lux-sub-i, 0), 14) + 0.07s * min(var(--ecat-i, 0), 8)
    );
}

#atelierFeaturedCategories[data-fcat-anim='stagger'][data-explore-cards].atelier-fcat-visible .atelier-lux-subcard-enter {
    animation: atelier-lux-sub-rise 0.64s var(--atelier-fcat-ease) both;
    animation-delay: calc(
        0.46s + 0.1s * min(var(--lux-sub-i, 0), 14) + 0.16s * min(var(--ecat-i, 0), 8)
    );
}

#atelierFeaturedCategories[data-fcat-anim='cinematic'][data-explore-cards].atelier-fcat-visible .atelier-lux-subcard-enter {
    animation: atelier-lux-sub-rise 0.76s cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: calc(
        0.58s + 0.09s * min(var(--lux-sub-i, 0), 14) + 0.12s * min(var(--ecat-i, 0), 8)
    );
}

@media (prefers-reduced-motion: reduce) {
    #atelierFeaturedCategories .atelier-lux-subcard-enter {
        animation: none !important;
    }
    #atelierFeaturedCategories[data-explore-cards]:not([data-fcat-anim='none']):not(.atelier-fcat-visible)
        .atelier-lux-subcard-enter {
        opacity: 1;
        transform: none;
    }
}

/* ---------------------------------------------------------------------------
   Featured categories (luxury) — static backgrounds only: removes infinite
   BG/orb/mesh/cinema keyframes that caused scroll/jank. Entrance presets unchanged.
   --------------------------------------------------------------------------- */
#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__bloom--a,
#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__bloom--b,
#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos__bloom--c {
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
}

#atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::before,
#atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::after {
    animation: none !important;
    transform: none !important;
}

#atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::before {
    opacity: 0.92;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-divider-line::after {
    animation: none !important;
    opacity: 0.62 !important;
    transform: scaleX(0.55) translateZ(0) !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__orb {
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
    opacity: 0.14;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__halo {
    animation: none !important;
}

/* Tier 2 — drop blur/blend-heavy decoration (big GPU win; layout & cards unchanged). */
#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-atmos {
    display: none !important;
}

#atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::before,
#atelierFeaturedCategories[data-explore-cards][data-ambient-bg='1']::after {
    display: none !important;
    content: none !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__bloom,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__mesh,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub__floats {
    display: none !important;
}

#atelierFeaturedCategories[data-explore-cards] > .container::before {
    display: none !important;
}

/* Tier 3 — scroll & hover perf: containment, GPU-first transforms, lighter filters/backdrops.
 * Motion retained; drops 3D perspective hovers + expensive drop-shadow filters where possible. */
#atelierFeaturedCategories[data-explore-cards] .atelier-ecat-grid {
    contain: layout;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile {
    transform: translate3d(0, 0, 0) !important;
    backface-visibility: hidden;
    transition:
        transform 0.38s var(--atelier-fcat-spring),
        box-shadow 0.36s var(--atelier-fcat-ease),
        border-color 0.32s ease !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__halo {
    filter: blur(14px) !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-submedia__img {
    transition: transform 0.48s var(--atelier-fcat-spring) !important;
}

@supports (backdrop-filter: blur(1px)) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile:not(.atelier-lux-subcard--ink) {
        backdrop-filter: blur(10px) saturate(1.05) !important;
        -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore {
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore__glow {
    will-change: auto !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-media img.atelier-lux-feature-photo {
    filter: contrast(1.08) saturate(1.06) brightness(1.02) !important;
}

@media (prefers-reduced-motion: no-preference) {
    @media (hover: hover) and (pointer: fine) {
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature:hover {
            transform: none !important;
            box-shadow: none !important;
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature:hover .atelier-lux-feature-photo {
            transform: translate3d(0, 0, 0) scale(1.04) !important;
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover {
            transform: none !important;
            box-shadow: none !important;
            border-color: rgba(100, 116, 139, 0.28) !important;
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink:hover {
            transform: none !important;
            box-shadow: none !important;
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-submedia__img {
            transform: translate3d(0, 0, 0) scale(1.06) !important;
            filter: none !important;
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-subcard__body {
            transform: translate3d(2px, 0, 0) !important;
        }
    }
}

/* Tier 4 — fast-scroll rendering: skip painting far-off hubs; coalesce transition cost while scrolling. */
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-hub {
    content-visibility: auto;
    contain-intrinsic-size: auto 680px;
}

@media (prefers-reduced-motion: no-preference) {
    html.atelier-scroll-active #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature,
    html.atelier-scroll-active #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile,
    html.atelier-scroll-active #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore,
    html.atelier-scroll-active #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-media img.atelier-lux-feature-photo,
    html.atelier-scroll-active #atelierFeaturedCategories[data-explore-cards] .atelier-lux-submedia__img,
    html.atelier-scroll-active #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__body {
        transition-duration: 0.001ms !important;
        transition-delay: 0s !important;
    }
}

/* Tier 5 — cinematic GPU diet: cheaper blends, no SVG grain on cards, tighter blur / backdrop; mobile drops realtime blur. */
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__halo {
    filter: blur(10px) !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard-aura {
    mix-blend-mode: normal !important;
    opacity: 0.14 !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-submedia__gloss {
    mix-blend-mode: normal !important;
    opacity: 0.38 !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__halo {
    mix-blend-mode: normal !important;
    opacity: 0.52 !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__key {
    mix-blend-mode: normal !important;
    opacity: 0.42 !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__fill {
    mix-blend-mode: normal !important;
    opacity: 0.38 !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-cinema__edge {
    filter: none !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__body::before {
    display: none !important;
}

@supports (backdrop-filter: blur(1px)) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile:not(.atelier-lux-subcard--ink) {
        backdrop-filter: blur(6px) saturate(1.03) !important;
        -webkit-backdrop-filter: blur(6px) saturate(1.03) !important;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore {
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
    }
}

/* Tier 6 — storefront-grade: tighter halos/glass on desktop; wider “no backdrop” band for smooth laptop/tablet Chrome. */
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__halo {
    filter: blur(6px) !important;
}

@supports (backdrop-filter: blur(1px)) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile:not(.atelier-lux-subcard--ink) {
        backdrop-filter: blur(4px) saturate(1.02) !important;
        -webkit-backdrop-filter: blur(4px) saturate(1.02) !important;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore {
        backdrop-filter: blur(3px) !important;
        -webkit-backdrop-filter: blur(3px) !important;
    }
}

@media (max-width: 1199.98px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile:not(.atelier-lux-subcard--ink) {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background:
            linear-gradient(155deg, rgba(255, 255, 255, 0.48) 0%, transparent 52%),
            linear-gradient(145deg, rgba(252, 250, 246, 0.97) 0%, rgba(232, 228, 220, 0.97) 100%) !important;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(255, 255, 255, 0.24) !important;
    }
}

/* ── Featured categories: flat — no shadows, glows, 3D lift, or “mat” behind cards. ── */
#atelierFeaturedCategories,
#atelierFeaturedCategories *,
#atelierFeaturedCategories *::before,
#atelierFeaturedCategories *::after {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Blurred glows read as drop shadows on the page background */
#atelierFeaturedCategories .atelier-lux-hub__hero-col::before,
#atelierFeaturedCategories .atelier-lux-hub__bridge,
#atelierFeaturedCategories .atelier-lux-hub__floats,
#atelierFeaturedCategories .atelier-lux-hub__bloom,
#atelierFeaturedCategories .atelier-lux-hub__mesh,
#atelierFeaturedCategories .atelier-lux-hub__orb,
#atelierFeaturedCategories .atelier-ecat-atmos,
#atelierFeaturedCategories .atelier-lux-subcard__halo,
#atelierFeaturedCategories .atelier-lux-subcard-aura,
#atelierFeaturedCategories .atelier-lux-subcard-shine,
#atelierFeaturedCategories .atelier-lux-subcard-shine::after,
#atelierFeaturedCategories .atelier-lux-btn-explore__glow,
#atelierFeaturedCategories .atelier-lux-feature-cinema,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature::before {
    display: none !important;
}

/* Text + CTAs must stay visible (scrim = readability gradient, not a shadow) */
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-scrim,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-vignette {
    display: block !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-body,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__body,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-btn-explore,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-cta {
    visibility: visible !important;
}

#atelierFeaturedCategories .atelier-lux-feature-photo,
#atelierFeaturedCategories .atelier-lux-submedia__img,
#atelierFeaturedCategories .atelier-lux-submedia__veil,
#atelierFeaturedCategories .atelier-fcat-media img,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature:hover .atelier-lux-feature-photo,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover .atelier-lux-submedia__img {
    filter: contrast(1.08) saturate(1.06) brightness(1.02) !important;
}

/* Subcard outer “padding mat” + rim ring looked like a frame behind the card */
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink {
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    background: #f5f2ed !important;
    border: 1px solid rgba(120, 113, 108, 0.18) !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink {
    background: #141418 !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile::before,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink::before {
    display: none !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature:hover,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__frame,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard__inner,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature-media,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-sub-cta {
    box-shadow: none !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature:hover,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover {
    transform: none !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover,
#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink:hover {
    transform: none !important;
}

#atelierFeaturedCategories .atelier-fcat-card-lux,
#atelierFeaturedCategories .atelier-fcat-slot:hover .atelier-fcat-card-lux,
#atelierFeaturedCategories
    .atelier-fcat-slot:has(.atelier-fcat-stretch:focus-visible)
    .atelier-fcat-card-lux {
    transform: none !important;
}

/* Perf-tier hover rules (earlier in file) — must lose 3D lift + shadow */
@media (prefers-reduced-motion: no-preference) {
    @media (hover: hover) and (pointer: fine) {
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature:hover,
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard:hover,
        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard--ink:hover {
            transform: none !important;
            box-shadow: none !important;
        }

        #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento .atelier-lux-subcard--tile:hover {
            transform: none !important;
        }
    }
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile {
    transform: none !important;
    perspective: none !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-subcard.atelier-lux-subcard--tile:not(.atelier-lux-subcard--ink) {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#atelierFeaturedCategories[data-explore-cards] .atelier-lux-feature {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Staggered overlap showed the previous card “behind” the stack */
@media (min-width: 992px) {
    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento.atelier-lux-subgrid {
        gap: clamp(0.85rem, 2vw, 1.2rem) !important;
        padding-top: 0 !important;
    }

    #atelierFeaturedCategories[data-explore-cards] .atelier-lux-bento .atelier-lux-subcard--tile {
        margin-top: 0 !important;
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important;
    }
}