/* Island Car Log — Home ignition intro */
#homeIgnitionIntro{
  position:fixed;
  inset:0;
  z-index:2147482000;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(180deg,#090d12 0%,#10161d 48%,#080c10 100%);
  opacity:0;
  visibility:hidden;
  pointer-events:auto;
  contain:layout paint style;
}
#homeIgnitionIntro.hii-active{opacity:1;visibility:visible}

/* Realistic dark garage environment */
#homeIgnitionIntro .hii-garage{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#homeIgnitionIntro .hii-garage-wall{
  position:absolute;inset:0 0 38% 0;
  background:
    linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.035) 8.15%,transparent 8.3% 91.7%,rgba(255,255,255,.035) 91.85%,transparent 92%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 118px),
    linear-gradient(180deg,#171d24 0%,#11171d 62%,#0b1015 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
#homeIgnitionIntro .hii-garage-door{
  position:absolute;left:50%;top:8%;width:min(980px,88vw);height:50%;
  transform:translateX(-50%);
  border:1px solid rgba(135,155,170,.22);
  background:radial-gradient(ellipse at 50% 72%,#111b23 0%,#070d12 48%,#020406 100%);
  box-shadow:inset 0 0 110px rgba(0,0,0,.72),0 16px 55px rgba(0,0,0,.4);
}
#homeIgnitionIntro .hii-garage-door::before{
  content:"";
  position:absolute;
  left:-1.5%;
  right:-1.5%;
  top:-2px;
  height:21%;
  transform:translateY(-78%);
  background:repeating-linear-gradient(180deg,#20272e 0 24px,#171d23 24px 27px);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 8px 24px rgba(0,0,0,.48);
  border-radius:3px 3px 0 0;
}
#homeIgnitionIntro .hii-garage-door::after{
  content:"";
  position:absolute;
  left:-1%;
  right:-1%;
  bottom:-5px;
  height:5px;
  background:linear-gradient(90deg,#28333b,#7b8b95 50%,#28333b);
  opacity:.55;
  box-shadow:0 5px 12px rgba(0,0,0,.5);
}
#homeIgnitionIntro .hii-garage-light{
  position:absolute;top:5.5%;width:min(300px,26vw);height:7px;border-radius:999px;
  background:#d8e8f2;opacity:.74;
  box-shadow:0 0 18px rgba(215,237,250,.35),0 20px 60px rgba(181,220,244,.08);
}
#homeIgnitionIntro .hii-garage-light-left{left:16%}
#homeIgnitionIntro .hii-garage-light-right{right:16%}
#homeIgnitionIntro .hii-garage-floor{
  position:absolute;left:-10%;right:-10%;bottom:-10%;height:62%;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 140px),
    linear-gradient(180deg,#11171c 0%,#0b1014 42%,#05080b 100%);
  transform:perspective(850px) rotateX(61deg);
  transform-origin:50% 0;
  box-shadow:inset 0 20px 80px rgba(0,0,0,.5);
}
#homeIgnitionIntro .hii-garage-floor::after{
  content:"";position:absolute;left:16%;right:16%;top:15%;height:48%;
  background:radial-gradient(ellipse at center,rgba(180,218,242,.10),transparent 70%);
}

#homeIgnitionIntro .hii-stage{position:relative;width:100vw;height:100vh;min-height:560px}
#homeIgnitionIntro .hii-floor{
  position:absolute;left:15%;right:15%;bottom:8%;height:19%;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(85,142,185,.12),rgba(12,24,35,.02) 58%,transparent 76%);
  opacity:.75;
}
#homeIgnitionIntro .hii-start-glow{
  position:absolute;left:50%;bottom:8%;width:min(620px,72vw);height:62px;
  transform:translateX(-50%) scaleX(.5);border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(165,220,255,.24),transparent 70%);
  opacity:0;will-change:transform,opacity;
}


#homeIgnitionIntro .hii-contact-shadow{
  position:absolute;
  left:50%;
  top:64%;
  width:min(640px,64vw);
  height:30px;
  translate:-50% 0;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 50%,transparent 78%);
  z-index:2;
  pointer-events:none;
}

