.product-triptych{height:auto;background:#08090a;position:relative}
.products-stage{padding:100px 4vw 38px;display:grid;gap:32px}
.products-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}
.products-heading .eyebrow{margin:0 0 8px}
.products-heading h2{font-size:clamp(36px,4.1vw,65px);line-height:1.08}
.products-heading h2 em{font-family:inherit;letter-spacing:inherit;color:var(--muted)}
.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:0}
.product-panel{position:relative;display:block;overflow:hidden;isolation:isolate;min-width:0;height:clamp(380px,60svh,760px);background:#050606}
.product-panel-media{position:absolute;inset:0;overflow:hidden;clip-path:var(--products-clip,inset(0));filter:blur(var(--products-blur,0px)) brightness(var(--products-light,1));transform:translateY(var(--products-y,0px));will-change:clip-path,filter,transform}
.product-panel-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--products-scale,1));transition:scale .8s cubic-bezier(.2,.7,.2,1)}
.product-panel:nth-child(1) img{object-position:55% 45%}.product-panel:nth-child(2) img{object-position:50% 49%}.product-panel:nth-child(3) img{object-position:50% 45%}
.product-panel:after{content:'';position:absolute;inset:30% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,#05060655 35%,#050606ed)}
.product-panel-copy{position:absolute;z-index:2;left:clamp(18px,2vw,34px);right:20px;bottom:28px;transform:translateY(var(--products-copy-y,0px));opacity:var(--products-copy-alpha,1)}
.product-panel-copy p{font-size:9px;letter-spacing:.2em;color:#d7c6a9;margin-bottom:12px}
.product-panel-copy h3{font-size:clamp(24px,2.7vw,42px);font-weight:300;letter-spacing:-.045em;line-height:1.15;margin:0 0 12px}
.product-panel-copy>span{display:block;font-size:12px;line-height:1.6;color:#c9c4ba}
.product-panel-copy .product-panel-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff35;margin-top:22px;padding-top:15px;font-size:10px;color:var(--cream)}
.product-panel-link b{font-size:18px;font-weight:300;transition:transform .4s}
.product-panel:hover img{scale:1.045}.product-panel:hover .product-panel-link b{transform:translate(3px,-3px)}
.product-panel:focus-visible{outline-offset:-4px;outline:2px solid var(--gold)}
.products-scroll-cue{font-size:8px;letter-spacing:.15em;color:var(--muted);display:flex;justify-content:space-between;align-items:center}
.products-scroll-cue span{font-size:18px;color:var(--gold)}
@media(min-width:900px) and (min-height:700px){
 .product-triptych.products-animated{height:260svh}
 .products-animated .products-stage{position:sticky;top:0;height:100svh;grid-template-rows:auto minmax(0,1fr) auto;padding-top:105px;gap:24px}
 .products-animated .product-panel{height:100%}
}
@media(max-width:899px){
 .products-stage{padding:75px 5vw 35px;gap:28px}.products-heading{display:block}.products-heading .eyebrow{margin-bottom:22px}.products-heading h2{font-size:clamp(36px,6vw,50px)}
 .products-grid{grid-template-columns:1fr;gap:20px}.product-panel{height:540px;max-height:78svh;min-height:390px}.product-panel-copy h3{font-size:34px}.product-panel-copy{left:24px;right:24px}.products-scroll-cue{font-size:7px;letter-spacing:.1em}
}
@media(prefers-reduced-motion:reduce){.product-panel-media{filter:none!important;transform:none!important;clip-path:none!important;will-change:auto}.product-panel-media img{transform:none!important;transition:none;scale:1!important}.product-panel-copy{opacity:1!important;transform:none!important}}
.reduced-motion .product-panel-media{filter:none!important;transform:none!important;clip-path:none!important;will-change:auto}.reduced-motion .product-panel-media img{transform:none!important;scale:1!important}.reduced-motion .product-panel-copy{opacity:1!important;transform:none!important}

#produits .products-stage{padding-top:35px;gap:18px}