/* 1970s skin: sunset brochure, stacked racing stripes, Cooper-style type */
.theme-70s{
  --bg:#f7ead0; --bg2:#f1dcb4; --panel:#fff6e4; --fg:#3a1f0f; --muted:#7a5236; --line:rgba(90,50,25,.22);
  --accent:#d9622b; --accent2:#e8a735; --on-accent:#fff6e4;
  --brown:#5a3219; --rust:#b5401f; --cream:#fff4dc;
  --radius:22px; --frame-radius:34px;
  --font-display:"Bagel Fat One","Cooper Black",Georgia,serif; --font-ui:"Righteous",sans-serif; --font-body:"Nunito",system-ui,sans-serif;
}
/* paper grain */
.theme-70s::before{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.07;mix-blend-mode:multiply;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.theme-70s .site-nav{background:rgba(58,31,15,.92);color:var(--cream);border-bottom:4px solid var(--accent2)}
.theme-70s .brand-mark{background:var(--accent2);color:var(--brown);border-radius:50%;font-family:var(--font-display);font-weight:400;font-size:12px}
.theme-70s .brand-name{font-family:var(--font-ui);font-weight:400;font-size:18px}
.theme-70s .nav-links a{font-family:var(--font-ui);font-weight:400;font-size:15px}

/* hero: sunset + sun + swooping stripes */
.theme-70s .bike-hero{background:linear-gradient(180deg,#f6cf72 0%,#f0a843 34%,#e57a33 62%,#c9492a 100%);color:var(--cream);padding-bottom:clamp(110px,14vw,190px)}
.theme-70s .hero-deco .sun{position:absolute;width:min(62vw,720px);aspect-ratio:1;border-radius:50%;left:-12%;top:8%;
  background:radial-gradient(circle,#fff1c4 0%,#ffd97a 55%,rgba(255,217,122,0) 71%);opacity:.55}
.theme-70s .stripes{position:absolute;left:0;bottom:0;width:100%;height:100%;fill:none;stroke-width:30}
.theme-70s .stripes path:nth-child(1){stroke:var(--cream)}
.theme-70s .stripes path:nth-child(2){stroke:var(--accent2)}
.theme-70s .stripes path:nth-child(3){stroke:var(--accent)}
.theme-70s .stripes path:nth-child(4){stroke:var(--brown)}
.theme-70s .decade-badge{display:inline-block;padding:8px 16px 7px;border-radius:999px;background:var(--brown);color:var(--accent2);font:400 18px/1 var(--font-display);box-shadow:4px 4px 0 var(--cream)}
.theme-70s .eyebrow-txt{font:400 20px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--brown)}
.theme-70s .bike-title{font-weight:400;color:var(--cream);text-shadow:4px 4px 0 var(--rust),8px 8px 0 var(--brown);line-height:.98}
.theme-70s .bike-title .yr{font-family:var(--font-ui);font-size:.5em;color:var(--brown);text-shadow:none;letter-spacing:.06em;margin-bottom:6px}
.theme-70s .byline{font-family:var(--font-ui);font-weight:400;color:var(--brown);font-size:clamp(20px,2.2vw,28px)}
.theme-70s .stats .stat{background:var(--brown);color:var(--cream);border-radius:999px;text-align:center;padding:12px 10px;box-shadow:inset 0 0 0 3px var(--accent2)}
.theme-70s .stats dt{font-family:var(--font-ui);font-weight:400;color:var(--accent2);opacity:1}
.theme-70s .stats dd{font-family:var(--font-display);font-weight:400;font-size:28px}
.theme-70s .frame{border:10px solid var(--cream);box-shadow:14px 14px 0 var(--brown)}
.theme-70s .hero-photo{transform:rotate(1.5deg)}

/* sections */
.theme-70s .sec-title{font-weight:400;color:var(--rust);text-shadow:3px 3px 0 var(--accent2)}
.theme-70s .sec-title::after{content:"";display:block;width:180px;height:18px;margin-top:14px;border-radius:0 9px 9px 0;
  background:linear-gradient(var(--brown) 0 25%,var(--accent) 25% 50%,var(--accent2) 50% 75%,#f3cf8c 75%)}
.theme-70s .sample-tag{color:var(--rust);border-color:var(--rust);text-shadow:none;font-family:var(--font-body);font-weight:800}
.theme-70s .spec-card{background:var(--panel);border:4px solid var(--brown);box-shadow:10px 10px 0 var(--accent2)}
.theme-70s .spec-card h3{font-weight:400;color:var(--brown)}
.theme-70s .spec-card a{color:var(--rust);font-weight:800}
.theme-70s .tl-step>a,.theme-70s .tl-step>div{background:var(--panel);border:4px solid var(--brown);border-radius:28px;padding:14px;box-shadow:6px 6px 0 var(--accent)}
.theme-70s .tl-step:nth-child(2n)>a,.theme-70s .tl-step:nth-child(2n)>div{box-shadow:6px 6px 0 var(--accent2)}
.theme-70s .tl-num{font-family:var(--font-ui);font-weight:400;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent2);color:var(--brown);font-size:16px;letter-spacing:0;opacity:1}
.theme-70s .tl-img{border-radius:20px}
.theme-70s .tl-soon{color:var(--rust);opacity:1;background:repeating-linear-gradient(-45deg,rgba(232,167,53,.18) 0 14px,transparent 14px 28px)}
.theme-70s .tl-soon span{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;text-transform:none;font-size:22px}
.theme-70s .tl-name{font-weight:400;color:var(--brown)}
.theme-70s .tl-step.is-empty{opacity:.8}
.theme-70s .ba{border:10px solid var(--cream);box-shadow:14px 14px 0 var(--brown)}
.theme-70s .ba-label{background:var(--brown);color:var(--accent2);font-family:var(--font-ui);font-weight:400}
.theme-70s .ba-handle{background:var(--cream)}
.theme-70s .ba-handle::after{background:var(--accent);color:var(--cream)}
.theme-70s .photos-sec{position:relative}
.theme-70s .set-head{border-bottom:4px dotted var(--accent)}
.theme-70s .set-head h3{font-weight:400;color:var(--brown)}
.theme-70s .ph{border-radius:22px;border:5px solid var(--cream);box-shadow:5px 5px 0 var(--brown)}
.theme-70s .soon-box{border:4px dashed var(--accent);background:repeating-linear-gradient(-45deg,rgba(232,167,53,.14) 0 14px,transparent 14px 28px)}
.theme-70s .soon-box b{color:var(--rust)}
.theme-70s .site-footer{border-top:none;background:none;position:relative}
.theme-70s .site-footer::before{content:"";position:absolute;left:clamp(16px,4vw,40px);right:clamp(16px,4vw,40px);top:0;height:16px;
  background:linear-gradient(var(--brown) 0 25%,var(--accent) 25% 50%,var(--accent2) 50% 75%,#f3cf8c 75%);border-radius:8px}
.theme-70s .lightbox{background:rgba(46,26,14,.95)}
@media (max-width:900px){.theme-70s .hero-photo{transform:none}.theme-70s .frame{box-shadow:8px 8px 0 var(--brown)}}
@media (max-width:560px){.theme-70s .stats dd{font-size:24px}.theme-70s .tl-soon span{font-size:16px}.theme-70s .tl-step>a,.theme-70s .tl-step>div{padding:10px;border-width:3px;border-radius:20px}.theme-70s .stripes{top:auto;height:230px}.theme-70s .bike-hero{padding-bottom:210px}.theme-70s .ph{border-width:3px;border-radius:14px;box-shadow:3px 3px 0 var(--brown)}}

/* breadcrumbs + FAQ */
.theme-70s .crumbs{font-family:var(--font-ui);color:var(--brown)}
.theme-70s .faq-item{background:var(--cream);border:3px solid var(--brown);border-radius:22px;box-shadow:6px 6px 0 var(--accent)}
.theme-70s .faq-item:nth-child(2n){box-shadow:6px 6px 0 var(--accent2)}
.theme-70s .faq-item h3{font-weight:400;color:var(--rust)}
