.p8-years{margin:28px auto 40px;color:#fff;font-family:"Reddit Sans",sans-serif}
.p8-years[hidden]{display:none!important}.p8-years-shell{overflow:hidden;border:1px solid rgba(105,218,255,.32);border-radius:28px;background:radial-gradient(circle at 82% 12%,rgba(67,225,255,.3),transparent 30%),linear-gradient(145deg,#061c37,#086da8 58%,#08a7cf);box-shadow:0 24px 65px rgba(0,27,62,.28)}
.p8-years-marquee{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.16);background:#041323}.p8-years-marquee-bottom{border-top:1px solid rgba(255,255,255,.16);border-bottom:0}.p8-years-marquee-track{display:flex;width:max-content;align-items:center;gap:18px;padding:10px 0;color:#52dafd;font-size:13px;font-weight:900;letter-spacing:.16em;animation:p8YearsMarquee 28s linear infinite}.p8-years-marquee-reverse{animation-direction:reverse}.p8-years-marker{display:block;width:26px;height:24px;overflow:hidden}.p8-years-marker img{display:block;width:82px;height:24px;max-width:none;object-fit:contain;object-position:left center}
.p8-years-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;padding:34px}.p8-years-brand{display:flex;align-items:flex-start;gap:20px}.p8-years-brand>img{width:126px;max-height:62px;object-fit:contain;object-position:left center}.p8-years-kicker,.p8-years-label,.p8-year-origin{display:block;color:#68e5ff;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.p8-years-title{margin:5px 0 8px;font-size:clamp(28px,4vw,52px);line-height:1}.p8-years-copy{max-width:720px;margin:0;color:#d9edff;line-height:1.55}.p8-years-controls{display:flex;align-items:flex-end;gap:8px}.p8-years-controls label{display:grid;gap:7px}.p8-year-select,.p8-years-arrow{height:48px;border:1px solid rgba(132,226,255,.6);border-radius:14px;background:#06233f;color:#fff;font-family:inherit;font-size:16px;font-weight:800;line-height:1}.p8-year-select{min-width:126px;padding:0 40px 0 15px}.p8-years-arrow{width:48px;cursor:pointer}.p8-years-arrow:before{content:'›';display:block;font-size:27px;line-height:1}.p8-years-arrow[data-step="-1"]:before{content:'‹'}
.p8-years-stage{display:flex;align-items:stretch;gap:18px;padding:0 34px 34px}.p8-years-year{display:grid;place-items:center;width:76px;border-radius:20px;background:#07182c;color:#55e3ff;font-size:24px;writing-mode:vertical-rl;transform:rotate(180deg)}.p8-years-rail{display:grid;flex:1;grid-auto-columns:minmax(168px,1fr);grid-auto-flow:column;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px}.p8-year-track{min-width:0;padding:10px 10px 15px;border:1px solid rgba(255,255,255,.16);border-radius:19px;background:rgba(3,22,43,.72);color:#fff;text-decoration:none;scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease,background .22s ease}.p8-year-track:hover{transform:translateY(-4px);border-color:#68e5ff;background:#072a4c}.p8-year-art{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#0b365a,#0895ca)}.p8-year-art img{width:100%;height:100%;object-fit:cover}.p8-year-art b{position:absolute;right:7px;bottom:7px;padding:6px 8px;border-radius:9px;background:#041323;color:#69e7ff}.p8-year-origin{margin:12px 2px 6px}.p8-year-track strong,.p8-year-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p8-year-track strong{font-size:15px}.p8-year-track small{margin-top:5px;color:#bcd8ec}
@keyframes p8YearsMarquee{to{transform:translateX(-50%)}}
@media(max-width:760px){.p8-years{margin:18px 10px 26px}.p8-years-shell{border-radius:22px}.p8-years-head{grid-template-columns:1fr;padding:22px 18px 18px}.p8-years-brand{gap:13px}.p8-years-brand>img{width:88px}.p8-years-controls{align-items:end}.p8-years-controls label{flex:1}.p8-year-select{width:100%}.p8-years-stage{display:block;padding:0 18px 22px}.p8-years-year{width:auto;height:42px;margin-bottom:12px;writing-mode:horizontal-tb;transform:none}.p8-years-rail{grid-auto-columns:minmax(148px,72vw)}.p8-years-copy{font-size:14px}}
@media(prefers-reduced-motion:reduce){.p8-years-marquee-track{animation:none}.p8-year-track{transition:none}}

.p8-years :is(button,select,option,input){font-family:inherit}

/* 24.40: faixa deslizante refeita. O selo do P8 é um recorte próprio (antes o logo
   inteiro era cortado numa janela de 26 px e o "8" aparecia pela metade). */
.p8-years-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.p8-years-marquee-track{gap:20px;padding:11px 0;animation-duration:42s}
.p8-years-tk{color:#52dafd}
.p8-years-tk.is-span{color:#fff;opacity:.85;letter-spacing:.12em}
img.p8-years-marker{display:block;flex:none;width:22px;height:22px;max-width:none;overflow:visible;object-fit:contain}
img.p8-years-marker.is-slam{width:auto;height:18px}
.p8-years-years-track{gap:16px;padding:9px 0;animation-duration:60s}
.p8-years-tk-year{color:rgba(255,255,255,.5);font-size:13px;font-weight:900;letter-spacing:.06em;font-variant-numeric:tabular-nums;transition:color .3s ease}
.p8-years-tk-year.is-on{padding:2px 9px;border-radius:999px;background:#52dafd;color:#041323}
.p8-years-dot{display:block;width:4px;height:4px;border-radius:50%;background:rgba(82,218,253,.55)}
.p8-years-marquee:hover .p8-years-marquee-track{animation-play-state:paused}
.p8-years .p8-years-logo{width:126px;max-height:62px;object-fit:contain;object-position:left center}

/* SLAM! Anthems SR: lavanda, marinho e rosa */
.p8-years.is-slam{color:#1b2f64}
.p8-years.is-slam .p8-years-shell{border-color:rgba(27,47,100,.18);background:radial-gradient(circle at 84% 10%,rgba(250,2,102,.2),transparent 32%),linear-gradient(145deg,#f1f4ff,#d5deff 58%,#c2cfff);box-shadow:0 24px 65px rgba(27,47,100,.22)}
.p8-years.is-slam .p8-years-marquee{background:#1b2f64;border-color:rgba(27,47,100,.2)}
.p8-years.is-slam .p8-years-tk{color:#ff5aa0}
.p8-years.is-slam :is(.p8-years-kicker,.p8-years-label,.p8-year-origin){color:#d4005a}
.p8-years.is-slam .p8-years-copy{color:#2c3f78}
.p8-years.is-slam :is(.p8-year-select,.p8-years-arrow){border-color:rgba(27,47,100,.3);background:#fff;color:#1b2f64}
.p8-years.is-slam .p8-years-year{background:#1b2f64;color:#ff5aa0}
.p8-years.is-slam .p8-year-track{border-color:rgba(27,47,100,.14);background:rgba(255,255,255,.66);color:#1b2f64}
.p8-years.is-slam .p8-year-track:hover{border-color:#fa0266;background:#fff}
.p8-years.is-slam .p8-year-art{background:linear-gradient(145deg,#c9d6ff,#ff9ec8)}
.p8-years.is-slam .p8-year-art b{background:#1b2f64;color:#ff5aa0}
.p8-years.is-slam .p8-year-track small{color:#4a5b8f}
.p8-years.is-slam .p8-years-tk-year.is-on{background:#fa0266;color:#fff}
.p8-years.is-slam .p8-years-dot{background:rgba(255,90,160,.6)}
.p8-year-art img[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.p8-years-years-track{animation:none}}