:root{--bg:#0a0a0b;--paper:#f4f2ed;--ink:#111113;--muted:#6b6b72;--cyan:#12cde3;--mag:#f20f75;--yellow:#f7d51d;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.66),transparent);transition:.3s}.site-header.scrolled{background:rgba(10,10,11,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:.04em}.brand-logo{display:block;width:62px;height:62px;object-fit:contain}.brand-mark{display:grid;grid-template-columns:repeat(4,8px);gap:2px;transform:skew(-12deg)}.brand-mark i{height:28px;display:block}.brand-mark i:nth-child(1){background:var(--cyan)}.brand-mark i:nth-child(2){background:var(--mag)}.brand-mark i:nth-child(3){background:var(--yellow)}.brand-mark i:nth-child(4){background:white}.nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.nav a{opacity:.82}.nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.55);padding:12px 18px;border-radius:999px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}
.hero{position:relative;min-height:780px;height:92vh;background:#0a0a0b;color:white;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:110px 7vw 60px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.hero:after{content:"";position:absolute;inset:auto -10% -36% 32%;height:80%;background:radial-gradient(circle,rgba(18,205,227,.16),transparent 56%)}.ink{position:absolute;border-radius:50%;filter:blur(2px);opacity:.9}.ink-c{width:210px;height:210px;background:var(--cyan);right:7%;top:15%;clip-path:polygon(49% 0,68% 35%,100% 48%,65% 62%,51% 100%,37% 64%,0 49%,35% 36%);transform:rotate(20deg);opacity:.11}.ink-m{width:310px;height:310px;background:var(--mag);right:21%;bottom:-5%;opacity:.08}.ink-y{width:160px;height:160px;background:var(--yellow);left:-60px;top:42%;opacity:.09}.hero-content{position:relative;z-index:3;max-width:760px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--cyan);margin:0 0 22px}.eyebrow.dark{color:#555}.hero h1{font-size:clamp(58px,7vw,108px);line-height:.88;letter-spacing:-.065em;margin:0;font-weight:900}.hero h1 span{background:linear-gradient(90deg,var(--cyan),#fff 36%,var(--yellow) 68%,var(--mag));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:650px;font-size:19px;line-height:1.65;color:#c9c9cf;margin:34px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font-weight:800;font-size:14px;border:1px solid transparent;cursor:pointer}.btn-primary{background:white;color:#111}.btn-ghost{border-color:#444;color:#fff}.hero-card{position:relative;z-index:4;justify-self:end;width:min(430px,92%);aspect-ratio:4/5;background:#171719;border:1px solid #303034;border-radius:28px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.5);transform:rotate(2deg)}.hero-card:before{content:"";position:absolute;inset:16px;border:1px solid #2d2d31;border-radius:20px}.hero-card-top{position:relative;font-size:12px;letter-spacing:.28em;color:#919199}.mock-vehicle{position:absolute;left:25px;right:25px;top:35%;height:180px}.van-body{position:absolute;left:20px;right:20px;bottom:26px;height:105px;background:#ededed;border-radius:18px 35px 10px 10px;overflow:hidden}.van-window{position:absolute;right:15px;top:12px;width:80px;height:38px;border-radius:8px;background:#1b1c21;transform:skew(-8deg)}.van-art{position:absolute;left:26px;top:20px;color:#111;font-size:24px;font-weight:900;line-height:.9}.van-art:after{content:"";position:absolute;width:190px;height:9px;left:-35px;bottom:-22px;background:linear-gradient(90deg,var(--cyan) 0 33%,var(--mag) 33% 66%,var(--yellow) 66%);transform:rotate(-8deg)}.van-art small{font-size:7px;letter-spacing:.12em}.wheel{position:absolute;bottom:10px;width:48px;height:48px;border-radius:50%;background:#0e0e10;border:9px solid #3c3c41}.w1{left:55px}.w2{right:55px}.hero-card-bottom{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;display:flex;justify-content:space-between;color:#888;font-size:9px;letter-spacing:.2em}.scroll-cue{position:absolute;z-index:4;bottom:26px;left:7vw;color:#777;font-size:11px;letter-spacing:.18em}.trust-strip{background:white;border-bottom:1px solid #ddd;display:flex;justify-content:center;gap:42px;padding:18px 20px;overflow:hidden;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.17em;color:#777}
.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:58px}.section-head h2,.about h2,.quote-section h2,.contact h2{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.055em;margin:0}.section-head>p{color:var(--muted);font-size:17px;line-height:1.75;max-width:560px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d5d2cc;border:1px solid #d5d2cc}.service{position:relative;background:var(--paper);padding:34px;min-height:285px;transition:.25s}.service:hover{background:#fff;transform:translateY(-3px);z-index:2;box-shadow:0 20px 45px rgba(0,0,0,.08)}.service.featured{background:#111;color:#fff}.num{font-size:11px;color:#8b8b91}.service h3{font-size:26px;margin:58px 0 15px;letter-spacing:-.03em}.service p{color:#75757c;line-height:1.65;font-size:14px}.featured p{color:#a9a9b0}.arrow{position:absolute;right:28px;top:26px;font-size:20px}.work-section{background:#0b0b0c;color:white;padding:110px 0}.section-head.inverse>p{color:#999}.work-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:320px 320px;gap:12px}.work{position:relative;border-radius:18px;overflow:hidden;border:1px solid #28282c;background:#171719;display:flex;align-items:flex-end;padding:24px;font-weight:800;letter-spacing:.08em;font-size:12px}.work:before,.work:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.work span{position:relative;z-index:3}.work-a{grid-row:1/3;background:linear-gradient(135deg,#1e1e20,#0f0f10)}.work-a:before{width:520px;height:170px;background:linear-gradient(90deg,var(--cyan),var(--mag),var(--yellow));transform:rotate(-24deg);right:-180px;top:180px;opacity:.65}.work-a:after{width:420px;height:190px;border:2px solid #777;left:60px;top:210px;border-radius:35px 75px 20px 20px}.work-b:before{width:260px;height:180px;border:22px solid var(--mag);right:-50px;top:-30px;opacity:.7}.work-c:before{width:320px;height:80px;background:var(--cyan);transform:rotate(-18deg);left:-70px;top:80px;opacity:.72}.work-d{display:none}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.about-badge{aspect-ratio:1/1;max-width:420px;border-radius:50%;background:#111;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about-badge strong{font-size:100px;letter-spacing:-.08em;line-height:.8}.about-badge span{margin-top:24px;color:#aaa;line-height:1.5}.about-copy p:not(.eyebrow){font-size:18px;line-height:1.8;color:#696970;max-width:650px}.text-link{display:inline-block;margin-top:10px;font-weight:800;border-bottom:1px solid #111;padding-bottom:5px}.quote-section{background:#111;color:#fff;padding:110px 0}.quote-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.quote-grid>div>p:last-child{color:#97979f;line-height:1.7;max-width:480px}.quote-form{background:#19191c;border:1px solid #2e2e33;border-radius:22px;padding:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label{display:block;font-size:11px;font-weight:700;color:#b7b7bd;letter-spacing:.08em;margin-bottom:16px}.quote-form input,.quote-form textarea{width:100%;margin-top:9px;background:#0f0f11;border:1px solid #33333a;color:#fff;border-radius:10px;padding:14px;font:inherit;outline:none}.quote-form input:focus,.quote-form textarea:focus{border-color:#777}.quote-form .btn{margin-top:4px}.quote-form small{display:block;color:#74747b;line-height:1.5;margin-top:12px}.contact{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ccc;border-left:1px solid #ccc}.contact-cards>*{padding:28px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;min-height:145px}.contact-cards small{display:block;color:#87878d;font-size:10px;letter-spacing:.17em;margin-bottom:24px}.contact-cards strong{font-size:18px;line-height:1.5}footer{background:#080809;color:#aaa;padding:35px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px}.footer-brand{color:white}.footer-brand .brand-mark{transform:scale(.75) skew(-12deg)}
@media(max-width:900px){.nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:#111;padding:22px;border:1px solid #333;border-radius:14px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;height:auto;min-height:850px;padding:150px 24px 60px}.hero-card{display:none}.trust-strip{justify-content:flex-start}.section-head,.about,.quote-grid,.contact{grid-template-columns:1fr;gap:40px}.services-grid{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr;grid-template-rows:360px 260px 260px}.work-a{grid-row:auto}.contact-cards{grid-template-columns:1fr}.footer-grid{flex-direction:column;align-items:flex-start}.section{padding:80px 0}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}.site-header{height:72px;padding:0 18px}.brand{font-size:15px}.brand-logo{width:52px;height:52px}.hero{min-height:760px}.hero h1{font-size:52px}.lead{font-size:16px}.services-grid{grid-template-columns:1fr}.section{padding:68px 0}.section-head h2,.about h2,.quote-section h2,.contact h2{font-size:44px}.form-row{grid-template-columns:1fr}.about-badge{max-width:280px}.about-badge strong{font-size:72px}.quote-form{padding:22px}.work-grid{grid-template-rows:300px 220px 220px}}
.photo{background-size:cover;background-position:center;transition:transform .35s ease}.photo:hover{transform:scale(1.01)}
.about-copy p{margin:0 0 18px}.about-signoff{margin-top:32px!important;color:#111!important}.about-badge strong{font-size:76px}
.company-details{grid-template-columns:1fr 1fr}.company-details>div:first-child{grid-row:span 2}.company-details p{color:#73737a;line-height:1.6;font-size:13px;margin:12px 0 0}.company-details a:hover{text-decoration:underline}
@media(max-width:900px){.company-details{grid-template-columns:1fr}.company-details>div:first-child{grid-row:auto}}

.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-item{appearance:none;border:0;padding:0;background:#171719;overflow:hidden;border-radius:14px;aspect-ratio:4/3;cursor:zoom-in}.gallery-item:nth-child(7n+1){grid-column:span 2;grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,opacity .35s ease}.gallery-item:hover img{transform:scale(1.035);opacity:.9}.contact-intro{max-width:380px;color:#74747b;line-height:1.7}.simple-contact{grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc;border-left:1px solid #ccc}.contact-card{display:block;padding:28px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;min-height:170px;transition:.2s}.contact-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.06);position:relative;z-index:2}.contact-card small{display:block;color:#87878d;font-size:10px;letter-spacing:.17em;margin-bottom:24px}.contact-card strong{font-size:18px;line-height:1.5}.contact-card p{color:#73737a;line-height:1.6;font-size:13px;margin:12px 0 0}.legal-details{grid-column:1/-1;margin-top:24px;padding-top:22px;border-top:1px solid #d4d0c9;display:flex;flex-wrap:wrap;gap:10px 26px;color:#777;font-size:12px;line-height:1.6}.legal-details strong{color:#111}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:min(94vw,1500px);max-height:90vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;right:24px;top:18px;border:0;background:none;color:#fff;font-size:44px;cursor:pointer;line-height:1}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.simple-contact{grid-template-columns:1fr}.gallery-item:nth-child(7n+1){grid-column:span 2;grid-row:span 1;aspect-ratio:16/9}}@media(max-width:600px){.gallery-grid{grid-template-columns:1fr}.gallery-item,.gallery-item:nth-child(7n+1){grid-column:auto;grid-row:auto;aspect-ratio:4/3}.lightbox{padding:16px}.lightbox-close{right:12px;top:8px}}