/* ===== ERA PAGES #/era/<slug> (Oct 15 2026) ===== */
.era2{position:relative;min-height:100vh;color:var(--ink);overflow:hidden;isolation:isolate}
.e2-stage{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.e2-bed{position:fixed;inset:-8%;background:center/cover no-repeat;filter:blur(26px) saturate(1.25);transform:scale(1.15);opacity:.62;animation:e2bed 22s ease-in-out infinite alternate}
@keyframes e2bed{from{transform:scale(1.15) translate(0,0)}to{transform:scale(1.28) translate(-2%,1.5%)}}
.e2-band{position:fixed;inset:0;background:url(img/jdm-flyerbg-m.webp?v=1) center/cover no-repeat;opacity:1}
@media(min-width:720px){.e2-band{background-image:url(img/jdm-flyerbg.webp?v=1)}}
@keyframes e2drift{to{background-position:380px 530px}}
.e2-shade{position:fixed;inset:0;background:radial-gradient(120% 70% at 50% 18%,transparent 0,color-mix(in srgb,var(--bg) 55%,transparent) 55%,color-mix(in srgb,var(--bg) 90%,transparent) 100%)}
.light .e2-shade{background:radial-gradient(120% 70% at 50% 18%,transparent 0,color-mix(in srgb,var(--bg) 40%,transparent) 60%,color-mix(in srgb,var(--bg) 80%,transparent) 100%)}
.e2-frag{position:absolute;aspect-ratio:1;border-radius:16px;background-repeat:no-repeat;will-change:transform;box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.12) inset}
.e2-frag.far{filter:blur(2.5px) saturate(1.1);opacity:.42}
.e2-frag.near{opacity:.78}
.e2-frag::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 40%);animation:e2float 9s ease-in-out infinite}
@keyframes e2float{50%{opacity:.35}}
.e2-in{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:14px 16px 40px}
.e2-back{display:inline-block;color:var(--ink);opacity:.85;text-decoration:none;font:15px var(--ui);letter-spacing:1px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.e2-hero{text-align:center;padding:18px 0 8px}
.e2-kick{font:13px var(--ui);letter-spacing:4px;text-transform:uppercase;color:var(--acc2);opacity:0;animation:e2up .7s .1s forwards}
.e2-cover{position:relative;width:min(78vw,420px);margin:16px auto 0;transform:perspective(900px) rotateX(calc(var(--sy,0)*14deg)) scale(calc(1 - var(--sy,0)*.08));border-radius:10px;opacity:0;animation:e2cov 1.2s .15s cubic-bezier(.2,.8,.2,1) forwards}
.e2-cover img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.18)}
.e2-sheen{position:absolute;inset:0;border-radius:10px;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 48%,transparent 60%) -150% 0/250% 100% no-repeat;mix-blend-mode:screen;animation:e2sheen 6s 1.4s ease-in-out infinite}
@keyframes e2sheen{0%{background-position:160% 0}40%,100%{background-position:-80% 0}}
@keyframes e2cov{from{opacity:0;transform:perspective(900px) translateY(40px) rotateX(18deg) scale(.9);filter:blur(10px)}to{opacity:1;filter:none}}
.e2-title{margin:22px 0 0;font:400 clamp(46px,14vw,104px)/.95 var(--font),var(--ui);color:var(--ink);letter-spacing:.01em;text-shadow:0 3px 0 color-mix(in srgb,var(--bg) 70%,#000),0 0 28px color-mix(in srgb,var(--acc) 55%,transparent);word-break:break-word}
.e2-title span{display:inline-block;opacity:0;transform:translateY(.4em) scale(.9);animation:e2let .6s cubic-bezier(.2,.9,.3,1.3) forwards}
@keyframes e2let{to{opacity:1;transform:none}}
@keyframes e2up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.e2-sub{margin:8px 0 0;font:15px var(--ui);letter-spacing:2px;text-transform:uppercase;color:var(--acc2);opacity:0;animation:e2up .7s 1s forwards}
.e2-blurb{max-width:560px;margin:12px auto 0;font-size:16px;line-height:1.55;opacity:0;animation:e2up .7s 1.15s forwards;text-shadow:0 1px 10px color-mix(in srgb,var(--bg) 90%,transparent)}
.e2-sec{margin-top:26px;padding:18px 16px;border-radius:18px;background:color-mix(in srgb,var(--bg) 78%,transparent);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.e2-sec h2{margin:0 0 6px;font:400 34px/1 var(--font),var(--ui);color:var(--ink);text-shadow:0 0 18px color-mix(in srgb,var(--acc) 45%,transparent)}
.e2-hint{margin:0 0 12px;font-size:13px;opacity:.75}
.e2-chips{display:flex;flex-wrap:wrap;gap:8px}
.e2-chip{display:inline-block;padding:9px 14px;border-radius:999px;text-decoration:none;color:var(--ink);font:15px var(--ui);letter-spacing:.6px;background:color-mix(in srgb,var(--acc) 22%,transparent);border:1px solid color-mix(in srgb,var(--acc) 60%,transparent);transition:transform .2s}
.e2-chip:active{transform:scale(.96)}
.e2-facts{display:grid;gap:10px}
.e2-fact{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--ink) 7%,transparent);border-left:3px solid var(--acc)}
.e2-fact p{margin:0 0 6px;line-height:1.5}
.e2-fact a{color:var(--acc2);font-size:13px}
.e2-go{text-align:center;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}
.e2-enter{display:inline-flex;gap:10px;align-items:center;padding:14px 22px;border-radius:999px;text-decoration:none;font:17px var(--ui);letter-spacing:1.4px;color:var(--bg);background:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.e2-pn{display:flex;gap:10px;margin-top:22px}
.e2-pn a{flex:1;display:flex;align-items:center;gap:8px;padding:10px;border-radius:14px;text-decoration:none;color:var(--ink);font:14px var(--ui);letter-spacing:.6px;background:color-mix(in srgb,var(--bg) 75%,transparent);border:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}
.e2-pn a:last-child{justify-content:flex-end;text-align:right}
.e2-pn img{width:40px;height:40px;border-radius:8px}
.light .e2-title{text-shadow:0 2px 0 rgba(255,255,255,.6),0 0 24px color-mix(in srgb,var(--acc) 40%,transparent)}
.e2-just-doin-me .e2-title{color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 6px 22px rgba(0,0,0,.75)}
.e2-just-doin-me .e2-shade{background:radial-gradient(120% 60% at 50% 30%,rgba(40,0,4,.35),rgba(40,0,4,.55) 60%,rgba(30,0,3,.8))}
.e2-just-doin-me .e2-blurb,.e2-just-doin-me .e2-sub,.e2-just-doin-me .e2-kick{text-shadow:0 1px 3px #000,0 2px 12px rgba(0,0,0,.9)}
.e2-just-doin-me .e2-bed{opacity:.25}
@media (prefers-reduced-motion:reduce){.e2-bed,.e2-band,.e2-sheen,.e2-frag::after{animation:none}.e2-title span,.e2-cover,.e2-kick,.e2-sub,.e2-blurb{animation:none;opacity:1;transform:none}}
.e2-just-doin-me .e2-kick,.e2-just-doin-me .e2-sub,.e2-just-doin-me .e2-fact a{color:#fff}
.e2-just-doin-me .e2-fact{border-left-color:#fff}
.e2-nm{padding:0;background:none;border:0}
.e2-nm .nnm{margin-top:0}
.e2-just-doin-me .e2-title{text-shadow:none;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 0 #2a0003) drop-shadow(0 3px 0 #120001) drop-shadow(0 8px 14px rgba(0,0,0,.7))}
.e2-just-doin-me .e2-title span{background:linear-gradient(180deg,#fff 0%,#f1f1f1 30%,#9a9a9a 48%,#5d5d5d 52%,#e9e9e9 64%,#fff 78%,#a7a7a7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}