#mp-coffre-preview .rack-section{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:16px;background:radial-gradient(ellipse at 72% 45%,#242830,#111214 72%);padding:36px 26px 24px}#mp-coffre-preview .rack-copy p{color:#ff8537;font-size:11px;letter-spacing:2px;margin:0 0 16px;line-height:1.5}#mp-coffre-preview .rack-copy span{color:#c5c8cc;font-size:14px;line-height:1.6}#mp-coffre-preview .rack-stage{position:relative;width:100%;aspect-ratio:1/1.05;isolation:isolate}#mp-coffre-preview .rack-floor{position:absolute;left:10%;right:8%;bottom:0;height:14%;background:radial-gradient(ellipse,#050607 0%,transparent 70%);transform:rotate(-8deg)}#mp-coffre-preview .rack-post{position:absolute;width:3%;height:72%;background:linear-gradient(90deg,#0647af,#2379ea 65%,#063a8e 65%);box-shadow:1px 0 #4893f9;transform-origin:bottom;animation:mp-post .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay)}#mp-coffre-preview .rack-post:after{content:"";position:absolute;left:25%;top:2%;bottom:2%;width:22%;background:radial-gradient(ellipse,#071d39 28%,transparent 34%) center top/100% 12px repeat-y}#mp-coffre-preview .rear-left{left:12%;top:8%;z-index:1}#mp-coffre-preview .rear-right{left:70%;top:0%;z-index:1}#mp-coffre-preview .front-right{left:83%;top:12%;z-index:2}#mp-coffre-preview .front-left{left:25%;top:20%;z-index:5}#mp-coffre-preview .rack-brace{position:absolute;width:15%;height:72%;background:#175fc8;clip-path:polygon(0 0,12% 0,100% 47%,100% 53%,12% 100%,0 100%,88% 50%);animation:mp-brace .6s both;animation-delay:var(--delay);z-index:2}#mp-coffre-preview .brace-left{left:12%;top:12%}#mp-coffre-preview .brace-right{left:70%;top:4%}#mp-coffre-preview .rack-shelf{position:absolute;left:12%;width:74%;height:16%;z-index:3;animation:mp-shelf .8s cubic-bezier(.2,.9,.25,1) both;animation-delay:var(--delay)}#mp-coffre-preview .shelf-top{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#ff9b39,#ff5c08);clip-path:polygon(0 50%,78% 0,100% 50%,18% 100%)}#mp-coffre-preview .shelf-front{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#ff6d0b,#db4200);clip-path:polygon(18% 83%,100% 33%,100% 53%,18% 100%)}#mp-coffre-preview .shelf-side{position:absolute;top:0;right:0;bottom:0;left:0;background:#d94b04;clip-path:polygon(0 33%,18% 83%,18% 100%,0 50%)}#mp-coffre-preview .shelf-bottom{top:68%}#mp-coffre-preview .shelf-low{top:46%}#mp-coffre-preview .shelf-high{top:24%}#mp-coffre-preview .shelf-topmost{top:2%}@keyframes mp-post{0%{opacity:0;transform:translateY(30px) scaleY(.35)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes mp-brace{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes mp-shelf{0%{opacity:0;transform:translateY(-70px) translate(22px)}to{opacity:1;transform:translateY(0) translate(0)}}@media(max-width:560px){#mp-coffre-preview .rack-section{grid-template-columns:1fr;padding:28px 20px;gap:24px}#mp-coffre-preview .rack-stage{max-width:380px;margin:auto}#mp-coffre-preview .rack-copy h2 br{display:none}}@media(prefers-reduced-motion:reduce){#mp-coffre-preview .rack-piece{animation:none}}#mp-coffre-preview{background:#111214;color:#fff;font-family:Arial,sans-serif;overflow:hidden;border-radius:8px}#mp-coffre-preview header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 100px 20px 24px;background:#17181a}#mp-coffre-preview header strong{font-size:21px;font-weight:700;color:#ed2838;white-space:nowrap}#mp-coffre-preview header strong span{font-size:14px;color:#fff}#mp-coffre-preview .tag{color:#ccc;font-size:12px}#mp-coffre-preview .hero{position:relative;aspect-ratio:1320/850;overflow:hidden;background:#202124;perspective:1600px}#mp-coffre-preview .photo{display:block;position:absolute;width:100%;height:100%;object-fit:cover;transform-origin:55% 48%;animation:mp-entry 5s cubic-bezier(.2,.7,.2,1) both}#mp-coffre-preview .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent 50%)}#mp-coffre-preview .copy{position:absolute;bottom:24px;left:26px;right:20px;animation:mp-copy 1.2s .6s both}#mp-coffre-preview .copy p{font-size:11px;letter-spacing:2px;color:#f56d76;margin:0 0 10px}#mp-coffre-preview h2{font-size:clamp(24px,4vw,38px);line-height:1.1;font-weight:700;letter-spacing:-1px;color:#fff;margin:0 0 17px}#mp-coffre-preview button{font-family:inherit;font-size:13px;min-height:44px;border-radius:4px;padding:11px 17px}#mp-coffre-preview .shop{background:#dc2032;color:#fff;border:0;font-weight:600}#mp-coffre-preview .shop span{margin-left:12px}#mp-coffre-preview footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;color:#ccc;font-size:12px;background:#17181a}#mp-coffre-preview .replay{border:1px solid #555;background:transparent;color:#fff}@keyframes mp-entry{0%{transform:scale(1.09) rotateY(-3deg) translate(-1%)}to{transform:scale(1) rotateY(0) translate(0)}}@keyframes mp-copy{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){#mp-coffre-preview header{padding:16px}#mp-coffre-preview .tag{display:none}#mp-coffre-preview .hero{aspect-ratio:1/1.12}#mp-coffre-preview .photo{object-fit:contain;object-position:center top}#mp-coffre-preview .copy{left:18px;bottom:20px}#mp-coffre-preview h2{font-size:27px}#mp-coffre-preview .shade{background:linear-gradient(0deg,#111214 12%,transparent 65%)}}@media(prefers-reduced-motion:reduce){#mp-coffre-preview .photo,#mp-coffre-preview .copy{animation:none}}#mp-coffre-preview header{min-height:74px}#mp-coffre-preview .typed-brand{display:flex;flex-direction:column;gap:5px;align-items:flex-start}#mp-coffre-preview .word-line{display:flex;flex-wrap:wrap;gap:8px}#mp-coffre-preview .word{display:inline-flex;white-space:nowrap}#mp-coffre-preview .letter{display:inline-block;opacity:0;animation:mp-letter .23s ease-out both;animation-delay:var(--letter-delay)}#mp-coffre-preview .brand-top{font-size:12px;letter-spacing:4px;font-weight:600;color:#ddd}#mp-coffre-preview .brand-main{font-size:24px;letter-spacing:-.5px;font-weight:800;font-style:italic;color:#fff}#mp-coffre-preview .word-mp{color:#ed2838}#mp-coffre-preview .hero{isolation:isolate}#mp-coffre-preview .intro-type{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#111214;pointer-events:none;animation:mp-type-intro 4.3s both}#mp-coffre-preview .intro-type .typed-brand{align-items:center;gap:14px}#mp-coffre-preview .intro-type .word-line{justify-content:center;gap:12px}#mp-coffre-preview .intro-type .brand-top{font-size:17px;letter-spacing:6px}#mp-coffre-preview .intro-type .brand-main{font-size:clamp(27px,5vw,46px)}#mp-coffre-preview .underline{height:3px;background:#ed2838;width:100%;transform-origin:left;animation:mp-line .65s 2.9s both}#mp-coffre-preview .photo{animation-delay:3.6s}#mp-coffre-preview .copy{animation-delay:4s}@keyframes mp-letter{0%{opacity:0;transform:translateY(7px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes mp-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mp-type-intro{0%,82%{opacity:1}to{opacity:0;visibility:hidden}}@media(max-width:500px){#mp-coffre-preview header{padding:14px 16px}#mp-coffre-preview .brand-main{font-size:22px}}@media(prefers-reduced-motion:reduce){#mp-coffre-preview .letter{animation:none;opacity:1}#mp-coffre-preview .underline{animation:none}#mp-coffre-preview .intro-type{display:none}}#mp-coffre-preview .intro-type{flex-direction:column;gap:26px;padding:22px 18px;box-sizing:border-box;animation:mp-rack-intro 7.2s both}#mp-coffre-preview .intro-type .typed-brand{flex-shrink:0}#mp-coffre-preview .intro-type .brand-main{font-size:clamp(24px,4.3vw,38px)}#mp-coffre-preview .intro-type .rack-stage{width:clamp(180px,42%,280px);aspect-ratio:1/1.05;flex-shrink:0}#mp-coffre-preview .photo{animation-delay:6.5s}#mp-coffre-preview .copy{animation-delay:6.9s}@keyframes mp-rack-intro{0%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.035);visibility:hidden}}@media(max-width:500px){#mp-coffre-preview .intro-type{gap:22px;padding:18px 12px}#mp-coffre-preview .intro-type .rack-stage{width:180px}#mp-coffre-preview .intro-type .typed-brand{gap:10px}#mp-coffre-preview .intro-type .brand-top{font-size:13px}}#mp-coffre-preview .intro-type .rack-stage{width:clamp(200px,47%,310px);aspect-ratio:1.3/1;position:relative}#mp-coffre-preview .rack-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;animation:mp-real-build .7s cubic-bezier(.16,.8,.3,1) both;animation-delay:var(--delay)}@keyframes mp-real-build{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){#mp-coffre-preview .intro-type .rack-stage{width:240px;max-width:90%}}@media(prefers-reduced-motion:reduce){#mp-coffre-preview .rack-stage canvas{animation:none}}#mp-coffre-preview .intro-type{animation:mp-synced-intro 4.1s both}#mp-coffre-preview .rack-stage canvas{animation-duration:.5s}#mp-coffre-preview .photo{animation-delay:3.5s}#mp-coffre-preview .copy{animation-delay:3.8s}@keyframes mp-synced-intro{0%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.035);visibility:hidden}}@media(prefers-reduced-motion:reduce){#mp-coffre-preview .intro-type{display:none}}#mp-coffre-preview{border-radius:0}#mp-coffre-preview .shop{display:inline-flex;align-items:center;min-height:44px;padding:11px 17px;border-radius:4px;text-decoration:none;font-size:14px}#mp-coffre-preview .hero{aspect-ratio:1320/766}#mp-coffre-preview .intro-type{gap:24px}@media(max-width:500px){#mp-coffre-preview .hero{aspect-ratio:1/1.12}}#mp-coffre-preview .photo{animation:mp-camera-loop 12s ease-in-out 3.5s infinite;transform-origin:50% 50%;will-change:transform}@keyframes mp-camera-loop{0%,to{transform:scale(1.07) rotateY(-3deg) translate(-1.2%)}50%{transform:scale(1.12) rotateY(3deg) translate(1.2%)}}@media(max-width:500px){#mp-coffre-preview .photo{transform-origin:center 28%}}@media(prefers-reduced-motion:reduce){#mp-coffre-preview .photo{animation:none;transform:none}}@media(max-width:500px){#mp-coffre-preview .hero{aspect-ratio:auto;display:flex;flex-direction:column}#mp-coffre-preview .photo{position:relative;height:auto;aspect-ratio:1320/766;object-fit:cover;flex:none}#mp-coffre-preview .shade{display:none}#mp-coffre-preview .copy{position:relative;inset:auto;padding:24px 20px 26px;margin:0;background:#111214}#mp-coffre-preview .copy p{margin-bottom:9px;font-size:10px;letter-spacing:1.8px}#mp-coffre-preview h2{font-size:25px;line-height:1.14;margin-bottom:18px}#mp-coffre-preview .intro-type{position:absolute;top:0;right:0;bottom:0;left:0}}#mp-coffre-preview .intro-type{padding-top:54px;padding-bottom:26px}@media(max-width:500px){#mp-coffre-preview .intro-type{padding:84px 12px 24px;gap:16px}#mp-coffre-preview .intro-type .rack-stage{width:210px;max-width:85%}#mp-coffre-preview .intro-type .typed-brand{gap:10px}}#mp-coffre-preview .mp-hero-video{animation:none;transform:none;will-change:auto;background:#111214;object-fit:contain}@media(max-width:500px){#mp-coffre-preview .mp-hero-video{aspect-ratio:966/512}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/mp-intro.css.map */