/* Car */
#homeIgnitionIntro .hii-car{
  position:absolute;left:50%;right:auto;top:5%;margin:0;
  width:min(1180px,106vw);
  translate:-50% 0;
  z-index:3;
  transform-origin:50% 76%;
  will-change:transform,opacity;
  backface-visibility:hidden;
}
#homeIgnitionIntro .hii-car svg{display:block;width:100%;height:auto;overflow:visible}
#homeIgnitionIntro .hii-body{fill:url(#hiiBodyPaint);stroke:#6f7b86;stroke-width:2.2}
#homeIgnitionIntro .hii-body-hi{fill:url(#hiiHoodPaint);opacity:.94}
#homeIgnitionIntro .hii-glass{fill:url(#hiiGlassPaint);stroke:#344754;stroke-width:2}
#homeIgnitionIntro .hii-grille{fill:#05080b;stroke:#69747e;stroke-width:2}
#homeIgnitionIntro .hii-grille-line{stroke:#242c33;stroke-width:4}
#homeIgnitionIntro .hii-bumper{fill:url(#hiiBumperPaint);stroke:#38434c;stroke-width:1.8}
#homeIgnitionIntro .hii-tyre{fill:#020304}
#homeIgnitionIntro .hii-rim{fill:#222a31;stroke:#8c99a3;stroke-width:2}
#homeIgnitionIntro .hii-car-shadow{fill:rgba(0,0,0,.58)}
#homeIgnitionIntro .hii-reflection{fill:none;stroke:rgba(255,255,255,.17);stroke-width:4;stroke-linecap:round}
#homeIgnitionIntro .hii-hood-line{fill:none;stroke:rgba(215,230,240,.24);stroke-width:2}
#homeIgnitionIntro .hii-headlamp-shell{fill:#111a22;stroke:#788896;stroke-width:2.2}
#homeIgnitionIntro .hii-headlamp-core{fill:#2b3742;opacity:.8}
#homeIgnitionIntro .hii-fog-shell{fill:#10171d;stroke:#596772;stroke-width:2}
#homeIgnitionIntro .hii-fog-core{fill:#29333c;opacity:.8}
#homeIgnitionIntro .hii-headlamp-lit{fill:#eef8ff}
#homeIgnitionIntro .hii-fog-lit{fill:#dff5ff}
#homeIgnitionIntro .hii-head-beam,
#homeIgnitionIntro .hii-fog-beam,
#homeIgnitionIntro .hii-road-glow{
  opacity:0;pointer-events:none;will-change:opacity
}
#homeIgnitionIntro .hii-head-beam{fill:url(#hiiHeadBeam)}
#homeIgnitionIntro .hii-fog-beam{fill:url(#hiiFogBeam)}
#homeIgnitionIntro .hii-road-glow{fill:url(#hiiRoadGlow)}

/* Centred road projection — fixed SVG text width prevents mobile clipping. */
#homeIgnitionIntro .hii-floor-projection{
  position:absolute;
  left:50%;
  right:auto;
  top:56%;
  margin:0;
  z-index:2;
  width:min(900px,92vw);
  height:38vh;
  translate:-50% 0;
  text-align:center;
  pointer-events:none;
  overflow:visible;
  opacity:0;
  visibility:hidden;
  clip-path:inset(0 0 100% 0);
  will-change:opacity,clip-path;
  backface-visibility:hidden;
}
#homeIgnitionIntro .hii-floor-projection-svg{
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:100%;
  height:auto;
  overflow:visible!important;
  transform:perspective(760px) rotateX(70deg) scaleY(5.4);
  transform-origin:50% 0;
  filter:drop-shadow(0 10px 9px rgba(187,228,255,.16));
}
#homeIgnitionIntro .hii-floor-projection-svg text{
  fill:#f2fbff;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:82px;
  font-weight:900;
  letter-spacing:-.035em;
}

html.home-intro-pending body.page-home{overflow:hidden!important}
html.home-intro-pending body.page-home::before{
  content:"";position:fixed;inset:0;z-index:2147481900;background:#040b13;pointer-events:none
}

@media(max-width:640px){
  #homeIgnitionIntro .hii-stage{min-height:100vh}
  #homeIgnitionIntro .hii-garage-door{width:94vw;top:11%;height:26.5%}
  #homeIgnitionIntro .hii-garage-floor{height:72.5%}
  #homeIgnitionIntro .hii-garage-light{width:26vw;top:6%}
  #homeIgnitionIntro .hii-garage-light-left{left:12%}
  #homeIgnitionIntro .hii-garage-light-right{right:12%}
  #homeIgnitionIntro .hii-car{top:9%;width:150vw}
  #homeIgnitionIntro .hii-contact-shadow{
    top:39.5%;
    width:76vw;
    height:22px;
  }
  #homeIgnitionIntro .hii-floor-projection{
    top:52%;
    width:92vw;
    height:42vh;
  }
  #homeIgnitionIntro .hii-floor-projection-svg{
    transform:skewX(-4deg) scaleY(3.4) scaleX(1.06);
  }
  #homeIgnitionIntro .hii-floor-projection-svg text{
    font-size:86px;
    letter-spacing:-.02em;
    paint-order:stroke fill;
    stroke:rgba(4,10,15,.18);
    stroke-width:1.25px;
  }
}
@media(prefers-reduced-motion:reduce){#homeIgnitionIntro{display:none!important}}