.mtr-signage-art.mtr-signage-art{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:8/5;overflow:hidden;background:#24162b;container-type:inline-size}
.mtr-scene{position:absolute;inset:0;display:block;overflow:hidden;background:radial-gradient(ellipse at 5% 46%,#ae8b3d55,transparent 62%),radial-gradient(ellipse at 92% 36%,#932eb84d,transparent 65%),linear-gradient(170deg,#302335,#201626 56%,#312329)}
.mtr-camera{position:absolute;inset:0;perspective:1000px;perspective-origin:50% 39%;display:block}
.mtr-track{position:absolute;inset:0;display:block;transform-style:preserve-3d;animation:mtr-signage-pan 32s cubic-bezier(.48,0,.25,1) infinite;animation-play-state:paused;will-change:transform}
.mtr-sign{position:absolute;display:block;left:calc(17% + var(--mtr-index)*78%);top:18%;width:63%;aspect-ratio:612/375;transform:rotateY(-15deg) rotateX(4deg) rotateZ(-2deg);transform-style:preserve-3d;-webkit-box-reflect:below 12px linear-gradient(transparent 16%,#0000000d 40%,#00000059 100%);box-shadow:2px 2px 0 #dbcee185,5px 5px 0 #493d50,10px 17px 17px #09070b80,26px 42px 55px #08050999}
.mtr-signage-art .mtr-sign>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;object-position:center;filter:none;transform:none;border-radius:0;transition:none;user-select:none;-webkit-user-drag:none}
.mtr-sign:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,#fff2,transparent 28%,transparent 70%,#ecd8ff15);box-shadow:inset 0 0 0 1px #fff3}
.mtr-sign:nth-child(2){transform:translateZ(-18px) rotateY(12deg) rotateX(3deg) rotateZ(1.5deg)}
.mtr-sign:nth-child(3){transform:translateZ(12px) rotateY(-10deg) rotateX(2deg) rotateZ(-1deg)}
.mtr-light{position:absolute;display:block;pointer-events:none;filter:blur(30px);border-radius:50%;mix-blend-mode:screen;opacity:.7;animation:mtr-light-shift 32s ease-in-out infinite;animation-play-state:paused}
.mtr-light-yellow{left:-15%;top:40%;width:70%;height:70%;background:radial-gradient(ellipse,#ffe35cbb,transparent 68%)}
.mtr-light-violet{right:-10%;top:25%;width:75%;height:85%;background:radial-gradient(ellipse,#ad48e5b0,transparent 70%);animation-direction:reverse}
.mtr-floor{position:absolute;left:-20%;right:-20%;top:69%;bottom:-30%;display:block;transform:perspective(440px) rotateX(58deg);transform-origin:center top;background:linear-gradient(110deg,#ffd36d16,#c897f01c 60%,#3c284d30);border-top:1px solid #e9d8ef0b}
.mtr-vignette{position:absolute;inset:0;display:block;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 30%,#100c1730 95%);box-shadow:inset 0 0 5cqw #08050c18}
.mtr-motion-toggle{position:absolute;right:18px;bottom:16px;z-index:2;background:#211a28b8;border:1px solid #f1e6ff52;border-radius:100px;color:#fff;padding:10px 15px;font:500 13px/1.2 "DM Sans",sans-serif;backdrop-filter:blur(18px);cursor:pointer}
.mtr-motion-toggle:focus-visible{outline:2px solid #ffe571;outline-offset:4px}
.portfolio-motion-running .mtr-signage-art[data-motion-visible="true"] .mtr-track,.portfolio-motion-running .mtr-signage-art[data-motion-visible="true"] .mtr-light{animation-play-state:running}
.mtr-signage-art:hover,.image-link:hover .mtr-signage-art,.mtr-signage-art:hover .mtr-sign,.image-link:hover .mtr-signage-art .mtr-sign{scale:1;translate:none}
@keyframes mtr-signage-pan{0%,7%{transform:translate3d(0,0,0)}30%,38%{transform:translate3d(-78%,0,0)}61%,69%{transform:translate3d(-156%,0,0)}92%,100%{transform:translate3d(-234%,0,0)}}
@keyframes mtr-light-shift{0%,100%{transform:translateX(-5%) scale(.95);opacity:.55}50%{transform:translateX(12%) scale(1.1);opacity:.8}}
@media(max-width:600px){.mtr-sign{top:20%;left:calc(12% + var(--mtr-index)*78%);width:72%;transform:rotateY(-10deg) rotateX(3deg) rotateZ(-1.5deg)}.mtr-motion-toggle{right:10px;bottom:10px;padding:8px 11px;font-size:11px}.mtr-camera{perspective:650px}}
@media(prefers-reduced-motion:reduce){.mtr-signage-art .mtr-track,.mtr-signage-art .mtr-light{animation:none!important;transform:none!important}.mtr-motion-toggle{display:none}}