.hero--b{position:relative;background:var(--fumee);color:var(--craie)}.hb{--hb-piste: 220vh;--hb-track: .32em;--hb-reserve: calc(56px + var(--e-5) + env(safe-area-inset-bottom));--hb-bas: calc(var(--hb-reserve) + var(--e-4));--hb-bas: max(12svh, calc(var(--hb-reserve) + var(--e-4)));height:var(--hb-piste)}.hb--fixe,.hb--css{--hb-piste: 100vh}@supports (height: 100svh){.hb--fixe,.hb--css{--hb-piste: 100svh}}.hb__scene{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--fumee);isolation:isolate}.hb__poster,.hb__devant,.hb__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0}.hb__poster{background-size:cover;background-position:center}.hb__poster img,.hb__devant img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hb__devant{z-index:3;pointer-events:none;visibility:hidden;-webkit-mask-image:var(--hb-masque);mask-image:var(--hb-masque);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hb__devant.est-pret{visibility:visible}.hb__canvas{z-index:1;opacity:0;transition:opacity var(--d-5) var(--c-douce)}.hb.est-prete .hb__canvas{opacity:1}.hb__lumiere{position:absolute;z-index:1;inset:-20% auto -20% 0;width:70%;pointer-events:none;background:var(--lumiere-bande);mix-blend-mode:screen;opacity:.5;transform:translate3d(calc((var(--lx) - 50) * 1vw),0,0);transition:transform .9s var(--c-douce)}.hb__voile{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 40% 42% at 100% 100%,color-mix(in oklab,var(--fumee) 62%,transparent),color-mix(in oklab,var(--fumee) 30%,transparent) 55%,transparent),linear-gradient(0deg,color-mix(in oklab,var(--fumee) 40%,transparent),transparent 22%)}.hb__ui{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto;justify-items:center;align-content:end;text-align:center;padding:calc(var(--hauteur-entete) + var(--e-4)) var(--marge) var(--hb-bas);pointer-events:none}.hb__ui>*{pointer-events:auto}.hb__marque{grid-row:2;position:relative;z-index:2;font-size:clamp(3rem,13vw,13rem);line-height:.8;letter-spacing:var(--hb-track);margin-right:calc(-1 * var(--hb-track));white-space:nowrap;color:var(--craie)}.hb__lettres{display:inline-block}.e3{display:inline-block;position:relative;vertical-align:baseline;width:.4em;height:.7em;margin:0 calc(.077em + var(--hb-track, .32em)) 0 .087em}.e3 i{position:absolute;left:0;width:100%;height:.038em;background:currentColor}.e3 i:nth-child(1){top:0}.e3 i:nth-child(2){top:calc(50% - .019em);width:83%}.e3 i:nth-child(3){bottom:0}.hb--gl.est-prete .hb__marque,.hb--gl.est-prete .hb__devant{opacity:0;transition:opacity var(--d-5) var(--c-douce)}.hb__texte{grid-row:3;position:relative;z-index:5;display:grid;justify-items:center;gap:var(--e-5);margin-top:var(--e-5);will-change:transform}.hb__texte:before{content:"";position:absolute;top:-22%;right:-18%;bottom:-30%;left:-18%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,color-mix(in oklab,var(--fumee) 58%,transparent),color-mix(in oklab,var(--fumee) 30%,transparent) 60%,transparent)}.hb__titre{font-weight:400;font-synthesis:none;font-size:var(--t-3);color:var(--craie);white-space:nowrap}.hb__titre[data-reveal=masque].est-visible{clip-path:inset(-10% -6% -14% -6%)}.hb__legende{position:absolute;z-index:5;right:var(--marge);bottom:calc(var(--e-6) + env(safe-area-inset-bottom));display:grid;gap:var(--e-1);justify-items:end;text-align:right;will-change:transform}.hb__legende .t-etiquette{color:var(--craie);font-size:var(--t-8)}.hb__legende ul{display:grid;gap:0}.hb__legende a{display:grid;justify-items:end;gap:2px;padding:var(--e-1) 0;min-height:44px;align-content:center;color:var(--craie)}.hb__legende a:hover .hb__nom,.hb__legende a:focus-visible .hb__nom{color:var(--lumiere-2)}.hb__nom{font-family:var(--f-titre);font-weight:300;font-size:var(--t-7);letter-spacing:.16em;text-transform:uppercase;transition:color var(--d-2)}.hb__coloris{font-size:var(--t-8);color:var(--craie);text-transform:lowercase}.hb__attente{color:var(--lumiere);margin-bottom:var(--e-2)}.hb--css .hb__poster,.hb--css .hb__devant{top:-12px;right:-12px;bottom:-12px;left:-12px;width:auto;height:auto;max-width:none;translate:calc((var(--lx) - 50) * .16px) calc((var(--ly) - 50) * .12px);transition:translate .9s var(--c-douce);transform-origin:62% 55%}.hb--css .hb__texte{translate:calc((var(--lx) - 50) * -.12px) calc((var(--ly) - 50) * -.08px);transition:translate .7s var(--c-douce)}.hb--fixe .hb__lumiere{transition:none;transform:none}@media(orientation:portrait){.hb{--hb-bas: calc(5.5rem + env(safe-area-inset-bottom)) }.hb__voile{background:linear-gradient(0deg,color-mix(in oklab,var(--fumee) 84%,transparent) 0%,color-mix(in oklab,var(--fumee) 55%,transparent) 16%,transparent 30%)}.hb__ui{grid-template-rows:1fr auto auto auto}.hb__marque{font-size:clamp(3rem,16vw,9rem)}.hb__texte{gap:var(--e-4);margin-top:var(--e-4)}.hb__titre{white-space:normal;max-width:22ch;text-wrap:balance}.hb__legende{position:relative;right:auto;bottom:auto;grid-row:4;justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gouttiere);row-gap:0;justify-items:start;text-align:left;margin-top:var(--e-5);padding-top:var(--e-3);border-top:1px solid color-mix(in oklab,var(--craie) 16%,transparent)}.hb__legende .t-etiquette,.hb__attente{grid-column:1 / -1}.hb__attente{margin-bottom:0}.hb__legende ul{display:contents}.hb__legende a{justify-items:start}.hb__nom{letter-spacing:.12em}.hb__lumiere{width:120%;inset:-20% auto -20% -10%}}@media(orientation:portrait)and (min-width:700px){.hb__legende{max-width:34rem;justify-self:center}}@media(max-height:500px)and (orientation:landscape){.hb{--hb-bas: var(--hb-reserve)}.hb__ui{padding-top:calc(var(--hauteur-entete) + var(--e-2))}.hb__marque{font-size:clamp(2.25rem,15vh,4.75rem)}.hb__texte{gap:var(--e-3);margin-top:var(--e-3)}.hb__titre{font-size:var(--t-4)}.hb__legende{bottom:calc(var(--e-4) + env(safe-area-inset-bottom))}.hb__legende .t-etiquette{display:none}}@media(prefers-reduced-motion:reduce){.hb__canvas,.hb__texte,.hb__legende,.hb__lumiere,.hb__poster,.hb__devant,.hb__marque{transition:none!important}.hb__lumiere{transform:none}.hb--css .hb__poster,.hb--css .hb__devant,.hb--css .hb__texte{translate:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hero-b.css.map */