:root{--bg:#0b0f10;--card:#12181b;--text:#e7f1ec;--muted:#9fb3ad;--accent:#7ad03a;--accent2:#0e7f3a}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent)}
h1,h2,h3,h4{letter-spacing:.2px;margin:0 0 .5rem}
.site-header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(11,15,16,.95),rgba(11,15,16,.75));backdrop-filter:saturate(140%) blur(6px);display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #192326}
.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{width:44px;height:44px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.35);object-fit:contain;background:#000}
.brand-text h1{font-size:1.15rem}.tag{margin:0;color:var(--muted);font-size:.85rem}
.nav{display:flex;gap:1rem;align-items:center}.nav a{opacity:.9;text-decoration:none}
.nav .cta{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#071105;padding:.45rem .75rem;border-radius:.6rem;font-weight:700}
#mute{position:fixed;right:.75rem;bottom:.75rem;border-radius:999px;border:0;background:#161d20;color:#dff;padding:.5rem .65rem;font-size:1.15rem;box-shadow:0 6px 18px rgba(0,0,0,.35);z-index:25;cursor:pointer}
.hero{position:relative;min-height:56vh;display:grid;place-items:center}
.hero-img{width:100%;height:56vh;object-fit:cover;filter:brightness(.6)}
.hero-inner{position:absolute;text-align:center;max-width:760px;padding:3rem 1rem}
.hero h2{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:.75rem}
.btn{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#041105;text-decoration:none;font-weight:800;padding:.8rem 1.1rem;border:0;border-radius:.8rem}
.corner-logo{position:absolute;right:1rem;top:1rem;width:70px;height:70px;opacity:.95;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
section{padding:3rem 1rem;max-width:1100px;margin:0 auto}
.grid{list-style:none;display:grid;gap:1rem;padding:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.grid li{background:var(--card);padding:1rem;border:1px solid #1d2b2d;border-radius:1rem}
.masonry{columns:2;gap:10px}.masonry img{width:100%;border-radius:12px;border:1px solid #223236;break-inside:avoid;opacity:.98}
blockquote{background:var(--card);border-left:6px solid var(--accent);margin:0 0 1rem;padding:1rem;border-radius:.75rem}
details{background:var(--card);border:1px solid #1d2b2d;padding:.8rem;border-radius:.75rem;margin-bottom:.6rem}
.card{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid #1d2b2d;padding:12px;border-radius:12px}
.small{color:var(--muted);font-size:.9rem}
.site-footer{text-align:center;color:var(--muted);padding:2rem 1rem;border-top:1px solid #192326}
.reveal{opacity:0;transform:translateY(18px);filter:saturate(.8);transition:opacity .6s ease, transform .6s ease, filter .6s ease}
.reveal.visible{opacity:1;transform:none;filter:saturate(1)}
.pop{animation:pop .7s ease both}@keyframes pop{0%{transform:scale(.96)}60%{transform:scale(1.02)}100%{transform:scale(1)}}
.drive-scene{position:relative;height:220px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#0f1518,#0b0f10);border:1px solid #203035}
.van{position:absolute;bottom:18px;left:-320px;width:300px;height:auto;animation:drive 9s linear infinite;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}
@keyframes drive{0%{left:-320px}55%{left:calc(100% - 160px)}100%{left:120%}}
.hidden{display:none!important}

#contact-page img.logo {
  display: block;
  max-width: 200px;
  width: 80%;
  height: auto;
  margin: 2rem auto 0;
}

/* ---- CONTACT PAGE FIXES (append at end) ---- */
#contact-page .reveal { opacity: 1 !important; transform: none !important; }

/* bottom logo sizing + centering */
#contact-bottom img {
  width: auto !important;
  max-width: 220px !important;
  height: auto !important;
  display: block;
  margin: 2rem auto 0 !important;
}

/* contact bottom logo sizing */
#contact-bottom img{
  width:auto!important; max-width:220px!important; height:auto!important;
  display:block; margin:2rem auto 0!important;
}