@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#060708;--bg2:#0b0d0f;--card:#0e1114;--line:#24292f;--white:#f5f6f7;--muted:#8f969e;--soft:#c6cbd0;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg) url('illuminated-luxury-white-background-3d-background-sci-fi-3840x2160-7652.jpg') center top/cover fixed no-repeat;color:var(--white);font-family:Inter,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 75%);z-index:-1}
a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),92%);margin:auto}
header{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}
header:after{content:"";position:absolute;width:760px;height:760px;border:1px solid #ffffff0a;border-radius:50%;right:-240px;top:-200px;box-shadow:0 0 100px #fff10}
nav{position:fixed;z-index:100;top:0;left:0;right:0;height:78px;border-bottom:1px solid #ffffff0b;background:#060708cc;backdrop-filter:blur(16px)}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:190px;height:auto;display:block}.navlinks{display:flex;gap:28px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#aeb4ba}.navlinks a:hover{color:#fff}
.hero{position:relative;z-index:2;max-width:830px;padding-top:60px}.eyebrow{font:600 12px 'Barlow Condensed';letter-spacing:4px;color:#9da4aa;text-transform:uppercase}.hero h1{font:800 clamp(72px,12vw,158px)/.82 'Barlow Condensed';letter-spacing:-3px;margin:20px 0 26px;text-transform:uppercase}.hero h1 span{color:#888f96}.hero p{max-width:650px;color:#a5abb1;font-size:16px;line-height:1.8;margin-bottom:32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid #555d65;font:700 11px 'Barlow Condensed';letter-spacing:1.5px;text-transform:uppercase;transition:.25s}.btn:hover{transform:translateY(-2px);border-color:#fff}.btn.primary{background:#f2f3f4;color:#050607;border-color:#f2f3f4}
.hero-logo{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:min(38vw,480px);opacity:.95;filter:drop-shadow(0 0 55px #fff12)}
section{padding:120px 0}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.sectiontop h2{font:800 clamp(45px,6vw,78px)/.9 'Barlow Condensed';text-transform:uppercase;margin:8px 0 0}.sectiontop p{max-width:470px;color:var(--muted);line-height:1.7;font-size:14px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{min-height:330px;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,#111519,#0a0c0f);position:relative;overflow:hidden;transition:.3s}.service:hover{transform:translateY(-7px);border-color:#59616a}.service .n{font:600 12px 'Barlow Condensed';letter-spacing:2px;color:#697179}.service .symbol{font-size:54px;font-weight:300;margin:55px 0 22px;color:#e9ecef}.service h3{font:700 30px 'Barlow Condensed';margin:0 0 10px;text-transform:uppercase}.service p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.arrow{position:absolute;right:25px;bottom:24px;font-size:20px;color:#8e969e}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:30px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font:800 45px 'Barlow Condensed'}.stat span{color:#777f87;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.work{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.workbox{min-height:420px;border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,#b9c1c912,transparent 25%),linear-gradient(145deg,#15191d,#08090b);position:relative;overflow:hidden}.workbox:before{content:"M";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:800 360px 'Barlow Condensed';color:#fff04}.workbox.small{min-height:202px}.workbox.small:before{font-size:180px}.workbox label{position:absolute;left:22px;bottom:20px;font:600 11px 'Barlow Condensed';letter-spacing:2px;color:#9ca3a9}.side{display:grid;gap:16px}
.price-area{background:#090b0d}.price-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.tab{padding:11px 17px;border:1px solid var(--line);background:#0e1114;color:#8f979e;font:700 11px 'Barlow Condensed';letter-spacing:1px;text-transform:uppercase;cursor:pointer}.tab.active,.tab:hover{background:#f0f1f2;color:#050607;border-color:#f0f1f2}.table-shell{border:1px solid var(--line);overflow:auto;max-height:650px}table{border-collapse:collapse;width:100%;min-width:720px}th{position:sticky;top:0;background:#111519;color:#aeb5bb;font:700 11px 'Barlow Condensed';letter-spacing:1px;text-align:left;padding:16px;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid #191d21;color:#c9ced3;font-size:13px}td:first-child{color:#666e76;width:65px}td.price{font-weight:700;color:#fff;white-space:nowrap}.search{width:100%;max-width:350px;margin-bottom:14px;background:#0c0f12;border:1px solid var(--line);padding:13px 15px;color:#fff;outline:none}.search:focus{border-color:#69717a}.note{margin-top:16px;color:#6f777f;font-size:11px;line-height:1.7}
.cta{border:1px solid var(--line);padding:55px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(120deg,#14181c,#090b0d)}.cta h2{font:800 clamp(44px,6vw,76px)/.85 'Barlow Condensed';margin:8px 0 15px;text-transform:uppercase}.cta p{color:var(--muted);margin:0;line-height:1.7}
footer{padding:32px 0;border-top:1px solid var(--line);color:#646c74;font-size:11px;display:flex;justify-content:space-between;letter-spacing:1px}
.reveal{opacity:0;transform:translateY(24px);transition:.8s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.hero-logo{opacity:.13;width:70vw;right:-10%}.services,.work{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.navlinks{display:none}.sectiontop{display:block}.sectiontop p{margin-top:18px}.cta{display:block}}
@media(max-width:560px){nav{height:66px}.brand img{width:150px}.hero h1{font-size:70px}.stats{grid-template-columns:1fr}.stat{border-right:0!important;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.cta{padding:34px}.cta .btn{margin-top:25px}section{padding:85px 0}}

/* LIGHT MODE — MUDRICK MOTORWORKS */
:root{
  --bg:#f5f6f7;
  --bg2:#ffffff;
  --card:#ffffff;
  --line:#d9dde1;
  --white:#111315;
  --muted:#687078;
  --soft:#343a40;
}
body{background-color:var(--bg);color:var(--white)}
body:before{
  opacity:.045;
  background-image:linear-gradient(#111 1px,transparent 1px),linear-gradient(90deg,#111 1px,transparent 1px);
}
nav{
  background:rgba(255,255,255,.88);
  border-bottom:1px solid #dfe2e5;
}
.brand img{filter:invert(1);opacity:.9}
.navlinks{color:#626a72}
.navlinks a:hover{color:#111}
header:after{border-color:#11111112;box-shadow:0 0 100px #00000008}
.eyebrow{color:#69727a}
.hero h1 span{color:#747c84}
.hero p{color:#687078}
.btn{border-color:#aeb5bb;color:#111}
.btn:hover{border-color:#111}
.btn.primary{background:#111;color:#fff;border-color:#111}
.hero-logo{filter:invert(1) drop-shadow(0 0 35px #00000010)}
.service{
  border-color:#d9dde1;
  background:linear-gradient(145deg,#fff,#f0f2f4);
}
.service:hover{border-color:#8c959d}
.service .n{color:#687078}
.service .symbol{color:#111}
.service h3{color:#111}
.service p{color:#687078}
.arrow{color:#596168}
.stats{border-color:#d9dde1}
.stat{border-color:#d9dde1}
.stat span{color:#687078}
.workbox{
  border-color:#d9dde1;
  background:radial-gradient(circle at 50% 35%,#1111110a,transparent 25%),linear-gradient(145deg,#fff,#edf0f2);
}
.workbox:before{color:#11105}
.workbox label{color:#596168}
.price-area{background:#eef0f2}
.tab{border-color:#d5d9dd;background:#fff;color:#687078}
.tab.active,.tab:hover{background:#111;color:#fff;border-color:#111}
.table-shell{border-color:#d5d9dd;background:#fff}
th{background:#e9ecef;color:#343a40}
.note{color:#687078}
.cta{border-color:#d5d9dd;background:#fff}
footer{background:#111;color:#fff}

/* PRICELIST STAYS DARK */
.price-area{background:#090b0d;color:#f5f6f7}
.price-area .eyebrow{color:#9da4aa}
.price-area .sectiontop h2{color:#f5f6f7}
.price-area .sectiontop p{color:#8f969e}
.price-area .tab{border-color:#24292f;background:#0e1114;color:#8f979e}
.price-area .tab.active,.price-area .tab:hover{background:#f0f1f2;color:#050607;border-color:#f0f1f2}
.price-area .table-shell{border-color:#24292f;background:#0e1114}
.price-area th{background:#111519;color:#aeb5bb;border-bottom-color:#24292f}
.price-area td{border-bottom-color:#191d21;color:#c9ced3}
.price-area td:first-child{color:#666e76}
.price-area td.price{color:#fff}
.price-area .search{background:#0c0f12;border-color:#24292f;color:#fff}
.price-area .search:focus{border-color:#69717a}
.price-area .note{color:#8f969e}

/* PHOTO BACKGROUND — uses the supplied futuristic image */
body{
  background-image:
    linear-gradient(rgba(245,246,247,.18),rgba(245,246,247,.18)),
    url('illuminated-luxury-white-background-3d-background-sci-fi-3840x2160-7652.jpg');
  background-position:center top;
  background-size:cover;
  background-attachment:fixed;
}
header{
  background:linear-gradient(90deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.42) 42%,rgba(255,255,255,.05) 100%);
}
section{
  background:rgba(245,246,247,.72);
}
.services .service{
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(240,242,244,.70));
  backdrop-filter:blur(5px);
}
.workbox{
  background:radial-gradient(circle at 50% 35%,rgba(17,17,17,.04),transparent 25%),linear-gradient(145deg,rgba(255,255,255,.72),rgba(237,240,242,.55));
  backdrop-filter:blur(4px);
}
#contact{
  background:rgba(245,246,247,.60);
}
.cta{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(6px);
}

/* WORKSHOP PHOTOS */
.photo-work{background:#111;isolation:isolate}
.photo-work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(1.03)}
.photo-work .photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(0,0,0,.72) 100%);z-index:1}
.photo-work label{z-index:2;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.photo-work:before{display:none}
@media(max-width:900px){.photo-work{min-height:420px}.photo-work.small{min-height:260px}}