.home-vitrine{position:relative;isolation:isolate;overflow:hidden;min-height:705px;display:flex;align-items:center;background:#102a20;color:#fff}
.home-vitrine-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 53%}
.home-vitrine::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,31,24,.97),rgba(10,31,24,.8) 30%,rgba(10,31,24,.1) 70%,transparent)}
.home-vitrine-copy{padding:54px 5%;width:100%}
.home-vitrine-copy h1{font-size:clamp(2.5rem,4.6vw,4.4rem);max-width:760px;line-height:1.09;letter-spacing:-.045em}
.home-vitrine-copy>.eyebrow{margin-bottom:20px}
.home-vitrine-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7;margin:25px 0 28px;color:#f2f4f2;max-width:510px}
.home-feature-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 5% 0}
.home-feature-banner{display:grid;grid-template-columns:54% 46%;align-items:center;min-width:0;overflow:hidden;background:#f4f5f2;min-height:245px}
.home-feature-copy{padding:28px 12%;position:relative;z-index:1}
.home-feature-copy .eyebrow{font-size:.75rem;letter-spacing:.14em;margin-bottom:14px}
.home-feature-copy h2{font-size:clamp(1.65rem,2.4vw,2.2rem);line-height:1.15;margin:0 0 24px}
.home-feature-copy .text-link{font-size:.875rem;line-height:1.6}
.home-feature-banner img{width:100%;height:245px;object-fit:cover;mix-blend-mode:multiply;transition:transform .25s ease}
.home-feature-banner:hover img{transform:scale(1.035)}
@media(max-width:700px){.home-vitrine{min-height:615px}.home-vitrine-copy{padding:40px 6%}.home-vitrine-copy h1{font-size:clamp(2.25rem,7vw,3rem)}.home-vitrine::after{background:linear-gradient(90deg,rgba(10,31,24,.94),rgba(10,31,24,.7) 55%,rgba(10,31,24,.25))}.home-vitrine-image{object-position:60% center}.home-feature-banners{grid-template-columns:1fr;gap:16px;margin:22px 5% 0}.home-feature-banner{min-height:190px;grid-template-columns:54% 46%}.home-feature-banner img{height:190px}.home-feature-copy{padding:22px 10%}.home-feature-copy h2{font-size:1.75rem;margin-bottom:18px}.home-vitrine-copy .eyebrow{font-size:.75rem;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){.home-feature-banner img{transition:none}}

.home-after-products{margin:0 5% 64px;row-gap:24px}.home-after-products .home-feature-banner img{object-fit:contain}.home-after-products .home-feature-banner:nth-child(2){background:#eef1f2}.home-after-products .home-feature-banner:nth-child(3){background:#f1f2f4}.home-after-products .home-feature-banner:nth-child(4){background:#f5f4f1}@media(max-width:700px){.home-after-products{margin-bottom:40px;row-gap:16px}}
/* Five-photo homepage slider. */
.home-vitrine{touch-action:pan-y}
.home-vitrine .home-vitrine-image{opacity:0;transition:opacity .7s ease;pointer-events:none}
.home-vitrine .home-vitrine-image.is-active{opacity:1}
.home-vitrine-copy{padding-left:max(5%,64px);padding-right:max(5%,64px)}
.home-vitrine[data-tone="light"]{color:#252828}
.home-vitrine[data-tone="light"]::after{background:linear-gradient(90deg,rgba(255,255,255,.74),rgba(255,255,255,.35) 35%,transparent 68%)}
.home-vitrine[data-tone="light"] .home-vitrine-copy>p:not(.eyebrow){color:#343c38}
.home-vitrine[data-tone="light"] .home-vitrine-copy .button{background:#223e35;color:#fff}
.home-slide-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:54px;border:1px solid rgba(255,255,255,.3);border-radius:3px;background:rgba(15,25,20,.65);color:#fff;font:400 38px/1 var(--font-ui);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s ease}
.home-slide-prev{left:10px}.home-slide-next{right:10px}
.home-vitrine:hover .home-slide-arrow,.home-vitrine:focus-within .home-slide-arrow{opacity:1;pointer-events:auto}
.home-slide-pause{position:absolute;bottom:18px;right:5%;border:1px solid rgba(255,255,255,.5);border-radius:3px;color:#fff;background:rgba(15,25,20,.7);padding:8px 14px;font-size:.875rem}
.home-slide-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(hover:none){.home-slide-arrow{opacity:1;pointer-events:auto}}
@media(max-width:700px){.home-vitrine-copy{padding-left:60px;padding-right:60px}.home-vitrine[data-tone="light"]::after{background:linear-gradient(90deg,rgba(255,255,255,.91),rgba(255,255,255,.73) 55%,rgba(255,255,255,.15))}.home-slide-arrow{width:40px;height:48px}.home-slide-prev{left:8px}.home-slide-next{right:8px}}
@media(prefers-reduced-motion:reduce){.home-vitrine .home-vitrine-image,.home-slide-arrow{transition:none}}
/* Mobile-only art direction: unobstructed product photography above compact copy. */
@media(max-width:700px){
 .home-vitrine{--mobile-photo-height:clamp(220px,75vw,330px);display:block;min-height:0;padding-top:var(--mobile-photo-height);background:#fff;color:var(--ink)}
 .home-vitrine::after{display:none}
 .home-vitrine .home-vitrine-image{inset:0 0 auto;z-index:0;width:100%;height:var(--mobile-photo-height);object-fit:cover;object-position:100% 50%;max-width:none}
 .home-vitrine .home-vitrine-image:first-child{object-position:65% 50%}
 .home-vitrine .home-vitrine-copy{position:relative;z-index:1;padding:20px 6% 24px;background:#fff;color:var(--ink)}
 .home-vitrine .home-vitrine-copy>.eyebrow{display:none}
 .home-vitrine .home-vitrine-copy h1{font-size:clamp(1.65rem,6.8vw,2rem);line-height:1.12;letter-spacing:-.04em;margin:0}
 .home-vitrine[data-tone] .home-vitrine-copy>p:not(.eyebrow){font-size:1rem;line-height:1.45;margin:10px 0 15px;max-width:35rem;color:#515b55}
 .home-vitrine .home-vitrine-copy .desktop{display:none}
 .home-vitrine[data-tone] .home-vitrine-copy .button{background:#223e35;color:#fff;padding:11px 18px;min-height:44px;font-size:.875rem;gap:24px}
 .home-vitrine .home-slide-arrow{top:calc(var(--mobile-photo-height)/2);z-index:2;width:44px;height:44px;opacity:1;pointer-events:auto;border-radius:50%;background:rgba(15,25,20,.65);font-size:32px}
 .home-vitrine .home-slide-pause{top:calc(var(--mobile-photo-height) - 52px);bottom:auto;right:12px;z-index:2;min-height:40px;padding:8px 12px}
}