.mahir-motion{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden;background:#171a16;color:#fff;font-family:Arial,sans-serif}.mm-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#353b2c 0,#20251e 38%,#171a16 72%)}.mm-grain{position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.mm-brand{position:absolute;top:18%;left:50%;transform:translateX(-50%);width:250px;text-align:center;z-index:4}.mm-brand>img{display:block;object-fit:contain;width:100%;height:76px;background:#000;border-radius:3px;padding:5px}.mm-kicker{display:block;margin-top:19px;color:#a7af98;font-size:9px;font-weight:600;letter-spacing:.29em}.mm-city{position:absolute;left:50%;top:44%;transform:translateX(-50%);width:min(92%,1300px);height:25%;color:#b2b48c;opacity:.33}.mm-city svg{width:100%;height:100%;overflow:visible}.mm-orbit{position:absolute;left:50%;top:62%;width:55%;height:1px;background:linear-gradient(90deg,transparent,#8b7842,transparent);transform:translateX(-50%);opacity:.5}.mm-road{position:absolute;bottom:20%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#777257 30%,#777257 70%,transparent)}.mm-road:after{content:'';position:absolute;top:15px;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,transparent 0 50px,#a99b6230 50px 83px)}.mm-vehicle{position:absolute;width:min(57%,680px);aspect-ratio:1942/809;left:50%;bottom:20%;margin-bottom:-2px;transform:translateX(-50%);z-index:3}.mm-moving{position:absolute;inset:0;will-change:transform}.mm-shadow{position:absolute;left:8%;right:8%;height:10%;bottom:1%;background:#000;filter:blur(13px);border-radius:50%;opacity:.55}.mm-car-body{position:absolute;inset:0;will-change:transform}.mm-car-body>img{display:block;width:100%;height:100%;object-fit:contain}.mm-door-logo{position:absolute;left:48.3%;top:48.7%;width:19%;height:15%;background:#080907;border:1px solid #c9a60e;border-radius:3px;box-shadow:0 2px 4px #0003;transform:skewY(1deg);padding:3px}.mm-door-logo img{width:100%;height:100%;object-fit:contain}.mm-wheel{position:absolute;top:76.1%;width:10.8%;aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #111512;border-radius:50%;background:radial-gradient(circle,#bcc0ba 0 12%,#383e39 13% 23%,#151a16 24% 70%,#333a33 71%);box-shadow:0 0 0 2px #1a1e1a;overflow:hidden}.mm-wheel.rear{left:21.3%}.mm-wheel.front{left:79.9%}.mm-wheel svg{display:block;width:100%;height:100%;color:#a5afa5}.mm-wheel-disc{width:100%;height:100%;transform-origin:center}.mm-wheel-hub{position:absolute;width:19%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #a3aa9d;border-radius:50%;background:#151a16}.mm-headlight{position:absolute;left:95%;top:49%;width:34%;height:24%;background:linear-gradient(90deg,#ffdb6955,transparent);clip-path:polygon(0 40%,100% 0,100% 100%,0 60%);filter:blur(4px);opacity:0}.mm-caption{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);text-align:center;white-space:nowrap}.mm-caption strong{font-size:16px;font-weight:500;letter-spacing:.015em}.mm-caption span{display:block;color:#8a947d;font-size:9px;letter-spacing:.24em;margin-top:13px}.mm-progress{position:absolute;bottom:6%;left:50%;width:46px;height:2px;transform:translateX(-50%);background:#414738}.mm-progress i{display:block;width:100%;height:100%;transform-origin:left;background:#ffd52c}.mahir-motion-layer{position:fixed;inset:0;z-index:1000;opacity:1;background:#171a16}.mahir-motion-layer .mm-skip{position:absolute;right:24px;bottom:23px;border:1px solid #525943;background:#20261c;color:#c7cbbf;border-radius:4px;padding:9px 16px;font-size:10px;cursor:pointer;z-index:10}.mahir-motion-layer .mm-skip:focus-visible{outline:2px solid #ffd52c;outline-offset:3px}html[data-mahir-motion] body{overflow:hidden}html[data-mahir-motion]:before{content:'';position:fixed;inset:0;z-index:999;background:#171a16}.mm-preview-page{margin:0;background:#10130f;color:#e9eddf;font:14px/1.7 Arial,sans-serif}.mm-preview-wrap{max-width:1160px;margin:35px auto;padding:0 24px}.mm-preview-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.mm-preview-top p{margin:4px 0 0;color:#909983;font-size:12px}.mm-preview-top h1{margin:0;font-size:25px;letter-spacing:-.04em}.mm-preview-top a{color:#cbd1c1;font-size:12px;text-decoration:none}.mm-demo-stage{position:relative;height:min(72svh,700px);min-height:430px;border:1px solid #3b4332;border-radius:12px;overflow:hidden;background:#f6f5ef}.mm-demo-stage>.mm-site-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.mm-demo-stage>.mahir-motion{position:absolute;inset:0}.mm-preview-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.mm-preview-controls button{background:#ffd52c;border:0;color:#171a16;padding:12px 20px;border-radius:5px;font:700 12px Arial,sans-serif;cursor:pointer}.mm-preview-controls button.secondary{background:#283021;color:#d5dccb}.mm-preview-controls label{display:flex;align-items:center;gap:14px;font-size:11px;color:#a2ad94;margin-left:auto}.mm-preview-controls input{width:180px;accent-color:#ffd52c}.mm-preview-controls output{width:65px;font-variant-numeric:tabular-nums}.mm-preview-note{font-size:11px;color:#87917b;margin-top:18px}.mm-preview-controls button:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:600px){.mm-brand{top:18%;width:205px}.mm-brand>img{height:65px}.mm-kicker{font-size:7px;letter-spacing:.22em;margin-top:15px}.mm-city{width:145%;top:44%;height:20%}.mm-vehicle{width:88%;bottom:25%}.mm-road{bottom:25%}.mm-caption{bottom:13%}.mm-caption strong{font-size:12px}.mm-caption span{font-size:7px;letter-spacing:.18em}.mm-progress{bottom:8%}.mm-wheel{border-width:1.5px;box-shadow:0 0 0 1px #1a1e1a}.mm-door-logo{padding:1px;border-radius:1px}.mm-door-logo img{border-radius:0}.mm-preview-wrap{padding:0 14px;margin-top:20px}.mm-preview-top{align-items:start}.mm-preview-top h1{font-size:20px}.mm-preview-top p{font-size:10px}.mm-preview-top a{font-size:10px;white-space:nowrap}.mm-demo-stage{height:65svh;min-height:440px}.mm-preview-controls{gap:8px}.mm-preview-controls button{padding:11px 12px;font-size:10px}.mm-preview-controls label{margin-left:0;width:100%;margin-top:10px}.mm-preview-controls input{flex:1}.mahir-motion-layer .mm-skip{right:15px;bottom:15px;padding:8px 12px}}
.mm-vehicle{margin-bottom:-17px}@media(max-width:600px){.mm-vehicle{margin-bottom:-8px}}

/* v2: Istanbul diorama, original rims, upper logo composed without its dark backing. */
.mm-brand>img{background:transparent;padding:0;filter:contrast(1.4);mix-blend-mode:screen;border-radius:0}.mm-city{top:35%;height:38%;width:min(95%,1400px);opacity:.64;mask-image:linear-gradient(to bottom,#000 0 82%,transparent 100%)}.mm-city>img{width:100%;height:100%;object-fit:contain}.mm-orbit{display:none}.mm-wheel{border:0;background:transparent;box-shadow:none;overflow:hidden;width:10.8%;top:76.1%}.mm-wheel-disc{position:relative;overflow:hidden;border-radius:50%}.mm-wheel-disc>img{position:absolute;width:925.926%;height:auto;max-width:none;top:-244.04%}.mm-wheel.rear .mm-wheel-disc>img{left:-146.96%}.mm-wheel.front .mm-wheel-disc>img{left:-689.81%}@media(max-width:600px){.mm-city{width:150%;height:30%;top:39%}.mm-wheel{border:0;box-shadow:none}}

.mm-brand{mix-blend-mode:screen}.mm-brand>img{mix-blend-mode:normal}.mm-city{top:32%;height:auto;width:min(94%,1400px)}.mm-city>img{height:auto;object-fit:contain}@media(max-width:600px){.mm-city{top:38%;height:auto;width:150%}}

.mm-city{mask-image:linear-gradient(to bottom,#000 0 65%,transparent 91%)}
