:root{--bg:#060607;--panel:#0d0d10;--text:#f4f2f6;--muted:#aaa6af;--purple:#a43cff;--line:#29242e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.nav{height:82px;padding:10px clamp(18px,5vw,70px);display:flex;align-items:center;gap:40px;background:rgba(5,5,7,.94);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand img{width:155px;height:58px;object-fit:contain}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a{font-family:"Barlow Condensed";text-transform:uppercase;font-weight:700;letter-spacing:.07em}.nav nav a:hover{color:#c474ff}.menu{display:none;margin-left:auto;background:none;border:1px solid #555;color:white;font-size:24px}
.hero{min-height:calc(100vh - 82px);position:relative;display:flex;align-items:center;overflow:hidden}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.5) 39%,rgba(0,0,0,.08) 70%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}
.hero-copy{position:relative;z-index:2;padding:5vw;max-width:650px}.eyebrow{font-family:"Barlow Condensed";color:#c169ff;font-weight:700;letter-spacing:.13em}.hero h1,.section h2,.split h2,.gallery h2,.cta h2{font-family:"Barlow Condensed";font-weight:800;letter-spacing:.03em;margin:.15em 0;line-height:.88}.hero h1{font-size:clamp(64px,9vw,128px)}.hero p{font-family:"Barlow Condensed";font-size:clamp(22px,2.4vw,36px);letter-spacing:.1em;text-transform:uppercase;color:#d7a7ff}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:14px 22px;border:1px solid #b54cff;text-transform:uppercase;font-family:"Barlow Condensed";font-weight:700;letter-spacing:.06em}.btn:hover,.primary{background:linear-gradient(135deg,#7220b8,#b340ff);border-color:transparent}.section{padding:85px clamp(18px,6vw,90px)}.dark{background:#09090c}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section h2,.split h2,.gallery h2,.cta h2{font-size:clamp(42px,5vw,70px)}.section-head p{color:var(--muted);max-width:420px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line)}.card img{width:100%;height:420px;object-fit:cover}.card div{padding:18px}.card h3{font-family:"Barlow Condensed";font-size:25px;margin:0}.card p{color:var(--muted);margin:.4em 0}.center{text-align:center;margin-top:35px}.center small{display:block;color:#777;margin-top:12px}
.split{display:grid;grid-template-columns:.85fr 1.15fr;min-height:700px;background:#0b0a0d}.split-copy{padding:clamp(50px,8vw,120px);align-self:center}.split-copy p{color:#c1bdc6;line-height:1.8;max-width:600px}.split-copy strong{color:#d49cff;text-transform:uppercase;letter-spacing:.08em}.split>img{width:100%;height:100%;min-height:700px;object-fit:cover;object-position:center top}
.feature-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:300px 300px;gap:12px}.feature{margin:0;position:relative;overflow:hidden}.feature.big{grid-row:span 2}.feature img{width:100%;height:100%;object-fit:cover;transition:.4s}.feature:hover img{transform:scale(1.025)}figcaption{position:absolute;left:15px;bottom:15px;background:rgba(0,0,0,.75);padding:8px 12px;font-family:"Barlow Condensed";font-weight:700;letter-spacing:.08em}
.car-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.car-strip figure{margin:0;position:relative;height:360px;overflow:hidden}.car-strip img{height:100%;width:100%;object-fit:cover}
.gallery{padding:80px clamp(18px,6vw,90px);display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:center;background:#0b0a0d}.gallery-copy p{color:var(--muted);line-height:1.7}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mosaic img{width:100%;height:220px;object-fit:cover}
.cta{padding:65px clamp(18px,6vw,90px);display:grid;grid-template-columns:220px 1fr auto;gap:40px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta>img{width:200px}.cta p{color:var(--muted)}
footer{padding:45px clamp(18px,6vw,90px);display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center;color:#aaa}footer img{width:160px}footer span{color:#c169ff}.fine{font-size:12px}
@media(max-width:800px){.nav{height:70px}.brand img{width:125px;height:48px}.menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#09090b;padding:22px;flex-direction:column}.nav nav.open{display:flex}.hero{min-height:760px}.hero-img{object-position:61% center}.shade{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.1) 100%)}.hero-copy{align-self:end;padding:30px 20px 60px}.section{padding:60px 18px}.section-head{display:block}.product-grid{grid-template-columns:1fr}.card img{height:360px}.split{grid-template-columns:1fr}.split-copy{padding:60px 20px}.split>img{min-height:500px}.feature-grid{grid-template-columns:1fr;grid-template-rows:none}.feature,.feature.big{height:420px;grid-row:auto}.car-strip{grid-template-columns:1fr 1fr}.car-strip figure{height:300px}.gallery{grid-template-columns:1fr;padding:60px 18px}.mosaic{grid-template-columns:1fr 1fr}.mosaic img{height:190px}.cta{grid-template-columns:1fr;gap:20px}footer{grid-template-columns:1fr}.fine{margin-top:20px}}

.detail-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.detail-row figure{height:340px;margin:0;position:relative;overflow:hidden}
.detail-row img{width:100%;height:100%;object-fit:cover}
.car-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:340px;gap:12px}
.car-grid figure{margin:0;position:relative;overflow:hidden}
.car-grid figure.wide{grid-column:span 2}
.car-grid img{width:100%;height:100%;object-fit:cover;transition:.35s}
.car-grid figure:hover img{transform:scale(1.025)}
.mosaic{grid-template-columns:repeat(4,1fr)!important}
.mosaic img{height:190px!important}
@media(max-width:800px){
  .detail-row{grid-template-columns:1fr}
  .detail-row figure{height:360px}
  .car-grid{grid-template-columns:1fr;grid-auto-rows:340px}
  .car-grid figure.wide{grid-column:auto}
  .mosaic{grid-template-columns:1fr 1fr!important}
  .mosaic img{height:175px!important}
}

/* V3 adjustments */
.nav{height:96px}
.brand img{width:220px;height:76px}
.events-section{background:#08080a}
.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.event-card{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;background:#0d0d10;border:1px solid var(--line);padding:20px}
.event-date{border:1px solid #8b3dc6;padding:14px;text-align:center;font-family:"Barlow Condensed";line-height:1}
.event-date span{display:block;color:#c169ff;letter-spacing:.12em}
.event-date strong{display:block;font-size:56px;margin:4px 0}
.event-date small{color:#9d97a3}
.event-card h3{font-family:"Barlow Condensed";font-size:30px;margin:0 0 4px}
.event-card p{margin:.2em 0;color:#d1ccd5}
.event-card div>span{color:#8f8993;font-size:14px}
@media(max-width:800px){
  .nav{height:78px}
  .brand img{width:170px;height:62px}
  .nav nav{top:78px}
  .event-grid{grid-template-columns:1fr}
  .event-card{grid-template-columns:90px 1fr}
  .event-date strong{font-size:46px}
}

/* V4 Instagram + larger logo updates */
.nav{height:108px}
.brand img{width:285px;height:90px}
.top-instagram{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
  color:#d9a4ff;
  font-family:"Barlow Condensed";
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
.top-instagram:hover{color:#fff}
.ig-icon{width:26px;height:26px;display:block}
.nav nav{margin-left:18px}
.cta-instagram{
  width:200px;
  height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c169ff;
  border:1px solid var(--line);
  background:#0b0a0d;
}
.cta-instagram .ig-icon{width:88px;height:88px}
.cta-instagram:hover{color:#fff;border-color:#8b3dc6}
@media(max-width:1000px){
  .top-instagram span{display:none}
  .nav nav{gap:18px}
}
@media(max-width:800px){
  .nav{height:86px}
  .brand img{width:205px;height:70px}
  .top-instagram{margin-left:auto}
  .top-instagram .ig-icon{width:24px;height:24px}
  .nav nav{top:86px}
  .cta-instagram{width:100%;height:120px}
}