.m3x{--m3x-ink:#f4f5f6;--m3x-ink-2:#b6bcc3;--m3x-ink-3:#8a9098;--m3x-red:#ff5a4f;position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(48px,6vw,88px);padding:clamp(28px,4vw,56px);border-radius:32px;background:radial-gradient(70% 90% at 82% 58%,#f8100024,transparent 62%),radial-gradient(circle,#ffffff0f 1px,transparent 1.6px) 0 0 /18px 18px,linear-gradient(160deg,#1b1e21,#0e0f10 70%);color:var(--m3x-ink);box-shadow:inset 0 0 0 1px #ffffff0d,0 40px 90px -50px #0e0f10cc}.m3x-head{max-width:34rem}.m3x-eyebrow{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--m3x-red)}.m3x-eyebrow:after{content:"";flex:0 0 40px;height:1px;background:currentColor;opacity:.5}.m3x-title{margin-top:12px;font-family:var(--mp-display);font-stretch:80%;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.02;text-wrap:balance}.m3x-title span{color:var(--m3x-red)}.m3x-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,56px);margin-top:clamp(20px,3vw,36px)}.m3x-list{gap:6px}.m3x-item,.m3x-list{position:relative;display:grid}.m3x-item{grid-template-columns:52px minmax(0,1fr) auto;align-items:start;gap:4px 12px;padding:18px 20px 18px 18px;border-radius:18px;color:var(--m3x-ink-2);text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;-webkit-tap-highlight-color:transparent}.m3x-item:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:var(--mp-red-signal,#f81000);scale:1 0;transition:scale .4s var(--mp-ease)}.m3x-item[data-active]{background:#ffffff0b;color:var(--m3x-ink);box-shadow:inset 0 0 0 1px #ffffff14}.m3x-item[data-active]:before{scale:1 1}.m3x-item:focus-visible{outline:2px solid var(--m3x-red);outline-offset:2px}.m3x-num{padding-top:.45em;font-family:var(--mp-display);font-stretch:100%;font-size:.875rem;font-weight:800;letter-spacing:.08em;color:#ffffff4d;transition:color .3s ease}.m3x-item[data-active] .m3x-num{color:var(--m3x-red)}.m3x-art{display:none}.m3x-text{display:grid;min-width:0}.m3x-name{font-family:var(--mp-display);font-stretch:80%;font-size:clamp(1.625rem,2.4vw,2.125rem);font-weight:800;line-height:1.05}.m3x-short{display:none}.m3x-line{display:grid;grid-template-rows:0fr;opacity:0;font-size:.9375rem;line-height:1.55;color:var(--m3x-ink-2);transition:grid-template-rows .45s var(--mp-ease),opacity .3s ease}.m3x-line>span{overflow:hidden;padding-top:6px}.m3x-item[data-active] .m3x-line{grid-template-rows:1fr;opacity:1}.m3x-go{display:inline-flex;align-items:center;gap:8px;align-self:center;font-size:.9375rem;font-weight:700;color:var(--m3x-red);opacity:0;translate:-8px 0;transition:opacity .3s ease,translate .4s var(--mp-ease)}.m3x-go svg{width:18px;height:18px;stroke-width:2.4}.m3x-item[data-active] .m3x-go{opacity:1;translate:0 0}.m3x-stage{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:relative;aspect-ratio:1/.86;border-radius:28px;background:radial-gradient(240px circle at var(--mx) var(--my),#ffffff0f,transparent 70%);transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--mp-ease)}.m3x-stage-num{position:absolute;left:2%;top:-4%;font-family:var(--mp-display);font-stretch:80%;font-size:clamp(7rem,14vw,12rem);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px #ffffff1f;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.m3x-floor{position:absolute;left:10%;right:10%;bottom:6%;height:26%;border-radius:50%;background:radial-gradient(closest-side,#f8100040,transparent 75%),radial-gradient(circle,#ffffff2e 1.2px,transparent 1.8px) 0 0 /14px 14px;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%)}.m3x-shot{position:absolute;inset:4% 8% 10%;display:grid;place-items:center;opacity:0;scale:.9;translate:0 18px;transition:opacity .45s ease,scale .65s var(--mp-ease),translate .65s var(--mp-ease)}.m3x-shot img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 24px 24px #00000066)}.m3x-shot[data-active]{opacity:1;scale:1;translate:0 0}@media screen and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .m3x-shot[data-active] img{animation:m3-bob var(--m3-float,6s) ease-in-out infinite alternate}}.m3x-dots{display:none}@media (max-width:899px){.m3x{padding:24px 0 18px;border-radius:26px}.m3x-head{padding-inline:20px}.m3x-body{display:block;margin-top:18px}.m3x-stage{display:none}.m3x-list{display:flex;gap:12px;overflow-x:auto;padding:2px 20px 6px;scroll-padding-inline:20px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.m3x-list::-webkit-scrollbar{display:none}.m3x-li{flex:0 0 min(76%,320px);scroll-snap-align:center}.m3x-item{display:flex;flex-direction:column;height:100%;padding:16px 18px 18px;border-radius:22px;background:linear-gradient(165deg,#23272b,#15171a);color:var(--m3x-ink);box-shadow:inset 0 0 0 1px #ffffff14;transition:box-shadow .3s ease,scale .16s ease}.m3x-item:before{display:none}.m3x-item[data-active]{background:linear-gradient(165deg,#2a2e33,#16181b);box-shadow:inset 0 0 0 1px #ff5a4f59}.m3x-item:active{scale:.97}.m3x-num{padding-top:0;font-size:.8125rem;color:var(--m3x-red)}.m3x-art{position:relative;display:block;height:168px;margin:4px -4px 10px}.m3x-art:before{content:"";position:absolute;left:8%;right:8%;bottom:2%;height:34%;border-radius:50%;background:radial-gradient(closest-side,#f8100038,transparent 75%),radial-gradient(circle,#ffffff29 1.1px,transparent 1.7px) 0 0 /12px 12px;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%)}.m3x-art img{position:relative;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.m3x-name{font-size:1.5rem}.m3x-long{display:none}.m3x-short{display:inline}.m3x-item[data-active] .m3x-line,.m3x-line{grid-template-rows:1fr;opacity:1;font-size:.875rem;line-height:1.5}.m3x-go{align-self:flex-start;margin-top:auto;padding-top:14px;opacity:1;translate:none;font-size:.875rem}.m3x-dots{display:flex;justify-content:center;gap:2px;margin-top:10px}.m3x-dots button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:none;cursor:pointer}.m3x-dots span{width:7px;height:7px;border-radius:99px;background:#ffffff40;transition:width .3s var(--mp-ease),background-color .3s ease}.m3x-dots [aria-current] span{width:22px;background:var(--m3x-red)}@supports (animation-timeline:view(inline)){@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .m3x-art img{animation:m3x-arrive linear both;animation-timeline:view(inline)}}}}@keyframes m3x-arrive{0%{transform:scale(.82) translateY(10px)}50%{transform:scale(1) translateY(0)}to{transform:scale(.82) translateY(10px)}}@media (prefers-reduced-motion:reduce){.m3x-dots span,.m3x-go,.m3x-item,.m3x-item:before,.m3x-line,.m3x-shot,.m3x-stage{transition:none}.m3x-stage{transform:none}}html[data-motion=off] .m3x-item:before,html[data-motion=off] :is(.m3x-item,.m3x-line,.m3x-go,.m3x-stage,.m3x-shot){transition:none}html[data-motion=off] .m3x-stage{transform:none}html[data-motion=off] .m3x-item:active{scale:none}.m3-also{margin-top:20px;max-width:78ch;font-size:1rem;line-height:1.6;color:var(--m3-ink-2);text-wrap:pretty}.m3-also a{color:var(--m3-ink);font-weight:650;text-decoration:underline;-webkit-text-decoration-color:var(--m3-red);text-decoration-color:var(--m3-red);text-decoration-thickness:2px;text-underline-offset:3px}