.hv{--hv-h:clamp(240px,38vh,430px);--hv-l:calc(var(--hv-h)*.78);--hv-pas:calc(var(--hv-l)*.7);--hv-debut:max(var(--gutter),calc((100vw - var(--container))/2 + var(--gutter)));--hv-tringle:calc(var(--hv-h)*.055);--hv-led-ecart:calc(var(--hv-h)*.26);position:relative;min-height:calc(100vh - 38px);min-height:calc(100svh - 38px);display:flex;flex-direction:column;isolation:isolate;overflow:hidden;background:#0a0a0b;color:var(--paper)}.hv__fond{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.hv__fond img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.hv__mur{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 55% at 50% 38%,rgba(255,236,206,.07),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 74px),linear-gradient(180deg,#121214,#0d0d0f 58%,#0a0a0b)}.hv__fond picture~.hv__mur,.hv__fond picture~.hv__douches{display:none}.hv--photo .hv__led{visibility:hidden}.hv--photo .hv__sol{background:linear-gradient(180deg,#0a0a0b00,#0a0a0b8c);border-top:0}.hv--photo .hv__sol:after{display:none}.hv__douches{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(18% 46% at 18% 0%,rgba(255,240,214,.1),transparent 72%),radial-gradient(18% 46% at 50% 0%,rgba(255,240,214,.12),transparent 72%),radial-gradient(18% 46% at 82% 0%,rgba(255,240,214,.1),transparent 72%)}.hv__voile{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0bb8,#0a0a0b2e 26%,#0a0a0b00 46%,#0a0a0b40 80%,#0a0a0bd9),linear-gradient(90deg,#0a0a0b8c,#0a0a0b00 38%)}.hv__grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hv__haut{position:relative;z-index:3;padding-top:calc(var(--header-h) + clamp(1.2rem,4.5vh,3.2rem));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:clamp(1rem,4vw,4rem)}.hv__kicker{color:var(--paper);margin:0 0 clamp(.7rem,1.6vh,1.1rem)}.hv__kicker:before{background:var(--volt)}.hv__titre{margin:0;color:var(--paper);font-size:clamp(3.1rem,7vw,8rem);line-height:.86;letter-spacing:.005em;text-transform:uppercase}.hv__ligne{display:block;overflow:hidden;padding:.08em .12em;margin:-.08em -.12em}.hv__ligne>[data-hero-line]{display:block}.hv__accent{font-family:var(--f-serif);font-style:italic;font-weight:600;text-transform:none;letter-spacing:-.01em;color:var(--volt);padding-right:.08em}.hv__cote{display:flex;flex-direction:column;gap:clamp(.9rem,2vh,1.4rem);padding-bottom:.4rem;max-width:30rem;justify-self:end}.hv__lead{margin:0;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.55;color:#f7f6f2c7}.hv__lead b{color:var(--paper);font-weight:600}.hv__lead p{margin:0}.hv__lead strong{color:var(--paper);font-weight:600}.hv__actions{display:flex;flex-wrap:wrap;gap:.7rem}.hv .btn--ghost{--_fg:var(--paper);border-color:#f7f6f252}.hv .btn--ghost:hover{--_bg:var(--paper);--_fg:var(--ink);border-color:var(--paper)}.hv__infos{display:flex;flex-wrap:wrap;gap:.35rem 0;margin:0;font:600 var(--t-xs)/1.4 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#f7f6f29e}.hv__infos span+span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--volt);margin:0 .9rem .18em;vertical-align:middle}.hv__infos b{color:var(--paper);font-weight:700}.hv--signaletique .hv__ligne{display:inline-block;vertical-align:baseline}.hv--signaletique .hv__ligne+.hv__ligne{margin-left:.12em}.hv--signaletique .hv__titre{font-size:clamp(2.9rem,6.1vw,7.2rem);line-height:.9;white-space:nowrap}.hv--signaletique .hv__accent{font-size:1.06em}.hv--signaletique .hv__lead{font-size:clamp(1.15rem,1.55vw,1.5rem);line-height:1.35;color:var(--paper);font-weight:500;letter-spacing:-.005em}.hv--signaletique .hv__haut{display:contents}.hv--signaletique .hv__titre-bloc{order:1;position:relative;z-index:3;width:100%;max-width:var(--container);margin-inline:auto;padding:calc(var(--header-h) + clamp(1.2rem,4.5vh,3.2rem)) var(--gutter) 0}.hv--signaletique .hv__titre-bloc{pointer-events:none}.hv--signaletique .hv__portant{order:2;min-height:calc(var(--hv-h) + 40px)}.hv--signaletique .hv__piste{min-height:calc(var(--hv-h) + 40px)}.hv--signaletique .hv__cote{order:3;position:relative;z-index:3;width:100%;max-width:var(--container);margin:0 auto;justify-self:auto;display:grid;grid-template-columns:1fr auto;grid-template-areas:"lead actions" "infos actions";align-items:center;column-gap:2rem;row-gap:.45rem;padding:clamp(1rem,2.4vh,1.5rem) var(--gutter) clamp(1.2rem,3.5vh,2.2rem);border-top:1px solid rgba(247,246,242,.12)}.hv--signaletique .hv__lead{grid-area:lead}.hv--signaletique .hv__infos{grid-area:infos}.hv--signaletique .hv__actions{grid-area:actions;flex-wrap:nowrap}.hv--signaletique .hv__bas{top:calc(-46px - clamp(.8rem,2vh,1.4rem));bottom:auto}.hv--signaletique .hv__astuce-long{display:none}.hv__portant{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;min-height:calc(var(--hv-h) + 110px);margin-top:clamp(1rem,3vh,2.4rem)}.hv__zone{position:relative;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 94%,transparent 100%)}.hv__zone::-webkit-scrollbar{display:none}.hv__zone.is-glisse{cursor:grabbing}.hv__zone.is-glisse .hv__cintre{pointer-events:none}.hv__piste{position:relative;height:100%;min-height:calc(var(--hv-h) + 110px);width:calc(var(--hv-debut)*2 + (var(--n) - 1)*var(--hv-pas) + var(--hv-l) + var(--hv-pas))}.hv__led{position:absolute;left:0;right:0;top:calc(var(--hv-tringle) - var(--hv-led-ecart));height:2px;background:linear-gradient(90deg,transparent,rgba(255,240,214,.55) 12%,rgba(255,240,214,.7) 50%,rgba(255,240,214,.55) 88%,transparent);box-shadow:0 0 22px 3px #ffecce2e,0 30px 80px 30px #ffecce0d}.hv__tringle{position:absolute;left:calc(var(--hv-debut) - 26px);right:26px;top:var(--hv-tringle);height:9px;border-radius:6px;background:linear-gradient(180deg,#fbfbf8,#b5b7b2 40%,#55574f 56%,#d4d6d0);box-shadow:0 8px 18px #0000008c,0 1px #ffffff59 inset;transform-origin:0 50%}.hv__cintre{position:absolute;top:0;left:calc(var(--hv-debut) + var(--i)*var(--hv-pas));width:var(--hv-l);height:var(--hv-h);z-index:calc(100 - var(--i));display:block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.hv__cintre:focus-visible{outline:none}.hv__balance{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;transform-origin:50% 3%;rotate:var(--r,0deg);transition:scale .5s var(--ease),filter .4s}.hv__balance img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:top;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 22px 22px rgba(0,0,0,.6)) brightness(.92);-webkit-box-reflect:below 70px linear-gradient(transparent 80%,rgba(255,255,255,.09));transition:filter .4s}.hv__balance:before{content:"";position:absolute;left:-12%;right:-12%;top:8%;bottom:-6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,240,214,.16),transparent);opacity:0;transition:opacity .45s}.hv__cintre:hover,.hv__cintre:focus-visible{z-index:200}.hv__cintre:hover .hv__balance,.hv__cintre:focus-visible .hv__balance{scale:1.045}.hv__cintre:hover .hv__balance:before,.hv__cintre:focus-visible .hv__balance:before{opacity:1}.hv__cintre:hover img,.hv__cintre:focus-visible img{filter:drop-shadow(0 26px 26px rgba(0,0,0,.65)) brightness(1.04)}.hv__etiquette{position:absolute;top:calc(var(--hv-h)*.15);left:60%;transform-origin:0 0;rotate:7deg;display:flex;flex-direction:column;gap:2px;background:#f4efe4;color:var(--ink);padding:6px 9px 6px 12px;border-radius:3px;font:600 10px/1.15 var(--f-body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 14px #00000073;transition:rotate .5s var(--ease),scale .5s var(--ease)}.hv__etiquette:before{content:"";position:absolute;left:4px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#0b0b0c;opacity:.55}.hv__etiquette b{font-weight:800;letter-spacing:.08em}.hv__etiquette span{font-weight:700;letter-spacing:.02em;text-transform:none;font-size:11px}.hv__cintre:hover .hv__etiquette,.hv__cintre:focus-visible .hv__etiquette{rotate:2deg;scale:1.08}.hv__fin{position:absolute;top:0;left:calc(var(--hv-debut) + var(--n)*var(--hv-pas) + var(--hv-l)*.08);width:var(--hv-l);height:var(--hv-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;color:#f7f6f2b3;text-align:center;text-decoration:none;font:600 .82rem/1.35 var(--f-body);letter-spacing:.04em;transition:color .3s}.hv__fin svg{width:58%;height:auto;color:#f7f6f247;transition:color .3s}.hv__fin b{display:block;font:400 clamp(1.6rem,2.4vw,2.2rem)/1 var(--f-display);letter-spacing:.02em;color:var(--paper)}.hv__fin:hover,.hv__fin:focus-visible{color:var(--volt)}.hv__fin:hover svg,.hv__fin:focus-visible svg{color:var(--volt)}.hv__sol{position:absolute;left:0;right:0;bottom:0;height:calc(100% - var(--hv-h) - 10px);z-index:-1;background:radial-gradient(60% 120% at 50% 0%,rgba(255,236,206,.05),transparent 70%),linear-gradient(180deg,#0e0e108c,#09090aeb);border-top:1px solid rgba(255,255,255,.05)}.hv__sol:after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,255,0,.35),transparent);opacity:.6}.hv__bas{position:absolute;left:0;right:0;bottom:clamp(.9rem,2.4vh,1.6rem);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}.hv__astuce-court{display:none}.hv__astuce{margin:0;font:600 var(--t-xs)/1.3 var(--f-body);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:#f7f6f28c}.hv__fleches{display:flex;gap:.5rem;pointer-events:auto}.hv__fleche{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(247,246,242,.22);background:#0a0a0b73;color:var(--paper);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:background .25s,border-color .25s,color .25s,opacity .25s}.hv__fleche:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.hv__fleche[disabled]{opacity:.3;pointer-events:none}.hv__fleche svg{width:18px;height:18px}.hv.hv--anim .hv__tringle,.hv.hv--anim .hv__led{scale:0 1}.hv.hv--anim .hv__cintre{translate:70vw 0;opacity:0}.hv.hv--anim .hv__fin{opacity:0}.hv.hv--pret .hv__tringle,.hv.hv--pret .hv__led{scale:1 1;transition:scale 1.1s var(--ease)}.hv.hv--pret .hv__cintre{translate:0 0;opacity:1;transition:translate 1.25s cubic-bezier(.16,1,.3,1) calc(.35s + var(--i)*75ms),opacity .5s ease calc(.35s + var(--i)*75ms)}.hv.hv--pret .hv__fin{opacity:1;transition:opacity .8s ease 1.6s}@media(max-width:900px){.hv__haut{grid-template-columns:1fr;gap:0}.hv__cote{justify-self:start;max-width:34rem}.hv{--hv-h:clamp(210px,31vh,270px);--hv-led-ecart:14px}.hv__haut{display:contents}.hv__titre-bloc{order:1;position:relative;z-index:3;padding:calc(var(--header-h) + 1.1rem) var(--gutter) 0}.hv__portant{order:2;margin-top:1.4rem;min-height:calc(var(--hv-h) + 70px)}.hv__piste{min-height:calc(var(--hv-h) + 70px)}.hv__cote{order:3;position:relative;z-index:3;padding:0 var(--gutter) clamp(1.6rem,5vh,2.6rem)}.hv__bas{position:static;padding:0 var(--gutter);margin:-.2rem 0 1.1rem}.hv__astuce-long{display:none}.hv__astuce-court{display:inline}.hv__fleches{display:none}.hv__voile{background:linear-gradient(180deg,#0a0a0bbf,#0a0a0b1a 30% 62%,#0a0a0be6 82%)}.hv__sol{height:auto;top:calc(var(--hv-h) + 4px)}}@media(max-width:900px){.hv--signaletique .hv__ligne{display:block}.hv--signaletique .hv__ligne+.hv__ligne{margin-left:-.12em}.hv--signaletique .hv__titre{white-space:normal;font-size:clamp(3rem,9vw,5rem)}.hv--signaletique .hv__titre-bloc{padding-top:calc(var(--header-h) + 1.1rem)}.hv--signaletique{--hv-h:clamp(200px,28vh,260px)}.hv--signaletique .hv__portant{margin-top:1.1rem;min-height:calc(var(--hv-h) + 34px)}.hv--signaletique .hv__piste{min-height:calc(var(--hv-h) + 34px)}.hv--signaletique .hv__bas{position:static;top:auto;margin:-.4rem 0 .8rem}.hv--signaletique .hv__cote{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;border-top:0;padding-top:0}.hv--signaletique .hv__actions{flex-wrap:wrap;margin-top:.3rem}.hv__infos{flex-direction:column;gap:.3rem;letter-spacing:.1em}.hv__infos span:before,.hv__infos span+span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--volt);margin:0 .6rem .18em 0;vertical-align:middle}}@media(max-width:480px){.hv--signaletique .hv__titre{font-size:clamp(2.8rem,14vw,4rem)}.hv__titre{font-size:clamp(3rem,15.5vw,4.4rem)}.hv__actions .btn{flex:1 1 auto}.hv__etiquette{font-size:9px;padding:5px 7px 5px 11px}.hv__etiquette span{font-size:10px}}@media(min-width:901px)and (max-height:760px){.hv{--hv-h:clamp(220px,38vh,340px)}.hv__titre{font-size:clamp(2.8rem,10vh,5.6rem)}.hv__haut{padding-top:calc(var(--header-h) + 1rem)}.hv--signaletique .hv__titre{font-size:clamp(2.6rem,8.5vh,5.2rem)}.hv--signaletique .hv__titre-bloc{padding-top:calc(var(--header-h) + 1rem)}}@media(prefers-reduced-motion:reduce){.hv.hv--anim .hv__tringle,.hv.hv--anim .hv__led{scale:1 1}.hv.hv--anim .hv__cintre,.hv.hv--anim .hv__fin{translate:0 0;opacity:1}.hv__balance,.hv__etiquette{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/hero-vestiaire.css.map */
