.reveal,[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);will-change:opacity,transform}.reveal.is-visible,.reveal.in-view,[data-reveal].is-revealed{opacity:1;transform:translateY(0)}.reveal[data-delay="1"],[data-reveal][data-reveal-delay="120"]{transition-delay:.12s}.reveal[data-delay="2"],[data-reveal][data-reveal-delay="240"]{transition-delay:.24s}.reveal[data-delay="3"],[data-reveal][data-reveal-delay="360"]{transition-delay:.36s}.reveal[data-delay="4"],[data-reveal][data-reveal-delay="480"]{transition-delay:.48s}.reveal[data-delay="5"],[data-reveal][data-reveal-delay="600"]{transition-delay:.6s}[data-reveal-text]{display:block;overflow:hidden}[data-reveal-text]>.line,[data-reveal-text]>span{display:inline-block;transform:translateY(120%);transition:transform .9s var(--ease-out);will-change:transform}[data-reveal-text].is-revealed>.line,[data-reveal-text].is-revealed>span{transform:translateY(0)}[data-reveal-stagger]>*{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}[data-reveal-stagger].is-revealed>*{opacity:1;transform:translateY(0)}[data-parallax]{will-change:transform;transition:transform 80ms linear}.hero-display{--letter-stagger: 22ms}.hero-display .char{display:inline-block;opacity:0;transform:translateY(.5em);animation:midi-char-in .9s var(--ease-out) forwards;animation-delay:calc(var(--char-index, 0) * var(--letter-stagger))}.hero-display .word{display:inline-block;white-space:nowrap}@keyframes midi-char-in{to{opacity:1;transform:translateY(0)}}@supports (view-transition-name: root){::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur-page);animation-timing-function:var(--ease-out)}::view-transition-old(root){animation-name:midi-page-out}::view-transition-new(root){animation-name:midi-page-in}}@keyframes midi-page-out{to{opacity:0;transform:translateY(-12px)}}@keyframes midi-page-in{0%{opacity:0;transform:translateY(12px)}}.marquee{display:flex;overflow:hidden;white-space:nowrap;width:100%;-webkit-user-select:none;user-select:none;border-block:1px solid var(--hairline);padding-block:1.4rem}.marquee__track{display:inline-flex;align-items:center;gap:3rem;animation:midi-marquee 50s linear infinite}.marquee__item{font-family:var(--font-serif);font-style:italic;font-size:2rem;letter-spacing:-.01em;color:var(--ink);display:inline-flex;align-items:center;gap:3rem}.marquee__item:after{content:"\2726";font-size:.85em;color:var(--accent);font-style:normal}@keyframes midi-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee:hover .marquee__track{animation-play-state:paused}.crossfade{position:relative;overflow:hidden}.crossfade__front,.crossfade__back{transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.crossfade__back{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.crossfade:hover .crossfade__front,.crossfade:focus-within .crossfade__front{opacity:0}.crossfade:hover .crossfade__back,.crossfade:focus-within .crossfade__back{opacity:1;transform:scale(1.02)}[data-magnetic]{display:inline-flex;position:relative;transition:transform .6s var(--ease-out);will-change:transform}[data-magnetic]:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:inherit;background:var(--accent);opacity:0;transform:scale(.85);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out);z-index:-1}[data-magnetic]:hover:before{opacity:.1;transform:scale(1)}@supports (animation-timeline: scroll()){[data-scroll-parallax]{animation:midi-hero-parallax linear;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes midi-hero-parallax{0%{transform:translateY(-8%) scale(1.06)}to{transform:translateY(8%) scale(1.06)}}[data-scroll-zoom]{animation:midi-scroll-zoom linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes midi-scroll-zoom{0%{transform:scale(.86)}50%{transform:scale(1)}to{transform:scale(1.05)}}}.link-reveal{position:relative;overflow:hidden;display:inline-block;line-height:1}.link-reveal__inner,.link-reveal__hover{display:inline-block;transition:transform .48s var(--ease-out)}.link-reveal__hover{position:absolute;top:100%;left:0}.link-reveal:hover .link-reveal__inner,.link-reveal:focus-visible .link-reveal__inner{transform:translateY(-100%)}.link-reveal:hover .link-reveal__hover,.link-reveal:focus-visible .link-reveal__hover{transform:translateY(-100%)}.reveal-mask{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:clip-path 1.2s var(--ease-out)}.reveal-mask.is-revealed{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}body:not(.midi-loaded) .hero-editorial__inner>*{opacity:0;transform:translateY(40px)}body.midi-loaded .hero-editorial__eyebrow{animation:midi-entrance .9s cubic-bezier(.22,1,.36,1) .2s forwards}body.midi-loaded .hero-editorial__title{animation:midi-entrance .9s cubic-bezier(.22,1,.36,1) .35s forwards}body.midi-loaded .hero-editorial__tagline{animation:midi-entrance .9s cubic-bezier(.22,1,.36,1) .5s forwards}body.midi-loaded .hero-editorial__cta{animation:midi-entrance .9s cubic-bezier(.22,1,.36,1) .7s forwards}@keyframes midi-entrance{to{opacity:1;transform:translateY(0)}}body:not(.midi-loaded) .midi-hero-canvas{opacity:0}body.midi-loaded .midi-hero-canvas{animation:midi-canvas-in 2s ease-out .6s forwards}@keyframes midi-canvas-in{to{opacity:.85}}body:not(.midi-loaded) .site-header{transform:translateY(-100%)}body.midi-loaded .site-header{animation:midi-header-down .8s cubic-bezier(.22,1,.36,1) 1s forwards}@keyframes midi-header-down{to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){body:not(.midi-loaded) .hero-editorial__inner>*,body:not(.midi-loaded) .midi-hero-canvas,body:not(.midi-loaded) .site-header{opacity:1;transform:none;animation:none}}.midi-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9997;opacity:0;mix-blend-mode:difference;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1),background .28s;will-change:transform,width,height;display:grid;place-items:center}.midi-cursor.is-hover{width:80px;height:80px;background:var(--accent)}.midi-cursor.has-label{width:100px;height:100px}.midi-cursor__label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-invert);mix-blend-mode:normal;opacity:0;transition:opacity .2s;text-align:center;padding:0 .5rem;line-height:1.1}.midi-cursor.has-label .midi-cursor__label{opacity:1}@media(hover:none),(pointer:coarse){.midi-cursor{display:none!important}}[data-ripple],.btn,.btn-primary,.btn-secondary{position:relative;overflow:hidden}.midi-ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.25;pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:midi-ripple-anim .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes midi-ripple-anim{to{transform:translate(-50%,-50%) scale(20);opacity:0}}.midi-hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.85}.pin-story{position:relative;background:var(--bg-paper)}.pin-story__viewport{position:sticky;top:0;height:100dvh;display:grid;place-items:center;overflow:hidden}.pin-story__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transform:scale(.96);transition:opacity .7s var(--ease-out),transform 1.2s var(--ease-out)}.pin-story__layer.is-active{opacity:1;transform:scale(1)}.distort-hover{overflow:hidden;position:relative}.distort-hover img{transition:transform 1.2s var(--ease-out),filter 1.2s var(--ease-out);will-change:transform,filter}.distort-hover:hover img{transform:scale(1.06);filter:contrast(1.05) saturate(1.08)}[data-section-enter]{opacity:0;transform:translateY(60px);transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out)}[data-section-enter].in-view{opacity:1;transform:translateY(0)}.u-drop-cap>p:first-of-type:first-letter{font-family:var(--font-serif);font-style:italic;font-size:4.2em;line-height:.85;float:left;padding-right:.08em;padding-top:.06em;color:var(--accent)}.sticky-cta{position:fixed;inset:auto 16px 16px 16px;padding:14px 18px;background:var(--ink);color:var(--bg-paper);border-radius:999px;box-shadow:0 24px 60px -20px #0a0a0a8c;transform:translateY(140%);transition:transform .6s cubic-bezier(.22,1,.36,1);z-index:95;display:flex;gap:14px;align-items:center;justify-content:space-between;max-width:580px;margin:0 auto}.sticky-cta.is-visible{transform:translateY(0)}.sticky-cta__name{font-family:var(--font-serif);font-style:italic;font-size:17px;font-weight:500}.sticky-cta__meta{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.sticky-cta__right{display:flex;align-items:center;gap:14px}.sticky-cta__price{font-family:var(--font-serif);font-style:italic;font-size:22px;color:var(--accent)}.sticky-cta__btn{background:var(--accent);color:var(--ink);padding:9px 18px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.midi-livesale{position:fixed;bottom:20px;left:20px;z-index:90;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:340px}.midi-livesale__toast{background:var(--bg-soft);color:var(--ink);border:1px solid var(--hairline);border-radius:16px;padding:14px 18px 14px 14px;box-shadow:0 20px 50px -20px #0a0a0a40,0 2px 8px #0a0a0a0f;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;pointer-events:auto;transform:translate(-120%);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s}.midi-livesale__toast.is-visible{transform:translate(0);opacity:1}.midi-livesale__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#C46546);color:var(--ink-invert);display:grid;place-items:center;font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:20px}.midi-livesale__content{min-width:0}.midi-livesale__line{font-size:12px;line-height:1.4;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midi-livesale__line--meta{color:var(--ink-muted);font-size:11px}.midi-livesale__line--meta em{font-style:italic;color:var(--accent);font-weight:500}.midi-livesale__line strong{font-weight:600}.midi-livesale__line--time{display:flex;align-items:center;gap:8px;margin-top:2px}.midi-livesale__line--time .mono{font-family:var(--font-mono);font-size:9px;color:var(--ink-muted);letter-spacing:.05em}.midi-livesale__verified{font-family:var(--font-mono);font-size:8px;color:var(--accent);background:#d977571a;padding:2px 6px;border-radius:4px}.midi-livesale__close{background:transparent;border:0;color:var(--ink-muted);font-size:20px;line-height:1;width:24px;height:24px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:background .2s}.midi-livesale__close:hover{background:#0a0a0a0f}@media(max-width:540px){.midi-livesale{bottom:80px;left:12px;right:12px;max-width:none}}.midi-cursor-trail{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9996;mix-blend-mode:multiply}@media(hover:none),(pointer:coarse){.midi-cursor-trail{display:none!important}}.qz-section{background:var(--ink);color:var(--bg-paper);padding:120px 28px 130px;position:relative;overflow:hidden}.qz-inner{max-width:760px;margin:0 auto;position:relative;z-index:2}.qz-header{text-align:center;margin-bottom:60px}.qz-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.qz-title{font-family:var(--font-serif);font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.02em;margin:16px 0 18px;color:var(--bg-paper);font-weight:400}.qz-title em{font-style:italic;color:var(--accent);font-weight:500}.qz-sub{font-family:var(--font-serif);font-style:italic;font-size:18px;color:#f5f0ebb3;max-width:500px;margin:0 auto}.qz-progress{height:2px;background:#f5f0eb1a;border-radius:2px;margin:0 0 50px;overflow:hidden}.qz-progress-fill{width:20%;height:100%;background:linear-gradient(90deg,var(--accent),#C46546);transition:width .5s cubic-bezier(.22,1,.36,1)}.qz-step{display:none;opacity:0;transform:translate(40px) scale(.98);filter:blur(8px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out),filter .4s}.qz-step.is-active{display:block;animation:qz-in .5s cubic-bezier(.22,1,.36,1) forwards}.qz-step.is-exit{animation:qz-out .28s ease-in forwards}@keyframes qz-in{0%{opacity:0;transform:translate(40px);filter:blur(8px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes qz-out{to{opacity:0;transform:translate(-40px);filter:blur(8px)}}.qz-step-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--accent);margin-bottom:14px;text-transform:uppercase}.qz-q{font-family:var(--font-serif);font-style:italic;font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.01em;color:var(--bg-paper);margin:0 0 40px;font-weight:500}.qz-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qz-choice{background:#f5f0eb0a;border:1px solid rgba(245,240,235,.12);color:var(--bg-paper);padding:22px 24px;border-radius:18px;text-align:left;cursor:pointer;transition:all .3s var(--ease-out);position:relative;overflow:hidden}.qz-choice:hover{background:#d977571a;border-color:#d9775766}.qz-choice.is-selected{background:var(--accent);border-color:var(--accent);color:var(--ink)}.qz-choice-label{font-family:var(--font-serif);font-style:italic;font-size:18px;font-weight:500;display:block;margin-bottom:4px}.qz-choice-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f5f0eb80}.qz-choice.is-selected .qz-choice-meta{color:#0a0a0a80}.qz-form{display:flex;flex-direction:column;gap:14px;max-width:480px;margin:0 auto}.qz-form input[type=email]{background:#f5f0eb0a;border:1px solid rgba(245,240,235,.15);color:var(--bg-paper);padding:18px 22px;border-radius:999px;font-family:var(--font-serif);font-style:italic;font-size:17px;outline:none;transition:border-color .24s}.qz-form input[type=email]:focus{border-color:var(--accent)}.qz-form input[type=email]::placeholder{color:#f5f0eb66}.qz-form button{background:var(--accent);color:var(--ink);border:0;padding:18px 28px;border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .3s var(--ease-out)}.qz-form button:hover{transform:translateY(-2px);box-shadow:0 16px 38px #d9775766}.qz-form-consent{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:#f5f0eb66;text-align:center;margin:0;text-transform:uppercase}.qz-back{background:transparent;border:0;color:#f5f0eb80;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;margin-top:28px;padding:8px 0}.qz-back:hover{color:var(--accent)}.qz-result{display:none;opacity:0;text-align:center;transform:scale(.95)}.qz-result.is-active{display:block;animation:qz-result-in .8s cubic-bezier(.22,1,.36,1) forwards}@keyframes qz-result-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.qz-result-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.qz-result-h{font-family:var(--font-serif);font-size:clamp(36px,5vw,56px);line-height:1.1;margin:0 0 12px;color:var(--bg-paper);font-weight:400}.qz-result-primary{font-family:var(--font-serif);font-style:italic;font-size:clamp(72px,10vw,140px);line-height:1;color:var(--accent);margin:20px 0;letter-spacing:-.03em;font-weight:500}.qz-result-tagline{font-family:var(--font-serif);font-style:italic;font-size:19px;color:#f5f0ebd9;max-width:480px;margin:0 auto 12px}.qz-result-secondary{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#f5f0eb80;margin-bottom:36px}.qz-result-secondary:before{content:"+ aussi recommand\e9  : ";opacity:.7}.qz-result-cta{display:inline-flex;align-items:center;gap:12px;background:var(--accent);color:var(--ink);padding:20px 36px;border-radius:999px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:all .3s var(--ease-out)}.qz-result-cta:hover{background:var(--bg-paper);transform:translateY(-2px)}@media(max-width:600px){.qz-section{padding:70px 20px 90px}.qz-choices{grid-template-columns:1fr}}.image-hover{position:relative;overflow:hidden;isolation:isolate}.image-hover img{transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .6s;will-change:transform,filter}.image-hover:before,.image-hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;background-image:inherit;background-size:cover;background-position:center;opacity:0;mix-blend-mode:screen;transition:opacity .4s,transform .6s;pointer-events:none}.image-hover:before{background-color:#d9775799}.image-hover:after{background-color:#e8decf66}.image-hover:hover img{transform:scale(1.05);filter:contrast(1.04) saturate(1.08)}.lift-on-hover{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s}.lift-on-hover:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px #0a0a0a33}.editorial-num{font-family:var(--font-serif);font-style:italic;font-size:clamp(72px,9vw,140px);line-height:.85;color:var(--accent);font-weight:500;letter-spacing:-.03em}.glow-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(217,119,87,.25),transparent 70%);filter:blur(40px);pointer-events:none}.free-shipping-bar{padding:16px 20px;background:var(--bg-paper);border-bottom:1px solid var(--hairline)}.free-shipping-bar__text{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--ink);text-transform:uppercase;margin:0 0 10px;text-align:center}.free-shipping-bar__text strong{color:var(--accent)}.free-shipping-bar__track{height:4px;background:#0a0a0a0f;border-radius:2px;overflow:hidden}.free-shipping-bar__fill{height:100%;background:linear-gradient(90deg,var(--accent),#C46546);border-radius:2px;transition:width .6s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.reveal,[data-reveal],[data-reveal-text],[data-reveal-stagger],.hero-display .char,.marquee__track{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.reveal-mask{clip-path:none!important}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/midi-animations.css.map */