.moshina-about,
.moshina-about * {
box-sizing: border-box;
}
.moshina-about {
–black: #050708;
–panel: #0c1012;
–panel-light: #13191c;
–white: #f4f6f7;
–muted: #a5afb4;
–cyan: #29d9ff;
–red: #ff334f;
position: relative;
left: 50%;
width: 100vw;
margin-left: -50vw;
overflow: hidden;
background:
radial-gradient(circle at 85% 8%, rgba(41,217,255,.13), transparent 28%),
radial-gradient(circle at 8% 42%, rgba(255,51,79,.10), transparent 26%),
var(–black);
color: var(–white);
font-family: Inter, Arial, Helvetica, sans-serif;
}
.moshina-about a {
color: inherit;
}
.moshina-wrap {
width: min(1380px, calc(100% – 48px));
margin: 0 auto;
}
.moshina-eyebrow {
margin: 0 0 18px;
color: var(–cyan);
font-size: 12px;
font-weight: 900;
letter-spacing: .22em;
text-transform: uppercase;
}
.moshina-hero {
position: relative;
min-height: 78vh;
display: flex;
align-items: center;
padding: clamp(95px, 12vw, 180px) 0 clamp(80px, 10vw, 145px);
border-bottom: 1px solid rgba(255,255,255,.09);
}
.moshina-hero::before {
content: “25”;
position: absolute;
right: -1vw;
top: 50%;
transform: translateY(-52%);
color: transparent;
font-size: clamp(220px, 36vw, 570px);
font-weight: 950;
line-height: .75;
letter-spacing: -.1em;
-webkit-text-stroke: 1px rgba(255,255,255,.07);
pointer-events: none;
}
.moshina-hero-content {
position: relative;
z-index: 2;
max-width: 940px;
}
.moshina-title {
max-width: 900px;
margin: 0;
font-size: clamp(58px, 10vw, 150px);
font-weight: 950;
line-height: .78;
letter-spacing: -.065em;
text-transform: uppercase;
}
.moshina-title span {
display: block;
color: transparent;
-webkit-text-stroke: 1.5px var(–white);
}
.moshina-intro {
max-width: 750px;
margin: 40px 0 0;
padding-left: 24px;
border-left: 3px solid var(–red);
color: #d9dfe2;
font-size: clamp(18px, 2vw, 25px);
line-height: 1.55;
}
.moshina-stats {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: 60px;
border: 1px solid rgba(255,255,255,.12);
background: rgba(9,13,15,.78);
backdrop-filter: blur(12px);
}
.moshina-stat {
min-height: 145px;
padding: 30px;
border-right: 1px solid rgba(255,255,255,.12);
}
.moshina-stat:last-child {
border-right: 0;
}
.moshina-stat strong {
display: block;
margin-bottom: 8px;
color: var(–white);
font-size: clamp(28px, 3.3vw, 52px);
line-height: 1;
text-transform: uppercase;
}
.moshina-stat span {
color: var(–muted);
font-size: 12px;
font-weight: 800;
letter-spacing: .15em;
text-transform: uppercase;
}
.moshina-story {
display: grid;
grid-template-columns: .8fr 1.2fr;
gap: clamp(55px, 9vw, 150px);
padding: clamp(90px, 11vw, 160px) 0;
}
.moshina-section-number {
display: block;
margin-bottom: 25px;
color: var(–red);
font-size: 13px;
font-weight: 900;
letter-spacing: .2em;
}
.moshina-heading {
margin: 0;
font-size: clamp(42px, 6vw, 84px);
font-weight: 950;
line-height: .91;
letter-spacing: -.045em;
text-transform: uppercase;
}
.moshina-copy {
color: #c8d0d3;
font-size: clamp(17px, 1.6vw, 21px);
line-height: 1.8;
}
.moshina-copy p {
margin: 0 0 25px;
}
.moshina-copy strong {
color: var(–white);
}
.moshina-quote {
position: relative;
margin: 45px 0 0;
padding: 32px 35px;
overflow: hidden;
border: 1px solid rgba(41,217,255,.25);
background: linear-gradient(135deg, rgba(41,217,255,.08), rgba(255,255,255,.025));
color: var(–white);
font-size: clamp(23px, 3vw, 39px);
font-weight: 850;
line-height: 1.25;
letter-spacing: -.025em;
}
.moshina-quote::before {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: var(–cyan);
}
.moshina-principles {
padding: clamp(90px, 10vw, 145px) 0;
border-top: 1px solid rgba(255,255,255,.09);
border-bottom: 1px solid rgba(255,255,255,.09);
background:
linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
background-size: 44px 44px;
}
.moshina-principles-head {
display: flex;
align-items: end;
justify-content: space-between;
gap: 30px;
margin-bottom: 55px;
}
.moshina-principles-head p {
max-width: 520px;
margin: 0;
color: var(–muted);
font-size: 17px;
line-height: 1.65;
}
.moshina-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.moshina-card {
position: relative;
min-height: 270px;
padding: clamp(28px, 4vw, 48px);
overflow: hidden;
border: 1px solid rgba(255,255,255,.11);
background: rgba(7,10,11,.9);
transition: transform .3s ease, border-color .3s ease, background .3s ease;
}
.moshina-card:hover {
transform: translateY(-6px);
border-color: rgba(41,217,255,.55);
background: var(–panel);
}
.moshina-card::after {
content: attr(data-number);
position: absolute;
right: 20px;
bottom: -34px;
color: rgba(255,255,255,.035);
font-size: 145px;
font-weight: 950;
line-height: 1;
}
.moshina-card h3 {
position: relative;
z-index: 2;
margin: 0 0 18px;
font-size: clamp(24px, 2.7vw, 38px);
font-weight: 900;
letter-spacing: -.025em;
text-transform: uppercase;
}
.moshina-card p {
position: relative;
z-index: 2;
max-width: 530px;
margin: 0;
color: var(–muted);
font-size: 16px;
line-height: 1.7;
}
.moshina-card-line {
display: block;
width: 55px;
height: 3px;
margin-bottom: 25px;
background: var(–red);
}
.moshina-specialty {
display: grid;
grid-template-columns: 1.05fr .95fr;
min-height: 650px;
}
.moshina-specialty-copy {
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(80px, 10vw, 150px) max(24px, calc((100vw – 1380px) / 2));
padding-right: clamp(45px, 8vw, 120px);
}
.moshina-specialty-visual {
position: relative;
min-height: 520px;
overflow: hidden;
border-left: 1px solid rgba(255,255,255,.1);
background:
radial-gradient(circle at 50% 50%, rgba(41,217,255,.13), transparent 30%),
linear-gradient(135deg, #141b1e, #050708 70%);
}
.moshina-specialty-visual::before,
.moshina-specialty-visual::after {
content: “”;
position: absolute;
border: 1px solid rgba(41,217,255,.28);
border-radius: 50%;
}
.moshina-specialty-visual::before {
width: 440px;
height: 440px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
box-shadow:
0 0 0 50px rgba(255,255,255,.018),
0 0 90px rgba(41,217,255,.09);
}
.moshina-specialty-visual::after {
width: 235px;
height: 235px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-color: rgba(255,51,79,.4);
}
.moshina-visual-text {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
width: 90%;
transform: translate(-50%,-50%);
text-align: center;
}
.moshina-visual-text strong {
display: block;
font-size: clamp(50px, 8vw, 115px);
font-weight: 950;
line-height: .8;
letter-spacing: -.07em;
text-transform: uppercase;
}
.moshina-visual-text span {
display: block;
margin-top: 22px;
color: var(–cyan);
font-size: 12px;
font-weight: 900;
letter-spacing: .25em;
text-transform: uppercase;
}
.moshina-cta {
padding: clamp(100px, 12vw, 175px) 0;
text-align: center;
background:
linear-gradient(rgba(5,7,8,.84), rgba(5,7,8,.96)),
radial-gradient(circle at center, rgba(255,51,79,.22), transparent 50%);
}
.moshina-cta h2 {
max-width: 1000px;
margin: 0 auto 28px;
font-size: clamp(48px, 8vw, 110px);
font-weight: 950;
line-height: .88;
letter-spacing: -.055em;
text-transform: uppercase;
}
.moshina-cta p {
max-width: 690px;
margin: 0 auto 38px;
color: var(–muted);
font-size: 19px;
line-height: 1.7;
}
.moshina-buttons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 14px;
}
.moshina-button {
display: inline-flex;
min-height: 58px;
align-items: center;
justify-content: center;
padding: 0 30px;
border: 1px solid transparent;
text-decoration: none;
font-size: 13px;
font-weight: 900;
letter-spacing: .12em;
text-transform: uppercase;
transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.moshina-button:hover {
transform: translateY(-3px);
}
.moshina-button-primary {
background: var(–red);
color: #fff !important;
box-shadow: 0 12px 35px rgba(255,51,79,.24);
}
.moshina-button-secondary {
border-color: rgba(255,255,255,.3);
background: rgba(255,255,255,.03);
color: #fff !important;
}
@media (max-width: 900px) {
.moshina-about {
left: 50%;
width: 100vw;
margin-left: -50vw;
}
.moshina-wrap {
width: min(100% – 32px, 1380px);
}
.moshina-hero {
min-height: auto;
padding-top: 105px;
}
.moshina-hero::before {
top: 20%;
right: -15px;
transform: none;
font-size: 230px;
}
.moshina-stats,
.moshina-story,
.moshina-grid,
.moshina-specialty {
grid-template-columns: 1fr;
}
.moshina-stat {
min-height: 110px;
border-right: 0;
border-bottom: 1px solid rgba(255,255,255,.12);
}
.moshina-stat:last-child {
border-bottom: 0;
}
.moshina-story {
gap: 45px;
}
.moshina-principles-head {
display: block;
}
.moshina-principles-head p {
margin-top: 24px;
}
.moshina-specialty-copy {
padding: 90px 24px;
}
.moshina-specialty-visual {
min-height: 460px;
border-top: 1px solid rgba(255,255,255,.1);
border-left: 0;
}
}
@media (max-width: 520px) {
.moshina-title {
font-size: 52px;
}
.moshina-intro {
margin-top: 30px;
font-size: 17px;
}
.moshina-card {
min-height: 235px;
}
.moshina-button {
width: 100%;
}
.moshina-specialty-visual::before {
width: 310px;
height: 310px;
}
.moshina-specialty-visual::after {
width: 170px;
height: 170px;
}
}
The mechanic behind Moshina
Andrew
Lee.
Nearly 25 years working on cars—from dealership service departments
to independent repair and custom performance builds.
25 Years
Automotive experience
Built Right
Care before shortcuts
Driver First
Honest recommendations
01 / THE STORY
A better kind of shop.
Andrew Lee has spent nearly 25 years learning cars from the
inside out. His experience includes working in dealerships,
diagnosing difficult problems, completing repairs and developing the
hands-on knowledge that only comes from years beneath the hood.
But the traditional shop model never felt right. Too often, pressure
to sell more work took priority over earning a driver’s trust. Andrew
wanted to build something different: a place where recommendations are
based on what a vehicle genuinely needs and where every customer
understands the work before approving it.
That belief became Moshina Repair. What began as independent automotive
work is growing into a repair and modification shop centered on careful
diagnostics, honest communication and a genuine passion for creating
cars that feel as good as they look.
“The goal isn’t to sell the most parts. It’s to build the right car for
the person driving it.”
02 / THE STANDARD
How Moshina works.
Every repair and modification begins with the same question: what
will make this vehicle safer, stronger and better for its actual use?
Diagnose first
Symptoms are investigated before parts are recommended. The goal is
to locate the real problem instead of charging customers to guess.
Explain the work
Customers deserve to know what their vehicle needs, why it needs it
and what the options are before work begins.
Build with purpose
Modifications are chosen around the driver’s priorities, whether
that means dependable daily performance, sharper handling or a
complete custom vision.
Respect the machine
Every vehicle receives careful workmanship, documented inspections
and the attention Andrew would expect if it were his own.
03 / THE PASSION
Repair knowledge. Builder mindset.
Repair experience provides the foundation. Modification is where
Andrew’s creativity comes alive.
Moshina is growing around the work he cares about most: performance,
suspension, wheels, braking, cooling, intake, exhaust and complete
vehicle transformations planned as one connected system.
A powerful build should still be dependable. A great-looking car
should still drive correctly. Every choice should support the vehicle
as a whole.
Built
to drive.
Not simply to impress
Your car. Your goals. A real plan.
Let’s build something worth driving.
Tell Andrew what your vehicle is doing now and where you want to take
it. Moshina will help map out the right repair, upgrade or complete
build.
