/* Keep slide text legible and links usable without JavaScript. */
.home-slider-item[data-hero-depth] { isolation: isolate; }
.home-slider-item[data-hero-depth] picture { display: block; overflow: hidden; }
.home-slider-item[data-hero-depth] .home-slider-image { display: block; }
.home-slider-item[data-hero-depth] .home-slider-content {
    background: linear-gradient(to left, rgba(249,243,235,.95), rgba(249,243,235,.76) 65%, transparent);
    color: #0b1020;
}
.home-slider-item[data-hero-depth] .home-slider-content h2 {
    font-size: clamp(1.5rem, 3vw, 3rem); font-weight: 900; line-height: 1.4; margin: 0;
}
.home-slider-item[data-hero-depth] .home-slider-link:focus-visible {
    outline: 3px solid #915127; outline-offset: -5px;
}
@media (max-width: 767px) {
    .home-slider-item[data-hero-depth] .home-slider-content {
        position: relative; inset: auto; width: 100%; max-width: none;
        box-sizing: border-box; background: #f9f3eb; padding: 1.25rem;
    }
    .home-slider-item[data-hero-depth] .home-slider-content p {
        display: block; overflow: visible; -webkit-line-clamp: unset;
    }
    .home-slider-item[data-hero-depth]::after { display: none; }
    .home-slider-item[data-hero-depth] .home-slider-content h1,
    .home-slider-item[data-hero-depth] .home-slider-content h2 {
        font-size: 1.6rem; line-height: 1.5; max-width: none;
    }
}
/* Progressive enhancement: no layout or image changes on touch devices. */
@media (min-width: 900px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    [data-hero-depth].hero-depth-ready {
        --hero-x: 0px;
        --hero-y: 0px;
        --hero-rx: 0deg;
        --hero-ry: 0deg;
        perspective: 1100px;
    }
    .hero-depth-ready .home-slider-image {
        transform: translate3d(var(--hero-x), var(--hero-y), 0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry)) scale(1.065);
        transition: transform 220ms ease-out;
    }
    .hero-depth-ready .home-slider-content,
    .hero-depth-ready .home-hero-product {
        translate: calc(var(--hero-x) * -0.65) calc(var(--hero-y) * -0.65);
        transition: translate 220ms ease-out;
    }
    .hero-depth-ready .home-hero-note {
        translate: calc(var(--hero-x) * -1.1) calc(var(--hero-y) * -1.1);
        transition: translate 260ms ease-out;
    }
    .hero-depth-ready .home-hero-shape {
        translate: var(--hero-x) var(--hero-y);
        transition: translate 260ms ease-out;
    }
    [data-hero-depth].hero-depth-ready:focus-within {
        --hero-x: 0px !important;
        --hero-y: 0px !important;
        --hero-rx: 0deg !important;
        --hero-ry: 0deg !important;
    }
}