/* CR_COLLECTIVE_V175CV_HOME_VISUAL_PREMIUM_ROUTE_SCOPED Home-only visual premium pass after v175ct. This is the corrected route-scoped replacement for failed v175cu. It does not load on profile routes. */ html.cr-v175ct-home-dashboard-page body.cr-v175cv-home-visual-premium { --cr-v175cv-glow-purple: rgba(168,85,247,.26); --cr-v175cv-glow-cyan: rgba(34,211,238,.18); --cr-v175cv-border-soft: rgba(148,163,184,.16); --cr-v175cv-border-hot: rgba(168,85,247,.46); } @media (min-width: 1180px) { body.cr-v175cv-home-visual-premium .cr-v175bm-home-page { padding-top: 18px !important; padding-bottom: 140px !important; } } /* Hero premium panel */ body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-hero, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [class*="hero"] { border-color: rgba(148,163,184,.18) !important; background: radial-gradient(circle at 24% 0%, rgba(168,85,247,.22), transparent 36%), radial-gradient(circle at 86% 35%, rgba(34,211,238,.15), transparent 42%), linear-gradient(135deg, rgba(9,13,27,.94), rgba(6,14,28,.92)) !important; box-shadow: 0 30px 90px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.07) !important; } @media (min-width: 1180px) { body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-hero, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [class*="hero"] { min-height: 390px !important; } } /* Section glass */ body.cr-v175cv-home-visual-premium .cr-v175bm-home-page section, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page article, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-panel, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [class*="panel"], body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [class*="section"] { border-color: var(--cr-v175cv-border-soft) !important; background: radial-gradient(circle at 8% 0%, rgba(168,85,247,.09), transparent 32%), linear-gradient(180deg, rgba(10,15,30,.74), rgba(5,10,22,.80)) !important; } /* Strong stable hover on cards */ body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-release-card, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-member-card, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-preview-card, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-mini-event, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [class*="release-card"], body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [class*="member-card"], body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [class*="preview-card"] { border-color: rgba(148,163,184,.16) !important; background: radial-gradient(circle at 30% 0%, rgba(168,85,247,.10), transparent 38%), linear-gradient(180deg, rgba(15,23,42,.78), rgba(5,10,22,.88)) !important; box-shadow: 0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important; transform: none !important; translate: none !important; scale: 1 !important; transition: border-color .14s ease, box-shadow .14s ease, background .14s ease, filter .14s ease !important; } body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-release-card:hover, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-member-card:hover, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-preview-card:hover, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-mini-event:hover, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [class*="release-card"]:hover, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [class*="member-card"]:hover, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [class*="preview-card"]:hover { border-color: var(--cr-v175cv-border-hot) !important; box-shadow: 0 20px 46px rgba(0,0,0,.30), 0 0 0 1px rgba(168,85,247,.22), 0 0 34px rgba(168,85,247,.18), 0 0 26px rgba(34,211,238,.08), inset 0 1px 0 rgba(255,255,255,.075) !important; filter: saturate(1.08) brightness(1.04); transform: none !important; } /* Buttons and pills */ body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-btn, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-pill, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page button, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page a[class*="btn"], body.cr-v175cv-home-visual-premium .cr-v175bm-home-page a[class*="pill"] { transform: none !important; transition: border-color .14s ease, box-shadow .14s ease, background .14s ease, color .14s ease, filter .14s ease !important; } body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-btn:hover, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-pill:hover, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page button:hover, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page a[class*="btn"]:hover, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page a[class*="pill"]:hover { box-shadow: 0 0 0 1px rgba(168,85,247,.22), 0 0 28px rgba(168,85,247,.22), 0 0 18px rgba(34,211,238,.10) !important; filter: saturate(1.08) brightness(1.05); transform: none !important; } /* Rail polish */ body.cr-v175cv-home-visual-premium .cr-v175ct-rail { border-color: rgba(168,85,247,.32) !important; background: radial-gradient(circle at 14% 0%, rgba(168,85,247,.34), transparent 34%), radial-gradient(circle at 100% 16%, rgba(34,211,238,.20), transparent 38%), linear-gradient(180deg, rgba(11,15,32,.985), rgba(5,10,21,.965)) !important; box-shadow: 0 30px 92px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.05), inset 0 1px 0 rgba(255,255,255,.085), 0 0 56px rgba(168,85,247,.16) !important; } body.cr-v175cv-home-visual-premium .cr-v175ct-link { transition: border-color .14s ease, background .14s ease, box-shadow .14s ease, color .14s ease, filter .14s ease !important; transform: none !important; } body.cr-v175cv-home-visual-premium .cr-v175ct-link:hover, body.cr-v175cv-home-visual-premium .cr-v175ct-link.is-active { border-color: rgba(168,85,247,.58) !important; box-shadow: 0 0 0 1px rgba(168,85,247,.18), 0 0 30px rgba(168,85,247,.22) !important; filter: brightness(1.05); } @media (min-width: 1180px) { body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-release-grid, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-preview-grid, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-members-row { gap: 16px !important; } } @media (min-width: 1700px) { body.cr-v175cv-home-visual-premium .cr-v175bm-home-page .cr-v175bm-release-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } body.cr-v175cv-home-visual-premium .cr-v175bm-home-page img, body.cr-v175cv-home-visual-premium .cr-v175bm-home-page [style*="background-image"] { filter: saturate(1.04) contrast(1.02); } html::before { content: "CR_COLLECTIVE_V175CV_HOME_VISUAL_PREMIUM_ROUTE_SCOPED"; display: none; } /* ==== MODERN_HOME_DESKTOP (OPTION_A): retire the permanent generic sidebar on Home. Route-scoped: body.cr-v175cv-home-visual-premium is only ever added on '/'. src/_includes/base.njk is untouched — the rail element still renders for the no-JS fallback, but the approved desktop target has no sidebar, so it is hidden here and the content column reclaims the full approved canvas width. ==== */ html.cr-v175ct-home-dashboard-page body.cr-v175cv-home-visual-premium #cr-v175ct-home-rail { display: none !important; } @media (min-width: 1180px) { html.cr-v175ct-home-dashboard-page body.cr-v175cv-home-visual-premium { /* collapse the rail column: content starts at the rail's own left edge */ --cr-v175ct-content-left: var(--cr-v175ct-left) !important; } /* Sidebar-less geometry, owned by CSS (the bundle strips the rail-era inline styles so these rules apply). The HOST (.main) opens to the approved canvas with balanced gutters and the Home page centres inside it — no absolute-offset arithmetic, no negative margins, no inline-style counter-writing. Route scope holds via the html class, which the base shell adds only on '/'. */ html.cr-v175ct-home-dashboard-page .main { max-width: none !important; width: auto !important; margin-left: clamp(16px, calc((100vw - 1540px) / 2 + 18px), 64px) !important; margin-right: clamp(16px, calc((100vw - 1540px) / 2 + 18px), 64px) !important; } html.cr-v175ct-home-dashboard-page .cr-v175bm-home-page.cr-v175bm-home-page { margin: 0 auto !important; width: 100% !important; max-width: 1540px !important; box-sizing: border-box !important; } }