/* 1980s skin: chrome + neon, synthwave horizon, LCD dash readouts */
.theme-80s{
  --bg:#0a0618; --bg2:#120a2a; --panel:#130b2c; --fg:#ece8ff; --muted:#a79cd6; --line:rgba(30,229,255,.18);
  --accent:#ff2bd6; --accent2:#1ee5ff; --on-accent:#16001a; --violet:#8a4bff;
  --radius:10px; --frame-radius:8px;
  --font-display:"Audiowide",sans-serif; --font-ui:"Orbitron",sans-serif; --font-body:"Inter",system-ui,sans-serif;
}
/* CRT scanlines over everything, very light */
.theme-80s::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.theme-80s .site-nav{background:rgba(10,6,24,.82);border-bottom:1px solid rgba(255,43,214,.45);box-shadow:0 1px 18px rgba(255,43,214,.25)}
.theme-80s .brand-mark{background:linear-gradient(135deg,var(--accent),var(--violet) 55%,var(--accent2));color:#fff;border-radius:4px;transform:skewX(-10deg);font-family:var(--font-display);font-weight:400}
.theme-80s .brand-name{font-family:var(--font-display);font-weight:400;font-style:italic}
.theme-80s .nav-links a{font-family:var(--font-ui);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.theme-80s .nav-links a:hover{color:var(--accent2);text-shadow:0 0 10px var(--accent2)}

/* hero: sky, striped sun, horizon, moving grid */
.theme-80s .bike-hero{background:linear-gradient(180deg,#07041a 0%,#1a0b3d 38%,#4a1266 58%,#a01a7d 66%,#0a0618 66.2%,#0a0618 100%);padding-bottom:clamp(120px,14vw,190px)}
.theme-80s .hero-deco .sun{position:absolute;left:50%;top:66%;width:min(46vw,540px);aspect-ratio:1;transform:translate(-50%,-100%);border-radius:50%;
  background:linear-gradient(180deg,#ffe86b 0%,#ff9a3d 40%,#ff2bd6 80%);
  -webkit-mask:linear-gradient(#000 0 50%,transparent 0) top/100% 100% no-repeat,repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 20px);
  mask:linear-gradient(#000 0 50%,transparent 0) top/100% 100% no-repeat,repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 20px);
  filter:drop-shadow(0 0 40px rgba(255,43,214,.7));opacity:.9}
.theme-80s .hero-deco .horizon{position:absolute;left:0;right:0;top:66%;height:2px;background:var(--accent2);box-shadow:0 0 16px 2px var(--accent2)}
.theme-80s .hero-deco .grid-floor{position:absolute;left:-60%;right:-60%;top:66%;bottom:-40%;transform-origin:top center;transform:perspective(320px) rotateX(62deg);
  background-image:linear-gradient(rgba(255,43,214,.85) 2px,transparent 2px),linear-gradient(90deg,rgba(255,43,214,.85) 2px,transparent 2px);background-size:70px 70px;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 18%);mask:linear-gradient(180deg,transparent 0,#000 18%);animation:floor 1.4s linear infinite}
@keyframes floor{to{background-position:0 70px}}
.theme-80s .hero-deco .scan{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,24,0) 0%,rgba(10,6,24,.0) 70%,rgba(10,6,24,.85) 100%)}
.theme-80s .hero-inner{align-items:start}
.theme-80s .decade-badge{display:inline-block;padding:7px 14px;background:linear-gradient(180deg,#fff 0%,#b9c6d6 48%,#566175 52%,#e6ecf5 100%);color:#1a1030;font:400 16px/1 var(--font-display);transform:skewX(-10deg);border-radius:3px;box-shadow:0 0 0 2px var(--accent2),0 0 18px rgba(30,229,255,.7)}
.theme-80s .eyebrow-txt{font:700 13px/1 var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--accent2);text-shadow:0 0 10px rgba(30,229,255,.8)}
.theme-80s .bike-title{font-weight:400;font-size:clamp(40px,6vw,82px);transform:skewX(-9deg);transform-origin:left bottom;line-height:1}
.theme-80s .bike-title .model{background:linear-gradient(180deg,#ffffff 0%,#dfe6ff 30%,#8e9bd0 49%,#2a1850 51%,#b04dcf 60%,#ffd1f6 88%,#fff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;filter:drop-shadow(0 2px 0 #3b1a6b) drop-shadow(0 0 16px rgba(255,43,214,.55))}
.theme-80s .bike-title .yr{font-family:"Monoton",var(--font-display);font-size:.9em;color:var(--accent);opacity:1;text-shadow:0 0 8px var(--accent),0 0 26px var(--accent);margin-bottom:8px;letter-spacing:.04em}
.theme-80s .byline{color:#fff;font-style:italic;text-shadow:0 0 12px rgba(138,75,255,.9)}
/* dashboard LCD readouts */
.theme-80s .stats{gap:8px}
.theme-80s .stats .stat{background:linear-gradient(180deg,#041a1c,#062426);border:1px solid rgba(30,229,255,.45);border-radius:6px;box-shadow:inset 0 0 18px rgba(0,0,0,.8),0 0 14px rgba(30,229,255,.18);position:relative}
.theme-80s .stats dt{font-family:var(--font-ui);font-size:10px;color:#ff8ee9;letter-spacing:.24em;opacity:1}
.theme-80s .stats dd{font-family:var(--font-ui);font-weight:700;font-size:30px;color:#7dfcff;text-shadow:0 0 6px #1ee5ff,0 0 18px rgba(30,229,255,.6);letter-spacing:.06em}
.theme-80s .frame{border:2px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#fff,#8e9bd0 30%,var(--accent) 60%,var(--accent2)) border-box;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 40px rgba(255,43,214,.45),0 30px 60px rgba(0,0,0,.6)}

/* sections */
.theme-80s .sec-title{font-weight:400;font-style:normal;transform:skewX(-8deg);transform-origin:left;color:#fff;text-shadow:0 0 14px rgba(255,43,214,.7)}
.theme-80s .sec-title::after{content:"";display:block;width:160px;height:3px;margin-top:14px;background:linear-gradient(90deg,var(--accent),var(--violet),var(--accent2));box-shadow:0 0 12px var(--accent)}
.theme-80s .sample-tag{color:var(--accent2);border-color:var(--accent2);text-shadow:none;transform:skewX(8deg) translateY(-4px);font-size:10px}
.theme-80s .story-copy p{color:#d7d1f5}
.theme-80s .spec-card{background:linear-gradient(180deg,#150d33,#0e0824);border:1px solid rgba(30,229,255,.35);box-shadow:0 0 30px rgba(138,75,255,.25)}
.theme-80s .spec-card h3{font-weight:400;color:var(--accent2);text-shadow:0 0 10px rgba(30,229,255,.7);font-style:italic}
.theme-80s .spec-card dt{color:#ff8ee9;font-family:var(--font-ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding-top:3px}
.theme-80s .spec-card a{color:var(--accent2)}
.theme-80s .tl-step>a,.theme-80s .tl-step>div{padding:12px;border-radius:10px;background:linear-gradient(180deg,#160d35,#0d0722);border:1px solid rgba(255,43,214,.35);transition:box-shadow .2s}
.theme-80s .tl-step>a:hover{box-shadow:0 0 24px rgba(255,43,214,.5)}
.theme-80s .tl-num{font-family:var(--font-ui);color:#7dfcff;text-shadow:0 0 8px var(--accent2);opacity:1}
.theme-80s .tl-name{font-weight:400;font-style:italic}
.theme-80s .tl-soon{color:var(--accent);opacity:1;border:1px dashed var(--accent);background:repeating-linear-gradient(0deg,rgba(255,43,214,.07) 0 2px,transparent 2px 5px)}
.theme-80s .tl-soon span{font-family:var(--font-ui);text-shadow:0 0 10px var(--accent)}
.theme-80s .ba{border:2px solid rgba(30,229,255,.6);box-shadow:0 0 36px rgba(30,229,255,.25)}
.theme-80s .ba-label{background:rgba(10,6,24,.8);border:1px solid var(--accent);color:#fff;font-family:var(--font-ui);font-size:11px;letter-spacing:.22em}
.theme-80s .ba-handle{background:var(--accent2);box-shadow:0 0 14px var(--accent2)}
.theme-80s .ba-handle::after{background:#0a0618;color:var(--accent2);border:2px solid var(--accent2);box-shadow:0 0 18px var(--accent2)}
.theme-80s .video-poster .play{background:linear-gradient(135deg,var(--accent),var(--violet));box-shadow:0 0 30px var(--accent)}
.theme-80s .video-poster .play::after{border-left-color:#fff}
.theme-80s .video-card figcaption a{color:var(--accent2)}
.theme-80s .set-head{border-bottom:1px solid rgba(255,43,214,.4)}
.theme-80s .set-head h3{font-weight:400;font-style:italic}
.theme-80s .set-count{font-family:var(--font-ui);font-size:12px;letter-spacing:.14em;color:#7dfcff}
.theme-80s .ph{border-radius:6px;outline:1px solid rgba(138,75,255,.35)}
.theme-80s .ph:hover{outline-color:var(--accent2);box-shadow:0 0 18px rgba(30,229,255,.5)}
.theme-80s .soon-box{border:1px dashed var(--accent);background:rgba(255,43,214,.05)}
.theme-80s .soon-box b{font-family:var(--font-ui);font-weight:700;color:var(--accent);text-shadow:0 0 12px var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:20px}
.theme-80s .load-more{background:linear-gradient(90deg,var(--accent),var(--violet));color:#fff;font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;font-size:13px;box-shadow:0 0 22px rgba(255,43,214,.5)}
.theme-80s .site-footer{border-top:1px solid rgba(255,43,214,.35)}
/* horizon pinned a fixed distance from the hero bottom so the sun rises between the text and the photo */
.theme-80s .bike-hero{--hz:170px;padding-bottom:calc(var(--hz) + 40px);background:linear-gradient(180deg,#07041a 0%,#1a0b3d 45%,#4a1266 80%,#a01a7d calc(100% - var(--hz)),#0a0618 calc(100% - var(--hz)))}
.theme-80s .hero-deco .sun,.theme-80s .hero-deco .horizon,.theme-80s .hero-deco .grid-floor{top:calc(100% - var(--hz))}
.theme-80s .hero-deco .sun{width:min(30vw,380px);transform:translate(-50%,-62%);clip-path:inset(0 0 38% 0)}
@media (max-width:900px){
  .theme-80s .bike-hero{--hz:96px;padding-bottom:calc(var(--hz) + min(32vw,210px))}
  .theme-80s .hero-deco .sun{width:min(46vw,300px)}
}
@media (max-width:560px){.theme-80s .stats dd{font-size:24px}}

/* breadcrumbs + FAQ */
.theme-80s .crumbs{font-family:var(--font-ui);color:var(--accent2);text-transform:uppercase;letter-spacing:.14em;font-size:11.5px}
.theme-80s .faq-item{background:rgba(19,11,44,.85);border:1px solid rgba(30,229,255,.35);border-radius:8px;box-shadow:0 0 18px rgba(255,43,214,.18),inset 0 0 0 1px rgba(255,43,214,.15)}
.theme-80s .faq-item h3{font-weight:400;color:var(--accent2);text-shadow:0 0 10px rgba(30,229,255,.45)}