:root{--m3d-px: 0;--m3d-py: 0;--m3d-progress: 0;--m3d-steel: #24313d;--m3d-steel-lit: #33434f;--m3d-steel-dim: #18222c;--m3d-steel-deep: #101820;--m3d-accent: var(--matang-yellow, #f5a623);--m3d-hair: rgba(255, 255, 255, .14);--m3d-hair-soft: rgba(255, 255, 255, .07);--m3d-ease: cubic-bezier(.4, 0, .2, 1);--m3d-ease-out: cubic-bezier(.16, 1, .3, 1)}.m3d-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--m3d-hair-soft) 1px,transparent 1px),linear-gradient(90deg,var(--m3d-hair-soft) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,#000 30%,transparent 100%)}.m3d-grid--fine{background-size:14px 14px;opacity:.5}.m3d-ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5}.m3d-ticks:before,.m3d-ticks:after{content:"";position:absolute;background-image:linear-gradient(90deg,var(--m3d-hair) 1px,transparent 1px);background-size:28px 100%;height:6px;left:0;right:0}.m3d-ticks:before{top:0}.m3d-ticks:after{bottom:0}.m3d-scene{position:relative;perspective:1500px;perspective-origin:50% 45%;transform-style:flat}.m3d-world{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.m3d-full .m3d-world--camera{transform:rotateY(calc(var(--m3d-px) * 5deg)) rotateX(calc(var(--m3d-py) * -4deg));transition:transform .5s var(--m3d-ease-out)}.m3d-lite .m3d-world--camera,.m3d-flat .m3d-world--camera,.m3d-none .m3d-world--camera{transform:none}.m3d-box{position:absolute;width:var(--w);height:var(--h);transform-style:preserve-3d;left:50%;top:50%;margin-left:calc(var(--w) / -2);margin-top:calc(var(--h) / -2)}.m3d-box>.f{position:absolute;overflow:hidden;background:var(--m3d-steel);border:1px solid rgba(0,0,0,.35)}.m3d-box>.f-front,.m3d-box>.f-back{width:var(--w);height:var(--h)}.m3d-box>.f-front{transform:translateZ(calc(var(--d) / 2))}.m3d-box>.f-back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}.m3d-box>.f-right,.m3d-box>.f-left{width:var(--d);height:var(--h);left:calc(var(--w) / 2 - var(--d) / 2)}.m3d-box>.f-right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.m3d-box>.f-left{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.m3d-box>.f-top,.m3d-box>.f-bottom{width:var(--w);height:var(--d);top:calc(var(--h) / 2 - var(--d) / 2)}.m3d-box>.f-top{transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}.m3d-box>.f-bottom{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2))}.m3d-box>.f-top{background:var(--m3d-steel-lit)}.m3d-box>.f-front{background:var(--m3d-steel)}.m3d-box>.f-left{background:var(--m3d-steel-lit)}.m3d-box>.f-right{background:var(--m3d-steel-dim)}.m3d-box>.f-back{background:var(--m3d-steel-deep)}.m3d-box>.f-bottom{background:var(--m3d-steel-deep)}.m3d-corrugate{background-image:repeating-linear-gradient(90deg,#ffffff12 0 2px,#00000029 2px 6px,#ffffff08 6px 11px,#0000000d 11px 13px)}.m3d-corrugate--h{background-image:repeating-linear-gradient(0deg,#ffffff0f 0 2px,#00000026 2px 6px,#ffffff08 6px 11px,#0000000d 11px 13px)}.m3d-container{--w: 300px;--h: 150px;--d: 130px}.m3d-doors{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.m3d-door{flex:1;position:relative;border-right:1px solid rgba(0,0,0,.4);background-image:repeating-linear-gradient(90deg,#ffffff0d 0 3px,#00000024 3px 9px);transition:transform .6s var(--m3d-ease-out)}.m3d-door:first-child{transform-origin:left center}.m3d-door:last-child{transform-origin:right center;border-right:none}.m3d-hinge{position:absolute;left:-3px;width:6px;height:10px;border-radius:2px;background:linear-gradient(90deg,#cfd6dc,var(--m3d-steel-dim) 70%);box-shadow:0 0 0 1px #00000073;z-index:3}.m3d-door:last-child .m3d-hinge{left:auto;right:-3px}.m3d-hinge--t{top:10%}.m3d-hinge--m{top:47%;margin-top:-5px}.m3d-hinge--b{bottom:10%}.m3d-lockbar{position:absolute;left:18%;top:6%;bottom:6%;width:10px}.m3d-lockbar__rod{position:absolute;left:3px;top:0;bottom:0;width:4px;border-radius:2px;background:linear-gradient(90deg,#e3e8ec,#9aa6b2 55%,var(--m3d-steel-deep));box-shadow:0 0 0 1px #0006}.m3d-lockbar__keeper{position:absolute;left:-2px;width:14px;height:9px;border-radius:1px;background:var(--m3d-steel-dim);border:1px solid rgba(0,0,0,.5)}.m3d-lockbar__keeper--t{top:4%}.m3d-lockbar__keeper--m{top:47%;margin-top:-4px}.m3d-lockbar__keeper--b{bottom:4%}.m3d-lockbar__handle{position:absolute;left:-9px;bottom:-2%;width:22px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--m3d-steel-lit),var(--m3d-steel-deep));border:1px solid rgba(0,0,0,.45)}.m3d-idplate{position:absolute;top:14%;right:10%;width:46px;padding:5px 6px;background:#080c106b;border:1px solid rgba(255,255,255,.16);border-radius:2px}.m3d-idplate__row{display:block;height:3px;border-radius:1px;background:#fff6;margin-bottom:4px}.m3d-idplate__row--short{width:60%;margin-bottom:0}.m3d-container__underframe{background-image:repeating-linear-gradient(90deg,var(--m3d-steel-deep) 0 10px,#05090d 10px 14px)}.m3d-stencil{position:absolute;top:16%;left:8%;font-family:var(--font-heading--family, inherit);font-size:1.15rem;font-weight:800;letter-spacing:.22em;color:#ffffff8c;text-transform:uppercase;pointer-events:none}.m3d-stencil small{display:block;font-size:.44rem;letter-spacing:.3em;color:var(--m3d-accent);opacity:.85;margin-top:.35em;font-weight:700}.m3d-casting{position:absolute;width:16px;height:14px;background:linear-gradient(135deg,var(--m3d-steel-lit),var(--m3d-steel-deep));border:1px solid rgba(0,0,0,.55);z-index:4}.m3d-casting:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:4px;transform:translate(-50%,-50%);border-radius:3px;background:#05080b;box-shadow:inset 0 1px 1px #0009}.m3d-casting--tl{top:0;left:0}.m3d-casting--tr{top:0;right:0}.m3d-casting--bl{bottom:0;left:0}.m3d-casting--br{bottom:0;right:0}.m3d-interior{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(100deg,#050a0f,#0b141c 55%,#060b10)}.m3d-interior__wall{position:absolute;top:6%;right:4%;bottom:4%;left:4%;background:linear-gradient(180deg,#0c1720,#060b10 80%);box-shadow:inset 0 0 22px #0009}.m3d-interior__floor{position:absolute;left:4%;right:4%;bottom:4%;height:22%;background:linear-gradient(0deg,#1a2530,transparent)}.m3d-interior__cargo{position:absolute;left:30%;bottom:16%;width:34%;height:30%;background:linear-gradient(155deg,#cbb492,#a08a68);box-shadow:0 3px 8px #00000080}.m3d-interior__cargo--b{left:46%;bottom:38%;width:26%;height:22%;background:linear-gradient(155deg,#d9c4a2,#b7a17e)}.m3d-container--open .f-right{transform-style:preserve-3d}.m3d-container--open .m3d-door:first-child{transform:rotateY(-34deg) translateZ(1px)}.m3d-container--open .m3d-door:last-child{transform:rotateY(24deg) translateZ(1px)}.m3d-pallet{--w: 230px;--h: 18px;--d: 110px}.m3d-pallet>.f-top{background:#8a6a45;background-image:repeating-linear-gradient(90deg,#93724b 0 26px,#0000006b 26px 33px)}.m3d-pallet>.f-front,.m3d-pallet>.f-back{background:#6f5436;background-image:repeating-linear-gradient(90deg,#7a5c3c 0 30px,#00000059 30px 44px)}.m3d-pallet>.f-left,.m3d-pallet>.f-right{background:#5d472e}.m3d-pallet>.f-front{background:transparent;display:flex;align-items:flex-end;justify-content:space-between;padding:0 6%;box-sizing:border-box}.m3d-pallet__block{width:15%;height:62%;background:linear-gradient(180deg,#7a5c3c,#4a3721);border:1px solid rgba(0,0,0,.4);border-bottom:none}.m3d-pallet__block--mid{height:62%}.m3d-pallet--plastic>.f-top{background:#1f4f6d;background-image:repeating-linear-gradient(90deg,#24597a 0 22px,#0000004d 22px 28px)}.m3d-pallet--plastic .m3d-pallet__block{background:linear-gradient(180deg,#2a6288,#133046)}.m3d-cargo{--w: 170px;--h: 100px;--d: 100px}.m3d-cargo>.f{background:#c8b18d;border-color:#00000040}.m3d-cargo>.f-top{background:#d9c4a2}.m3d-cargo>.f-front{background:#cbb492}.m3d-cargo>.f-right{background:#ab9878}.m3d-cargo>.f-left{background:#d2bd9a}.m3d-cargo>.f-front:after,.m3d-cargo>.f-left:after,.m3d-cargo>.f-right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,transparent 49.6%,rgba(0,0,0,.16) 49.6% 50.4%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,rgba(0,0,0,.1) 49.6% 50.4%,transparent 50.4%)}.m3d-corner-guard{position:absolute;top:0;bottom:0;left:0;width:5px;background:linear-gradient(90deg,#efe6d6,#cbbfa5);box-shadow:1px 0 #00000026}.m3d-film{--w: 180px;--h: 110px;--d: 110px}.m3d-film>.f{border-color:#ffffff38;background:linear-gradient(115deg,#d6eef857,#ffffff1a,#bee1f04d 52%,#ffffff14 74%,#cde8f447)}.m3d-film>.f-top{background:#e2f4fc4d}.m3d-film>.f-back,.m3d-film>.f-bottom{background:#a0c8dc2e}.m3d-strapband{--w: 9px;--h: 116px;--d: 116px}.m3d-strapband>.f{border-color:#0000004d;background:linear-gradient(180deg,#ffd071,var(--m3d-accent) 45%,#a96f12)}.m3d-strapband>.f-top{background:#ffcf6a}.m3d-strapband>.f-right{background:#b3771a}.m3d-seal{position:absolute;width:34px;height:76px;transform-style:preserve-3d;pointer-events:none}.m3d-seal__head{position:absolute;top:0;left:50%;width:16px;height:9px;margin-left:-8px;border-radius:50% 50% 35% 35%;background:linear-gradient(180deg,#f5f8fa,#aab4bd 65%,#79838c);box-shadow:0 1px 2px #0006}.m3d-seal__pin{position:absolute;top:7px;left:50%;width:7px;height:32px;margin-left:-3.5px;border-radius:3px;background-image:linear-gradient(90deg,#eef1f3,#9aa6b2 48%,#66717b),repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1.5px,transparent 1.5px 5px);background-blend-mode:normal,multiply;box-shadow:0 1px 2px #00000059}.m3d-seal__body{position:absolute;top:33px;left:50%;width:25px;height:40px;margin-left:-12.5px;border-radius:6px 6px 9px 9px;background:linear-gradient(160deg,#ffd076,var(--m3d-accent) 42%,#a1700f 100%);box-shadow:inset 0 1px #ffffff8c,inset 0 -7px 10px #0003,0 6px 14px #0006;overflow:hidden}.m3d-seal__body:before{content:"";position:absolute;top:0;left:50%;width:9px;height:6px;margin-left:-4.5px;border-radius:0 0 4px 4px;background:#6e4a08;box-shadow:inset 0 2px 3px #0000008c}.m3d-seal__seam{position:absolute;left:0;right:0;top:52%;height:1px;background:#0000004d;box-shadow:0 -1px #ffffff2e}.m3d-seal__plate{position:absolute;top:60%;right:14%;bottom:14%;left:14%;border-radius:2px;background:#00000026}.m3d-seal__plate:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.4) 0 1px,transparent 1px 3px)}.m3d-seal__lock{position:absolute;left:50%;top:40px;width:48px;height:48px;margin-left:-24px;border:2px solid var(--m3d-accent);border-radius:50%;opacity:0;transform:scale(.5)}.m3d-seal.is-locked .m3d-seal__lock{animation:m3d-lock-pulse .85s var(--m3d-ease-out) forwards}@keyframes m3d-lock-pulse{0%{opacity:0;transform:scale(.45)}35%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.m3d-secured{position:absolute;left:50%;bottom:26%;transform:translate(-50%,8px);display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border:1px solid var(--m3d-accent);border-radius:100px;background:#101820db;color:var(--m3d-accent);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .4s var(--m3d-ease),transform .4s var(--m3d-ease-out);pointer-events:none;z-index:5}.m3d-secured:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--m3d-accent)}.m3d-secured.is-on{opacity:1;transform:translate(-50%)}.m3d-hero-scene{position:relative;min-height:420px;height:100%}.m3d-hero-scene .m3d-world{position:absolute;top:0;right:0;bottom:0;left:0}.m3d-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.m3d-layer--far{transform:translateZ(-150px) scale(1.1)}.m3d-layer--mid{transform:translateZ(-40px)}.m3d-layer--near{transform:translateZ(60px)}.m3d-none .m3d-layer--far,.m3d-none .m3d-layer--mid,.m3d-none .m3d-layer--near{transform:none}.m3d-ground{position:absolute;left:-12%;right:-12%;bottom:12%;height:260px;transform:rotateX(78deg);transform-origin:50% 0;background-image:linear-gradient(var(--m3d-hair-soft) 1px,transparent 1px),linear-gradient(90deg,var(--m3d-hair-soft) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent 72%);-webkit-mask-image:linear-gradient(#000,transparent 72%);pointer-events:none}.m3d-none .m3d-ground{display:none}.m3d-shadow{position:absolute;left:50%;bottom:16%;width:300px;height:44px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 70%);filter:blur(6px);pointer-events:none}.m3d-assembly{position:absolute;left:50%;top:48%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(-26deg) scale(var(--m3d-s, 1))}.m3d-none .m3d-assembly{transform:none}.m3d-assembly .m3d-obj--container{transform:translate3d(70px,-34px,-30px)}.m3d-assembly .m3d-obj--pallet{transform:translate3d(70px,50px,-30px)}.m3d-assembly .m3d-obj--cargo,.m3d-assembly .m3d-obj--film{transform:translate3d(-140px,26px,120px)}.m3d-assembly .m3d-obj--strap-a{transform:translate3d(-192px,26px,120px)}.m3d-assembly .m3d-obj--strap-b{transform:translate3d(-88px,26px,120px)}.m3d-assembly .m3d-obj--seal{transform:translate3d(220px,-42px,-12px) rotateY(90deg)}[data-m3d-hero] [data-focus-key]{cursor:pointer}.m3d-full [data-m3d-hero] .m3d-obj,.m3d-lite [data-m3d-hero] .m3d-obj{transition:scale .4s var(--m3d-ease-out),translate .4s var(--m3d-ease-out)}.m3d-full [data-m3d-hero] .m3d-obj .f,.m3d-lite [data-m3d-hero] .m3d-obj .f,.m3d-full [data-m3d-hero] .m3d-obj .m3d-seal>*,.m3d-lite [data-m3d-hero] .m3d-obj .m3d-seal>*{transition:opacity .4s var(--m3d-ease)}.m3d-hero-scene[data-focus] .m3d-obj .f,.m3d-hero-scene[data-focus] .m3d-obj .m3d-seal>*{opacity:.62}.m3d-hero-scene[data-focus=secure] .m3d-obj--seal .f,.m3d-hero-scene[data-focus=secure] .m3d-obj--seal .m3d-seal>*,.m3d-hero-scene[data-focus=secure] .m3d-obj--container .f{opacity:1}.m3d-hero-scene[data-focus=secure] .m3d-obj--seal{scale:1.14}.m3d-hero-scene[data-focus=secure] .m3d-obj--container{translate:0 -6px 10px}.m3d-hero-scene[data-focus=pack] .m3d-obj--cargo .f,.m3d-hero-scene[data-focus=pack] .m3d-obj--film .f,.m3d-hero-scene[data-focus=pack] .m3d-obj--strap-a .f,.m3d-hero-scene[data-focus=pack] .m3d-obj--strap-b .f{opacity:1}.m3d-hero-scene[data-focus=pack] .m3d-obj--cargo,.m3d-hero-scene[data-focus=pack] .m3d-obj--film{translate:0 0 18px}.m3d-hero-scene[data-focus=move] .m3d-obj--pallet .f,.m3d-hero-scene[data-focus=move] .m3d-obj--container .f{opacity:1}.m3d-hero-scene[data-focus=move] .m3d-obj--pallet{translate:0 -4px 14px}.m3d-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6}.m3d-hotspot{position:absolute;display:block;text-decoration:none;transform:translate(-50%,-50%)}.m3d-hotspot:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.m3d-hotspot__dot{position:relative;display:block;width:15px;height:15px;border-radius:50%;border:2px solid var(--m3d-accent);background:#101820e6;transition:transform .25s var(--m3d-ease-out),background .25s var(--m3d-ease)}.m3d-hotspot__dot:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px solid var(--m3d-accent);opacity:0;transition:opacity .25s var(--m3d-ease),transform .25s var(--m3d-ease-out);transform:scale(.7)}.m3d-hotspot:hover .m3d-hotspot__dot,.m3d-hotspot:focus-visible .m3d-hotspot__dot,.m3d-hotspot.is-linked .m3d-hotspot__dot{background:var(--m3d-accent);transform:scale(1.15)}.m3d-hotspot:hover .m3d-hotspot__dot:after,.m3d-hotspot:focus-visible .m3d-hotspot__dot:after,.m3d-hotspot.is-linked .m3d-hotspot__dot:after{opacity:.75;transform:scale(1)}.m3d-hotspot:focus-visible{outline:2px solid var(--m3d-accent);outline-offset:8px;border-radius:4px}.m3d-hotspot__wire{position:absolute;left:8px;top:0;width:0;height:1px;background:var(--m3d-accent);opacity:0;transition:width .22s var(--m3d-ease-out),opacity .22s var(--m3d-ease)}.m3d-hotspot:hover .m3d-hotspot__wire,.m3d-hotspot:focus-visible .m3d-hotspot__wire,.m3d-hotspot.is-open .m3d-hotspot__wire,.m3d-hotspot.is-linked .m3d-hotspot__wire{width:18px;opacity:.85}.m3d-hotspot--flip .m3d-hotspot__wire{left:auto;right:8px}.m3d-hotspot__card{position:absolute;left:26px;top:-10px;width:218px;padding:.85rem 1rem;background:#0d141cf5;border:1px solid rgba(255,255,255,.16);border-left:3px solid var(--m3d-accent);border-radius:3px;opacity:0;visibility:hidden;transform:translate(-6px);transition:opacity .22s var(--m3d-ease),transform .22s var(--m3d-ease-out),visibility .22s;pointer-events:none}.m3d-hotspot:hover .m3d-hotspot__card,.m3d-hotspot:focus-visible .m3d-hotspot__card,.m3d-hotspot.is-open .m3d-hotspot__card,.m3d-hotspot.is-linked .m3d-hotspot__card{opacity:1;visibility:visible;transform:translate(0)}.m3d-hotspot__title{display:block;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--m3d-accent);margin-bottom:.35rem}.m3d-hotspot__text{display:block;font-size:.8rem;line-height:1.45;color:#ffffffd1;margin-bottom:.5rem}.m3d-hotspot__cta{display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}.m3d-hotspot--flip .m3d-hotspot__card{left:auto;right:26px;transform:translate(6px)}.m3d-hotspot--flip:hover .m3d-hotspot__card,.m3d-hotspot--flip:focus-visible .m3d-hotspot__card,.m3d-hotspot--flip.is-open .m3d-hotspot__card,.m3d-hotspot--flip.is-linked .m3d-hotspot__card{transform:translate(0)}.m3d-journey{position:relative;background:linear-gradient(170deg,var(--matang-navy, #0d1b2a) 0%,#0a121a 100%);color:#fff}.m3d-journey__layout{display:grid;grid-template-columns:1fr 1.05fr;gap:var(--matang-space-lg, 2.5rem);align-items:start}.m3d-journey__stage{position:sticky;top:12vh;height:76vh;max-height:620px;min-height:380px}.m3d-journey__scene{position:relative;width:100%;height:100%;perspective:1500px;perspective-origin:50% 45%}.m3d-journey__steps{padding-block:8vh 12vh}.m3d-step{padding-block:3.2rem;border-top:1px solid rgba(255,255,255,.12);opacity:.32;transition:opacity .45s var(--m3d-ease)}.m3d-step:first-child{border-top:none}.m3d-step.is-active{opacity:1}.m3d-step__index{display:block;font-family:var(--font-heading--family, inherit);font-size:.8rem;font-weight:800;letter-spacing:.18em;color:var(--m3d-accent);margin-bottom:.6rem}.m3d-step__title{font-family:var(--font-heading--family, inherit);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.12;margin:0 0 .6rem;color:#fff}.m3d-step__desc{font-size:.95rem;line-height:1.6;color:#ffffffb8;margin:0 0 1rem;max-width:30rem}.m3d-step__link{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--m3d-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s var(--m3d-ease)}.m3d-step__link:hover,.m3d-step__link:focus-visible{border-bottom-color:var(--m3d-accent)}.m3d-journey__rail{position:absolute;left:0;top:0;bottom:0;width:2px;background:#ffffff1a}.m3d-journey__rail-fill{position:absolute;left:0;top:0;width:100%;height:calc(var(--m3d-progress) * 100%);background:var(--m3d-accent);transition:height .25s linear}.m3d-journey__assembly{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(calc(-14deg - var(--m3d-progress) * 24deg)) scale(calc((.82 + var(--m3d-progress) * .12) * var(--m3d-s, 1)));transition:transform .65s var(--m3d-ease-out)}.m3d-flat .m3d-journey__assembly{--m3d-progress: 1;transition:none}.m3d-none .m3d-journey__assembly{transform:none}.m3d-obj{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d}.m3d-obj--cargo,.m3d-obj--film{transform:translateY(-44px)}.m3d-obj--strap-a{transform:translate3d(-52px,-44px,0)}.m3d-obj--strap-b{transform:translate3d(52px,-44px,0)}.m3d-obj--pallet{transform:translateY(15px)}.m3d-obj--container{transform:translateY(-34px)}.m3d-obj--seal{transform:translate3d(152px,-48px,18px) rotateY(90deg)}.m3d-obj--seal .m3d-seal{margin-left:-17px;margin-top:-38px}[data-stage] .m3d-obj,.m3d-stack .m3d-obj{visibility:hidden;transition:transform .65s var(--m3d-ease-out)}[data-stage] .m3d-obj.is-on,.m3d-stack .m3d-obj.is-on{visibility:visible}[data-stage] .m3d-obj .f,[data-stage] .m3d-obj .m3d-seal>*:not(.m3d-seal__lock),.m3d-stack .m3d-obj .f,.m3d-stack .m3d-obj .m3d-seal>*:not(.m3d-seal__lock){opacity:0;transition:opacity .45s var(--m3d-ease)}[data-stage] .m3d-obj.is-on .f,[data-stage] .m3d-obj.is-on .m3d-seal>*:not(.m3d-seal__lock),.m3d-stack .m3d-obj.is-on .f,.m3d-stack .m3d-obj.is-on .m3d-seal>*:not(.m3d-seal__lock){opacity:1}[data-stage] .m3d-obj.is-support .f,[data-stage] .m3d-obj.is-support .m3d-seal>*:not(.m3d-seal__lock){opacity:.68}.m3d-full [data-stage] .m3d-obj,.m3d-lite [data-stage] .m3d-obj{transition:transform .65s var(--m3d-ease-out),scale .65s var(--m3d-ease-out)}.m3d-full [data-stage] .m3d-obj.is-current,.m3d-lite [data-stage] .m3d-obj.is-current{scale:1.045}[data-stage] .m3d-obj--cargo,[data-stage] .m3d-obj--film{transform:translateY(-58px)}[data-stage] .m3d-obj--strap-a{transform:translate3d(-52px,-58px,0)}[data-stage] .m3d-obj--strap-b{transform:translate3d(52px,-58px,0)}[data-stage] .m3d-obj--cargo.is-on,[data-stage] .m3d-obj--film.is-on{transform:translateY(-44px)}[data-stage] .m3d-obj--strap-a.is-on{transform:translate3d(-52px,-44px,0)}[data-stage] .m3d-obj--strap-b.is-on{transform:translate3d(52px,-44px,0)}[data-stage] .m3d-obj--pallet{transform:translate3d(0,90px,-40px)}[data-stage] .m3d-obj--pallet.is-on{transform:translateY(15px)}[data-stage] .m3d-obj--container{transform:translateY(-38px) scale(1.3)}[data-stage] .m3d-obj--container.is-on{transform:translateY(-34px) scale(1)}[data-stage] .m3d-obj--seal{transform:translate3d(230px,-150px,70px) rotateY(90deg)}[data-stage] .m3d-obj--seal.is-on{transform:translate3d(152px,-48px,18px) rotateY(90deg)}.m3d-streaks{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s var(--m3d-ease);pointer-events:none;overflow:hidden}.m3d-streaks.is-on{opacity:1}.m3d-streaks span{position:absolute;height:1px;right:-30%;background:linear-gradient(90deg,transparent,var(--m3d-hair),transparent);width:45%}.m3d-streaks span:nth-child(1){top:26%}.m3d-streaks span:nth-child(2){top:44%;width:62%;opacity:.7}.m3d-streaks span:nth-child(3){top:62%;width:38%;opacity:.5}.m3d-streaks span:nth-child(4){top:78%;width:54%;opacity:.35}.m3d-full .m3d-streaks.is-on span{animation:m3d-streak 1.5s linear infinite}.m3d-full .m3d-streaks.is-on span:nth-child(2){animation-duration:1.15s;animation-delay:.18s}.m3d-full .m3d-streaks.is-on span:nth-child(3){animation-duration:1.8s;animation-delay:.36s}.m3d-full .m3d-streaks.is-on span:nth-child(4){animation-duration:1.35s;animation-delay:.1s}@keyframes m3d-streak{0%{transform:translate(0)}to{transform:translate(-260%)}}.m3d-arrived{position:absolute;left:50%;top:12%;transform:translate(-50%,-6px);padding:.4rem .95rem;border:1px solid rgba(255,255,255,.28);border-radius:100px;background:#ffffff0f;font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;white-space:nowrap;opacity:0;transition:opacity .4s var(--m3d-ease),transform .4s var(--m3d-ease-out)}.m3d-arrived.is-on{opacity:1;transform:translate(-50%)}.m3d-eco{position:relative;perspective:1300px}.m3d-eco__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--matang-space-sm, 1rem);transform-style:preserve-3d}.m3d-node{position:relative;display:flex;flex-direction:column;padding:var(--matang-space-md, 1.5rem);background:var(--matang-white, #fff);border:1px solid var(--matang-border, #e6e8ec);border-radius:var(--card-corner-radius, 4px);transform-style:preserve-3d;transition:transform .4s var(--m3d-ease-out),box-shadow .4s var(--m3d-ease),border-color .3s var(--m3d-ease);cursor:pointer}.m3d-node:focus-visible{outline:2px solid var(--matang-navy, #0d1b2a);outline-offset:3px}.m3d-full .m3d-node.is-active,.m3d-lite .m3d-node.is-active{transform:translateZ(38px) translateY(-6px);box-shadow:0 22px 46px -18px #0d1b2a66;border-color:var(--matang-navy, #0d1b2a)}.m3d-eco__grid.has-active .m3d-node:not(.is-active){opacity:.55}.m3d-node__eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--matang-yellow, #f5a623);margin:0 0 .5rem}.m3d-node__title{font-family:var(--font-heading--family, inherit);font-size:1.5rem;color:var(--matang-navy, #0d1b2a);margin:0 0 .6rem}.m3d-node__desc{font-size:.9rem;line-height:1.55;color:var(--matang-text-muted, #5a6472);margin:0 0 1.1rem}.m3d-node__items{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;transform-style:preserve-3d}.m3d-node__items li{font-size:.78rem;padding:.3rem .65rem;border:1px solid var(--matang-border, #e6e8ec);border-radius:100px;color:var(--matang-text, #0d1b2a);background:var(--matang-white, #fff);transition:transform .4s var(--m3d-ease-out),border-color .3s var(--m3d-ease)}.m3d-full .m3d-node.is-active .m3d-node__items li{transform:translateZ(18px);border-color:var(--matang-yellow, #f5a623)}.m3d-node__items a{color:inherit;text-decoration:none}.m3d-node__items a:hover{text-decoration:underline}.m3d-node__cta{margin-top:auto}.m3d-eco__link{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--matang-yellow, #f5a623);opacity:.55;pointer-events:none}.m3d-eco__hub{position:relative;height:84px;margin-bottom:var(--matang-space-sm, 1rem);display:flex;align-items:center;justify-content:center;perspective:900px;pointer-events:none}.m3d-eco__hub-world{position:relative;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-22deg) scale(.34) translateY(20px)}.m3d-eco__hub .m3d-obj:not(.is-on){visibility:hidden}.m3d-eco__hub .m3d-obj.is-on{visibility:visible}@media screen and (max-width:989px){.m3d-eco__hub{display:none}}@media screen and (max-width:749px){.m3d-eco__grid{grid-template-columns:1fr}.m3d-eco__link{display:none}}.m3d-tilt-grid{perspective:1100px}.m3d-full .m3d-tilt{transition:transform .32s var(--m3d-ease-out),box-shadow .32s var(--m3d-ease);transform-style:preserve-3d}.m3d-full .m3d-tilt:hover,.m3d-full .m3d-tilt:focus-within{transform:translateY(-6px) rotateX(calc(var(--m3d-ty, 0) * -3.5deg)) rotateY(calc(var(--m3d-tx, 0) * 3.5deg));box-shadow:0 20px 40px -20px #0d1b2a61}.m3d-lite .m3d-tilt{transition:transform .25s var(--m3d-ease-out),box-shadow .25s var(--m3d-ease)}.m3d-lite .m3d-tilt:hover,.m3d-lite .m3d-tilt:focus-within{transform:translateY(-4px);box-shadow:0 14px 28px -16px #0d1b2a52}.m3d-full .m3d-tilt .matang-product-card__image img,.m3d-full .m3d-tilt .m3d-tilt__media img{transition:transform .32s var(--m3d-ease-out)}.m3d-full .m3d-tilt:hover .matang-product-card__image img,.m3d-full .m3d-tilt:focus-within .matang-product-card__image img,.m3d-full .m3d-tilt:hover .m3d-tilt__media img,.m3d-full .m3d-tilt:focus-within .m3d-tilt__media img{transform:translateZ(24px) scale(1.05)}.matang-product-card__eyebrow{position:relative;padding-left:.85rem;transition:color .25s var(--m3d-ease)}.matang-product-card__eyebrow:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55;transform:translateY(-50%);transition:opacity .25s var(--m3d-ease),transform .25s var(--m3d-ease-out)}.m3d-tilt:hover .matang-product-card__eyebrow:before,.m3d-tilt:focus-within .matang-product-card__eyebrow:before{opacity:1;transform:translateY(-50%) scale(1.4)}.m3d-stack{position:relative;height:210px;perspective:1000px;margin-bottom:var(--matang-space-md, 1.5rem);border:1px solid var(--matang-border, #e6e8ec);border-radius:var(--card-corner-radius, 4px);background:linear-gradient(160deg,#16212c,#0c141c);overflow:hidden}.m3d-stack__world{position:absolute;left:50%;top:54%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-28deg) scale(.72)}.m3d-stack__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;font-size:.8rem;letter-spacing:.06em;color:#ffffff73;transition:opacity .3s var(--m3d-ease)}.m3d-stack.has-selection .m3d-stack__empty{opacity:0}.m3d-stack .m3d-obj{transition:opacity .45s var(--m3d-ease),transform .55s var(--m3d-ease-out)}.m3d-stack__world .m3d-obj--seal{transform:translate3d(128px,-96px,70px) rotateY(26deg)}.m3d-stack{transition:border-color .4s var(--m3d-ease),box-shadow .4s var(--m3d-ease)}.m3d-stack.is-complete{border-color:var(--m3d-accent);box-shadow:0 0 0 1px #f5a62340}.m3d-stack__caption{position:absolute;left:0;right:0;bottom:0;padding:.5rem .85rem;display:flex;flex-wrap:wrap;gap:.4rem;background:#080d12bf;border-top:1px solid rgba(255,255,255,.1)}.m3d-stack__chip{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .55rem;border-radius:100px;border:1px solid var(--m3d-accent);color:var(--m3d-accent)}.m3d-full .matang-industry,.m3d-lite .matang-industry{transition:background .25s var(--m3d-ease),transform .25s var(--m3d-ease-out),box-shadow .25s var(--m3d-ease)}.m3d-full .matang-industry:hover,.m3d-lite .matang-industry:hover,.m3d-full .matang-industry[aria-expanded=true],.m3d-lite .matang-industry[aria-expanded=true]{transform:translateY(-3px);box-shadow:0 12px 24px -16px #0d1b2a5c;position:relative;z-index:1}.matang-industry__mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:16px;margin-right:.6rem;border:1.5px solid currentColor;opacity:.45;transition:opacity .25s var(--m3d-ease);vertical-align:-3px}.matang-industry__mark--container{border-radius:2px}.matang-industry__mark--pallet{border-radius:1px;border-top:4px solid currentColor}.matang-industry__mark--seal{width:14px;height:16px;border-radius:3px}.matang-industry__mark--band{width:22px;height:8px;border-radius:100px}.matang-industry:hover .matang-industry__mark,.matang-industry[aria-expanded=true] .matang-industry__mark{opacity:1}.m3d-full .matang-mega__panel,.m3d-lite .matang-mega__panel{box-shadow:0 26px 54px -24px #0d1b2a6b}.m3d-seam{position:relative;height:1px;background:linear-gradient(90deg,transparent,var(--m3d-hair),transparent)}:root{--m3d-s: 1}@media screen and (max-width:1439px){:root{--m3d-s: .88}}@media screen and (max-width:1279px){:root{--m3d-s: .78}.m3d-hero-scene{min-height:380px}}@media screen and (max-width:989px){:root{--m3d-s: .72}.m3d-journey__layout{grid-template-columns:1fr}.m3d-journey__stage{position:relative;top:auto;height:270px;min-height:0;margin-bottom:var(--matang-space-md, 1.5rem)}.m3d-journey__steps{padding-block:0 2rem}.m3d-step{padding-block:2rem}.m3d-secured{bottom:7%}.m3d-arrived{top:6%}}@media screen and (max-width:749px){:root{--m3d-s: .5}.m3d-assembly{left:56%}.m3d-hero-scene{min-height:300px;margin-top:var(--matang-space-md, 1.5rem)}.m3d-hotspot__card{width:172px;padding:.65rem .75rem}.m3d-hotspot__text{font-size:.72rem}.m3d-hero-scene,.m3d-journey__scene,.m3d-stack{overflow:hidden}.m3d-journey__stage{height:250px}.m3d-stack{height:170px}.m3d-stack__world{transform:rotateX(-18deg) rotateY(-28deg) scale(.56)}}@media screen and (max-width:480px){:root{--m3d-s: .4}.m3d-assembly{left:52%;top:46%}.m3d-hero-scene{min-height:220px}.m3d-hotspot__card{width:148px;padding:.55rem .65rem}.m3d-hotspot__text{font-size:.68rem}.m3d-journey__stage{height:200px}}.m3d-hero-scene,.m3d-journey__scene{overflow:hidden}@media(prefers-reduced-motion:reduce){.m3d-world--camera,.m3d-assembly,.m3d-journey__assembly,.m3d-obj,.m3d-node,.m3d-node__items li,.m3d-tilt,.m3d-secured,.m3d-arrived,.m3d-hotspot__card,.m3d-hotspot__dot,.m3d-hotspot__wire,.m3d-step,.m3d-journey__rail-fill,.m3d-box>.f,.m3d-seal>*,.m3d-stack,.matang-product-card__eyebrow:before,.matang-industry{transition:none!important;animation:none!important}.m3d-streaks{display:none}.m3d-seal.is-locked .m3d-seal__lock{animation:none;opacity:0}}.m3d-flat .m3d-journey__stage{position:relative;top:auto;height:320px}.m3d-flat .m3d-step{opacity:1}.m3d-flat .m3d-streaks,.m3d-none .m3d-world,.m3d-none .m3d-journey__stage,.m3d-none .m3d-stack,.m3d-none .m3d-streaks,.m3d-none .m3d-eco__hub{display:none}.m3d-none .m3d-hero-scene{min-height:0;margin-top:var(--matang-space-md, 1.5rem)}.m3d-none .m3d-hotspots{position:relative;display:flex;flex-direction:column;gap:.75rem}.m3d-none .m3d-hotspot{position:relative!important;left:auto!important;top:auto!important;transform:none!important}.m3d-none .m3d-hotspot__dot{display:none}.m3d-none .m3d-hotspot__card{position:relative;left:auto;right:auto;top:auto;width:auto;opacity:1;visibility:visible;transform:none}html:not(.m3d-full):not(.m3d-lite):not(.m3d-flat):not(.m3d-none) .m3d-journey__stage{position:relative;top:auto;height:320px}html:not(.m3d-full):not(.m3d-lite):not(.m3d-flat):not(.m3d-none) .m3d-step{opacity:1}html:not(.m3d-full):not(.m3d-lite):not(.m3d-flat):not(.m3d-none) .m3d-streaks,html:not(.m3d-full):not(.m3d-lite):not(.m3d-flat):not(.m3d-none) .m3d-stack,html:not(.m3d-full):not(.m3d-lite):not(.m3d-flat):not(.m3d-none) .m3d-eco__hub{display:none}.matang-hero-2.is-webgl-active .m3d-ticks{opacity:.4}.matang-hero-2.is-webgl-active .matang-hero-2__inner{grid-template-columns:.85fr 1.15fr;min-height:600px}.matang-hero-2.is-webgl-active .m3d-hero-scene{min-height:600px}.matang-hero-2.is-webgl-active .m3d-hero-scene .m3d-world{display:none}.m3d-hero-webgl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.m3d-hero-webgl canvas{display:block;width:100%!important;height:100%!important}@media screen and (max-width:989px){.matang-hero-2.is-webgl-active .matang-hero-2__inner{grid-template-columns:1fr;min-height:0}.matang-hero-2.is-webgl-active .m3d-hero-scene{min-height:0;height:62vh;max-height:480px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/matang-3d.css.map */