.ouverture{--teinte: var(--citron);position:relative;background:var(--teinte);border-bottom:var(--trait)}.ouverture[data-defilement]{height:calc((var(--parfums) * 70 + 100) * 1svh)}.ouverture__scene{position:relative;height:calc(100svh - var(--entete-h));min-height:520px;overflow:hidden;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sp-5);padding:0 var(--marge)}.ouverture[data-defilement] .ouverture__scene{position:sticky;top:var(--entete-h)}.ouverture__nom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;pointer-events:none}.ouverture__nom span{font:400 var(--taille, 30vw) / .8 var(--ff-display);text-transform:uppercase;white-space:nowrap;color:#0b0b0b17;transform:translate(var(--glisse, 0))}.ouverture__canette{position:absolute;left:50%;bottom:4%;height:90%;aspect-ratio:2 / 5;transform:translate(-50%)}.ouverture__vue{display:block;width:100%;height:100%;object-fit:contain}.ouverture__texte{grid-column:1 / span 4;align-self:end;position:relative;z-index:1;padding-bottom:clamp(24px,6vh,72px)}.ouverture__etiquette{font-size:var(--fs-sm);font-weight:600;margin:0 0 var(--sp-3)}.ouverture__titre{font-family:var(--ff-display);font-weight:400;font-size:var(--fs-ouverture);line-height:.88;text-transform:uppercase;margin:0 0 var(--sp-4)}.ouverture__promesse{font-size:var(--fs-md);max-width:34ch;margin:0 0 var(--sp-6)}.ouverture__parfum{display:grid;gap:var(--sp-3);border-top:var(--trait);padding-top:var(--sp-4)}.ouverture__parfum[hidden]{display:none}.ouverture__rune{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sp-3);margin:0;font-weight:600}.ouverture__rune svg{width:16px;height:22px;fill:none;stroke:currentColor;stroke-width:10;stroke-linecap:square}.ouverture__lien{font-family:var(--ff-display);font-size:var(--fs-xl);text-transform:uppercase;color:inherit;text-decoration:none}.ouverture__lien:hover,.ouverture__lien:focus-visible{text-decoration:underline;text-underline-offset:4px}.ouverture__gout{margin:0}.ouverture__prix{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);margin:0}.ouverture__prix strong{font:400 2.5rem / 1 var(--ff-display)}.ouverture__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ouverture__actions form{margin:0}.ouverture__index{grid-column:11 / span 2;align-self:end;justify-self:end;position:relative;z-index:1;padding-bottom:clamp(24px,6vh,72px);text-align:right}.ouverture__index ol{list-style:none;margin:0 0 var(--sp-5);padding:0;display:grid;gap:var(--sp-1)}.ouverture__index a{color:inherit;text-decoration:none;font-size:var(--fs-sm);font-weight:600;opacity:.55}.ouverture__index a[aria-current=true]{opacity:1}.ouverture__index a:hover,.ouverture__index a:focus-visible{opacity:1;text-decoration:underline}.ouverture__index span{font-variant-numeric:tabular-nums}.ouverture__sauts{display:grid;gap:var(--sp-1);margin:0}.ouverture__sauts a{font-size:var(--fs-sm);opacity:1;text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:no-preference){.ouverture{transition:background-color var(--dur-lent) var(--ease-standard)}}@media(max-width:899px){.ouverture__scene{grid-template-columns:minmax(0,1fr)}.ouverture__nom{align-items:flex-start;padding-top:3%}.ouverture__nom span{color:#0b0b0b1f}.ouverture__canette{top:9%;bottom:auto;height:52%}.ouverture__texte{grid-column:1;padding-bottom:var(--sp-5)}.ouverture__titre{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ouverture__etiquette,.ouverture__promesse,.ouverture__gout,.ouverture__index{display:none}.ouverture__prix strong{font-size:2rem}.ouverture__actions form{flex:1 1 100%}.ouverture__actions .vd-btn{width:100%}}.ouverture--banniere .ouverture__scene{grid-template-rows:minmax(0,1fr) auto}.ouverture__banniere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.ouverture__boucle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;opacity:0;pointer-events:none;transition:opacity var(--dur-lent) var(--ease-standard)}.ouverture__boucle.est-lisible{opacity:1}.ouverture__boucle.est-cachee{opacity:0;transition:none}.ouverture__pause{grid-column:10 / -1;grid-row:1;align-self:start;justify-self:end;position:relative;z-index:1;margin-top:var(--sp-5);padding:var(--sp-2) var(--sp-3);border:var(--trait);background:var(--creme);color:var(--ink);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;cursor:pointer}.ouverture__pause[hidden]{display:none}.ouverture__pause:hover,.ouverture__pause:focus-visible{background:var(--noir);color:var(--creme)}.ouverture--banniere .ouverture__texte{grid-column:1 / span 4;grid-row:1;align-self:center;margin:var(--sp-6) 0;padding:var(--sp-6);border:var(--trait-epais);background:var(--creme)}.ouverture--banniere .ouverture__titre{font-size:clamp(2.75rem,4.2vw,5rem)}.ouverture--banniere .ouverture__promesse{margin-bottom:var(--sp-5)}.ouverture__runes{grid-column:1 / -1;grid-row:2;position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--parfums),minmax(0,1fr));margin:0 calc(-1 * var(--marge));border-top:var(--trait-epais);background:var(--creme)}.ouverture__choix{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);min-height:64px;padding:var(--sp-3) var(--sp-4);border:0;border-right:var(--trait);background:transparent;color:var(--ink);font:400 var(--fs-lg) / 1 var(--ff-display);text-transform:uppercase;cursor:pointer;transition:background-color var(--t-rapide)}.ouverture__choix:last-child{border-right:0}.ouverture__choix svg{flex:none;width:16px;height:22px;fill:none;stroke:currentColor;stroke-width:11;stroke-linecap:square}.ouverture__choix:hover{background:var(--creme-ombre)}.ouverture__choix[aria-pressed=true]{background:var(--teinte-parfum)}.ouverture__choix:focus-visible{outline:2px solid var(--noir);outline-offset:-6px}.ouverture--banniere .ouverture__index{grid-column:10 / -1;grid-row:1;align-self:end;margin-bottom:var(--sp-5);padding:var(--sp-3) var(--sp-4);border:var(--trait);background:var(--creme)}.ouverture--banniere .ouverture__index ol{display:none}.ouverture--banniere .ouverture__banniere.est-change{animation:ouverture-fondu var(--dur-entree) var(--ease-entree)}@keyframes ouverture-fondu{0%{opacity:.35}}@media(prefers-reduced-motion:reduce){.ouverture--banniere .ouverture__banniere.est-change{animation:none}.ouverture__boucle{display:none}}@media(max-width:899px){.ouverture--banniere .ouverture__scene{display:flex;flex-direction:column;height:auto;min-height:0;padding:0}.ouverture__banniere{position:relative;height:46svh;min-height:300px}.ouverture__boucle,.ouverture__pause{display:none}.ouverture__runes{order:2;margin:0;border-top:var(--trait)}.ouverture__choix{min-height:52px;padding:var(--sp-2)}.ouverture__choix span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ouverture--banniere .ouverture__texte{order:3;margin:0;padding:var(--sp-5) var(--marge) var(--sp-6);border:0;border-top:var(--trait)}.ouverture--banniere .ouverture__titre{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font-size:2.75rem}.ouverture--banniere .ouverture__etiquette{display:block}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/vd-ouverture.css.map */