#meshkov-motors-site {
–black:#030507;
–black2:#070a0e;
–dark:#0b0f14;
–panel:#10151b;
–panel2:#151b22;
–border:#252c35;
–blue:#1268ff;
–blue-light:#287cff;
–white:#ffffff;
–silver:#d8dce2;
–grey:#aeb4bd;
–muted:#7e8792;
width:100%;
margin:0;
padding:0;
overflow:hidden;
background:#05070a;
color:#fff;
font-family:
“Arial Narrow”,
“Roboto Condensed”,
“Helvetica Neue”,
Arial,
sans-serif;
}
#meshkov-motors-site *,
#meshkov-motors-site *::before,
#meshkov-motors-site *::after {
box-sizing:border-box;
}
#meshkov-motors-site a {
text-decoration:none;
color:inherit;
}
#meshkov-motors-site img {
max-width:100%;
display:block;
}
.mm-container {
width:min(1200px, calc(100% – 56px));
margin:0 auto;
}
/* ============================================================
HEADER
============================================================ */
.mm-header {
position:sticky;
top:0;
z-index:1000;
height:82px;
display:flex;
align-items:center;
background:rgba(2,3,5,.98);
border-bottom:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(12px);
}
.mm-header-inner {
width:min(1280px, calc(100% – 44px));
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
}
.mm-logo-wrap {
height:70px;
width:210px;
display:flex;
align-items:center;
overflow:hidden;
}
.mm-logo {
width:205px;
height:auto;
}
.mm-nav {
display:flex;
align-items:center;
gap:38px;
font-size:13px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.04em;
}
.mm-nav-link {
position:relative;
padding:31px 0;
}
.mm-nav-link:hover {
color:var(–blue);
}
.mm-nav-link::after {
content:””;
position:absolute;
left:0;
bottom:18px;
height:2px;
width:0;
background:var(–blue);
transition:.25s;
}
.mm-nav-link:hover::after {
width:100%;
}
.mm-nav-book {
padding:16px 22px;
background:var(–blue);
color:white !important;
transition:.25s;
}
.mm-nav-book:hover {
background:var(–blue-light);
transform:translateY(-2px);
}
.mm-menu-button {
display:none;
background:transparent;
color:white;
border:1px solid #303842;
padding:8px 13px;
font-size:22px;
cursor:pointer;
}
/* ============================================================
HERO
============================================================ */
.mm-hero {
min-height:610px;
display:flex;
align-items:center;
position:relative;
background-image:
linear-gradient(
90deg,
rgba(3,5,8,.98) 0%,
rgba(3,5,8,.93) 30%,
rgba(3,5,8,.69) 46%,
rgba(3,5,8,.20) 72%,
rgba(3,5,8,.05) 100%
),
url(“
https://trustmemate.com/wp-content/uploads/2026/08/7cad0d08-b3a7-4477-88e7-9740f74b1b35.png”);
background-size:cover;
/*
Composite image:
top section = exterior workshop
*/
background-position:center top;
}
.mm-hero::after {
content:””;
position:absolute;
left:0;
right:0;
bottom:0;
height:110px;
background:
linear-gradient(
transparent,
rgba(3,5,8,.92)
);
}
.mm-hero-content {
position:relative;
z-index:2;
width:530px;
padding:90px 0 100px;
}
.mm-eyebrow {
color:var(–blue);
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.10em;
margin-bottom:15px;
}
.mm-hero h1 {
margin:0 0 24px;
font-size:clamp(56px,6vw,86px);
line-height:.91;
font-weight:900;
letter-spacing:-.045em;
text-transform:uppercase;
}
.mm-hero h1 span {
color:var(–blue);
}
.mm-hero-copy {
width:430px;
font-family:Arial,sans-serif;
font-size:17px;
line-height:1.55;
color:#edf0f3;
margin:0 0 30px;
}
.mm-buttons {
display:flex;
flex-wrap:wrap;
gap:10px;
}
.mm-button {
min-height:53px;
display:inline-flex;
justify-content:center;
align-items:center;
padding:0 25px;
border:2px solid var(–blue);
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.04em;
transition:.25s;
}
.mm-button-blue {
background:var(–blue);
color:white;
}
.mm-button-blue:hover {
background:#fff;
border-color:#fff;
color:#05070a;
}
.mm-button-outline {
background:rgba(3,5,8,.45);
}
.mm-button-outline:hover {
background:var(–blue);
}
/* ============================================================
ABOUT
============================================================ */
.mm-about {
background:#05070a;
}
.mm-about-grid {
display:grid;
grid-template-columns:50% 50%;
min-height:455px;
}
.mm-about-image {
background-image:
linear-gradient(
rgba(0,0,0,.02),
rgba(0,0,0,.02)
),
url(“
https://trustmemate.com/wp-content/uploads/2026/08/7cad0d08-b3a7-4477-88e7-9740f74b1b35.png”);
background-size:cover;
/*
lower part of composite = workshop interior
*/
background-position:center bottom;
}
.mm-about-content {
display:flex;
flex-direction:column;
justify-content:center;
padding:55px 60px;
background:
radial-gradient(
circle at 100% 0%,
rgba(18,104,255,.08),
transparent 35%
),
linear-gradient(
135deg,
#11161c,
#07090c
);
}
.mm-section-label {
color:var(–blue);
font-size:11px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:8px;
}
.mm-about-content h2 {
margin:0 0 22px;
font-size:clamp(38px,4vw,52px);
line-height:.96;
font-weight:900;
text-transform:uppercase;
letter-spacing:-.025em;
}
.mm-about-content h2 span {
color:var(–blue);
}
.mm-about-content p {
max-width:560px;
margin:0 0 13px;
font-family:Arial,sans-serif;
font-size:15px;
line-height:1.6;
color:#d7dbe0;
}
/* ============================================================
STATS
============================================================ */
.mm-stats {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin-top:27px;
}
.mm-stat {
display:flex;
align-items:center;
gap:11px;
}
.mm-stat svg {
width:30px;
height:30px;
stroke:var(–blue);
fill:none;
stroke-width:1.7;
}
.mm-stat strong {
display:block;
font-size:25px;
line-height:1;
font-weight:900;
}
.mm-stat small {
display:block;
margin-top:5px;
font-size:9px;
line-height:1.25;
text-transform:uppercase;
color:#c8ccd1;
}
/* ============================================================
SERVICES
============================================================ */
.mm-services {
padding:52px 0 59px;
background:
radial-gradient(
circle at 50% 0,
rgba(18,104,255,.05),
transparent 30%
),
#07090c;
}
.mm-section-heading {
text-align:center;
margin-bottom:32px;
}
.mm-section-heading small {
display:block;
color:var(–blue);
margin-bottom:5px;
font-size:11px;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.mm-section-heading h2 {
margin:0;
font-size:clamp(32px,4vw,43px);
line-height:1;
text-transform:uppercase;
}
.mm-blue-line {
width:34px;
height:3px;
background:var(–blue);
margin:10px auto 0;
}
.mm-services-grid {
display:grid;
grid-template-columns:repeat(6,1fr);
gap:14px;
}
.mm-service {
min-height:230px;
padding:25px 18px;
text-align:center;
background:
linear-gradient(
155deg,
#12171e,
#080a0e
);
border:1px solid #303740;
display:flex;
flex-direction:column;
align-items:center;
position:relative;
overflow:hidden;
transition:.25s;
}
.mm-service::after {
content:””;
position:absolute;
left:0;
bottom:0;
height:3px;
width:0;
background:var(–blue);
transition:.25s;
}
.mm-service:hover {
transform:translateY(-5px);
border-color:rgba(18,104,255,.7);
}
.mm-service:hover::after {
width:100%;
}
.mm-service-icon {
height:55px;
display:flex;
align-items:center;
justify-content:center;
}
.mm-service-icon svg {
width:42px;
height:42px;
stroke:var(–blue);
fill:none;
stroke-width:1.7;
}
.mm-service h3 {
margin:10px 0 11px;
font-size:16px;
line-height:1.05;
text-transform:uppercase;
}
.mm-service p {
margin:0;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.55;
color:#bcc2ca;
}
/* ============================================================
WHY US
============================================================ */
.mm-why {
padding:49px 0 56px;
background:#05070a;
border-top:1px solid rgba(255,255,255,.05);
}
.mm-why-grid {
margin-top:34px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:37px;
}
.mm-why-item {
display:grid;
grid-template-columns:55px 1fr;
gap:14px;
}
.mm-why-icon svg {
width:44px;
height:44px;
fill:none;
stroke:var(–blue);
stroke-width:1.65;
}
.mm-why-item h3 {
margin:0 0 8px;
font-size:14px;
text-transform:uppercase;
}
.mm-why-item p {
margin:0;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.55;
color:#bcc2c9;
}
/* ============================================================
BRAND STRIP
============================================================ */
.mm-brands {
padding:26px 0;
border-top:1px solid #242a31;
border-bottom:1px solid #242a31;
background:#090c10;
}
.mm-brands-grid {
display:grid;
grid-template-columns:1fr 1fr 1fr;
align-items:center;
justify-items:center;
gap:30px;
}
.mm-brand-name {
color:#f1f2f4;
font-family:Arial,sans-serif;
font-size:30px;
font-weight:700;
letter-spacing:.02em;
}
.mm-brand-mm {
width:190px;
}
/* ============================================================
CTA
============================================================ */
.mm-cta {
min-height:155px;
display:flex;
align-items:center;
background-image:
linear-gradient(
90deg,
rgba(4,6,9,.98),
rgba(4,6,9,.80),
rgba(4,6,9,.40)
),
url(“
https://trustmemate.com/wp-content/uploads/2026/08/7cad0d08-b3a7-4477-88e7-9740f74b1b35.png”);
background-size:cover;
background-position:center top;
}
.mm-cta-grid {
display:flex;
justify-content:space-between;
align-items:center;
gap:40px;
}
.mm-cta h2 {
margin:0 0 7px;
font-size:31px;
text-transform:uppercase;
}
.mm-cta p {
margin:0;
font-family:Arial,sans-serif;
font-size:13px;
color:#d1d5da;
}
/* ============================================================
CONTACT
============================================================ */
.mm-contact {
background:#07090c;
}
.mm-contact-grid {
display:grid;
grid-template-columns:41% 19% 40%;
min-height:300px;
}
.mm-contact-info {
padding:40px 50px;
border-right:1px solid #252b32;
}
.mm-contact-info .mm-mini {
color:var(–blue);
font-size:11px;
font-weight:900;
text-transform:uppercase;
}
.mm-contact-info h2 {
margin:4px 0 24px;
font-size:30px;
text-transform:uppercase;
}
.mm-contact-row {
display:grid;
grid-template-columns:30px 1fr;
gap:13px;
margin-bottom:18px;
}
.mm-contact-row svg {
width:23px;
height:23px;
stroke:var(–blue);
fill:none;
stroke-width:1.8;
}
.mm-contact-label {
color:var(–blue);
font-size:10px;
font-weight:900;
text-transform:uppercase;
margin-bottom:2px;
}
.mm-contact-value {
font-family:Arial,sans-serif;
font-size:14px;
line-height:1.45;
color:#f2f3f4;
}
/* HOURS */
.mm-hours {
padding:40px 28px;
border-right:1px solid #252b32;
}
.mm-hours h3 {
margin:0 0 17px;
color:var(–blue);
font-size:14px;
text-transform:uppercase;
}
.mm-hours p {
margin:0 0 16px;
font-family:Arial,sans-serif;
font-size:13px;
line-height:1.5;
color:#d8dbe0;
}
.mm-hours strong {
color:white;
}
/* CONTACT IMAGE */
.mm-contact-image {
background-image:
linear-gradient(
rgba(0,0,0,.05),
rgba(0,0,0,.05)
),
url(“
https://trustmemate.com/wp-content/uploads/2026/08/7cad0d08-b3a7-4477-88e7-9740f74b1b35.png”);
background-size:cover;
background-position:center top;
}
/* ============================================================
FOOTER
============================================================ */
.mm-footer {
background:#020304;
border-top:1px solid #1e242b;
padding:20px 0;
}
.mm-footer-grid {
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
font-family:Arial,sans-serif;
font-size:11px;
color:#aeb4bb;
}
.mm-footer-logo {
width:135px;
}
/* ============================================================
RESPONSIVE
============================================================ */
@media(max-width:1100px) {
.mm-services-grid {
grid-template-columns:repeat(3,1fr);
}
.mm-nav {
gap:20px;
}
}
@media(max-width:900px) {
.mm-menu-button {
display:block;
}
.mm-nav {
display:none;
position:absolute;
top:82px;
left:0;
right:0;
background:#030507;
flex-direction:column;
gap:0;
border-bottom:1px solid #252c34;
}
.mm-nav.mm-open {
display:flex;
}
.mm-nav-link {
width:100%;
padding:16px 25px;
border-bottom:1px solid #171c22;
}
.mm-nav-link::after {
display:none;
}
.mm-nav-book {
margin:15px;
width:calc(100% – 30px);
text-align:center;
}
.mm-about-grid {
grid-template-columns:1fr;
}
.mm-about-image {
min-height:470px;
}
.mm-stats {
grid-template-columns:repeat(2,1fr);
}
.mm-why-grid {
grid-template-columns:repeat(2,1fr);
}
.mm-contact-grid {
grid-template-columns:1fr 1fr;
}
.mm-contact-image {
grid-column:1 / -1;
min-height:360px;
}
}
@media(max-width:620px) {
.mm-container {
width:calc(100% – 30px);
}
.mm-header-inner {
width:calc(100% – 28px);
}
.mm-logo-wrap {
width:155px;
}
.mm-logo {
width:155px;
}
.mm-hero {
min-height:640px;
background-position:61% top;
}
.mm-hero::before {
content:””;
position:absolute;
inset:0;
background:rgba(0,0,0,.20);
}
.mm-hero-content {
width:100%;
padding:85px 0;
}
.mm-hero-copy {
width:100%;
}
.mm-buttons {
flex-direction:column;
}
.mm-button {
width:100%;
}
.mm-about-image {
min-height:340px;
}
.mm-about-content {
padding:42px 24px;
}
.mm-stats {
grid-template-columns:1fr 1fr;
gap:20px 10px;
}
.mm-services-grid {
grid-template-columns:1fr;
}
.mm-why-grid {
grid-template-columns:1fr;
}
.mm-brands-grid {
grid-template-columns:1fr;
gap:25px;
}
.mm-cta-grid {
flex-direction:column;
align-items:flex-start;
padding:35px 0;
}
.mm-contact-grid {
grid-template-columns:1fr;
}
.mm-contact-info {
padding:35px 25px;
border-right:0;
}
.mm-hours {
padding:35px 25px;
border-right:0;
border-top:1px solid #252b32;
}
.mm-contact-image {
min-height:300px;
}
.mm-footer-grid {
flex-direction:column;
text-align:center;
}
}
PROFESSIONAL AUTOMOTIVE SERVICE & REPAIRS
EXPERIENCE.
PRECISION.
TRUST.
Professional automotive servicing, diagnostics and mechanical
repairs in Richmond, Melbourne, with particular experience
in Toyota and Lexus vehicles.
ABOUT MESHKOV MOTORS
EXPERIENCE BEHIND
EVERY REPAIR.
Meshkov Motors is an independent automotive workshop built around
professional experience, technical knowledge and straightforward service.
Our approach is simple — diagnose correctly, explain clearly
and carry out repairs to a high professional standard.
We have particular experience working with Toyota and Lexus vehicles,
while servicing and repairing a broad range of makes and models.
8
YEARS
WORKSHOP OWNERSHIP
100%
PROFESSIONAL
APPROACH
WHAT WE DO
PROFESSIONAL AUTOMOTIVE SERVICES
VEHICLE
SERVICING
Logbook servicing, maintenance, inspections
and preventative care.
DIAGNOSTICS
Advanced diagnostics and systematic fault finding
using professional equipment.
MECHANICAL
REPAIRS
Engine, transmission, suspension, steering,
brakes and mechanical repairs.
TOYOTA &
LEXUS
Particular experience with Toyota and Lexus
vehicles and systems.
COMPLEX
REPAIRS
Troubleshooting and repairs requiring technical
knowledge and experience.
PRE-PURCHASE
INSPECTION
Professional vehicle inspection before
purchasing a used car.
WHY CHOOSE MESHKOV MOTORS
KNOWLEDGE. EXPERIENCE. TRUST.
AUTOMOTIVE EXPERIENCE
Practical automotive experience and technical
knowledge applied to every vehicle.
ADVANCED DIAGNOSTICS
Systematic fault finding instead of unnecessary
parts replacement.
HONEST ADVICE
Clear communication about your vehicle
and the work it requires.
CUSTOMER FOCUSED
Professional workmanship and vehicle care
you can rely on.
TOYOTA
LEXUS
IS YOUR CAR READY FOR EXPERT CARE?
Talk to Meshkov Motors about your vehicle service,
repair or diagnostic requirements.
BOOK A SERVICE
document
.querySelectorAll(‘#meshkov-motors-site a[href^=”#”]’)
.forEach(function(link) {
link.addEventListener(‘click’, function(event) {
var selector =
this.getAttribute(‘href’);
var target =
document.querySelector(selector);
if(target) {
event.preventDefault();
target.scrollIntoView({
behavior:’smooth’,
block:’start’
});
}
var menu =
document.querySelector(‘.mm-nav’);
if(menu) {
menu.classList.remove(‘mm-open’);
}
});
});
Timing Belt Service 
