.elementor-87 .elementor-element.elementor-element-54eb355{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* =========================================
   BASE BOY ENT: CRIMSON & CHROME (BRAND SAFE)
   ========================================= */

/* --- GLOBAL VARIABLES --- */
:root {
    --brand-red: #900d40;
    --bright-red: #ff1a53; /* Lighter version for glows */
    --deep-black: #020202;
    --tech-grey: #0f0f0f;
    --text-main: #ffffff;
    --text-dim: #d0d0d0; /* Much brighter for readability */
    --glass-border: rgba(255, 255, 255, 0.15);
}

.talent-master-wrapper {
    background-color: var(--deep-black);
    color: var(--text-main);
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    width: 100%;
}

/* TECH FONT UTILITY */
.tech-font {
    font-family: 'Courier New', monospace;
    letter-spacing: 4px; text-transform: uppercase; font-size: 0.9rem; 
    color: var(--brand-red); font-weight: 700;
    display: flex; align-items: center; gap: 10px;
}
.tech-font::before { content: '[ '; color: #666; }
.tech-font::after { content: ' ] _'; animation: blink 1s infinite; color: #666; }
@keyframes blink { 50% { opacity: 0; } }

/* UTILITY: Glowing Divider (Red Only) */
.circuit-divider {
    height: 1px; width: 100%;
    background: linear-gradient(90deg, transparent, var(--brand-red), transparent);
    opacity: 0.6; margin: 0;
    box-shadow: 0 0 10px var(--brand-red);
}

/* =========================================
   SECTION 1: THE HERO (Red Aurora)
   ========================================= */
.roster-hero-v2 {
    height: 85vh;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    text-align: center; position: relative; overflow: hidden;
    /* Red-tinted dark background */
    background: radial-gradient(circle at center, #1a0208 0%, #000000 80%);
}

/* Animated Fog Overlay */
.roster-hero-v2::before {
    content: ''; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url('https://www.transparenttextures.com/patterns/stardust.png');
    opacity: 0.3; animation: zoomPulse 20s infinite alternate; z-index: 0;
}
@keyframes zoomPulse { from { transform: scale(1); } to { transform: scale(1.1); } }

.hero-content-v2 { position: relative; z-index: 2; }

/* Typography */
.hero-title-giant {
    font-family: 'Poppins', sans-serif; font-weight: 900;
    font-size: clamp(5rem, 15vw, 11rem);
    line-height: 0.9; text-transform: uppercase;
    color: #ffffff;
    /* Clean white glow */
    text-shadow: 0 0 40px rgba(144, 13, 64, 0.4);
    letter-spacing: -3px; position: relative;
}

/* =========================================
   SECTION 2: THE MANIFESTO
   ========================================= */
.manifesto-section {
    padding: 140px 10%; text-align: center; background: var(--tech-grey); position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.manifesto-heading {
    font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 700; text-transform: uppercase; margin-bottom: 30px; line-height: 1.2; color: #fff;
}
.manifesto-heading span { color: var(--brand-red); }
.manifesto-p { 
    max-width: 800px; margin: 0 auto; 
    font-size: 1.4rem; /* Larger for readability */
    color: var(--text-dim); line-height: 1.7; font-weight: 400;
}

/* =========================================
   SECTION 3: THE ROSTER (Glass Panels)
   ========================================= */
.artist-row-v2 {
    display: flex; min-height: 90vh; position: relative; border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* TEXT SIDE */
.ar-content-box {
    flex: 1.2; padding: 100px 80px;
    display: flex; flex-direction: column; justify-content: center;
    background: #080808;
    border-right: 1px solid var(--glass-border);
    position: relative; z-index: 2; transition: 0.4s ease;
}
.reverse .ar-content-box { border-right: none; border-left: 1px solid var(--glass-border); }

/* Red Glow on Hover */
.artist-row-v2:hover .ar-content-box {
    box-shadow: inset 10px 0 40px -10px rgba(144, 13, 64, 0.2);
}

/* IMAGE SIDE */
.ar-image-box {
    flex: 1; position: relative; overflow: hidden; z-index: 1;
}
.ar-img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1), filter 0.5s ease;
    filter: grayscale(80%) contrast(1.1); /* Mostly B&W initially */
}
.artist-row-v2:hover .ar-img {
    transform: scale(1.05); filter: grayscale(0%) contrast(1); /* Full Color on Hover */
}

/* Typography */
.ar-name {
    font-family: 'Poppins', sans-serif; font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 800; color: #fff; margin-bottom: 30px; line-height: 1;
    text-transform: uppercase; transition: 0.3s;
}
/* Name turns Red on Hover */
.artist-row-v2:hover .ar-name { color: var(--brand-red); text-shadow: 0 0 30px rgba(144, 13, 64, 0.4); }

.ar-bio {
    font-size: 1.2rem; line-height: 1.8; color: var(--text-dim);
    margin-bottom: 50px; max-width: 650px; font-weight: 400;
}

/* DATA BAR */
.ar-data-bar {
    display: flex; gap: 40px; padding: 25px;
    background: rgba(255,255,255,0.03); border: 1px solid var(--glass-border);
    width: fit-content; border-radius: 4px; position: relative;
}
.ar-data-bar::before {
    content:''; position: absolute; top:0; left:0; width: 3px; height: 100%; background: var(--brand-red);
}
.data-point h5 { color: #888; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; font-weight: 700;}
.data-point span { color: #fff; font-weight: 700; font-size: 1.1rem; }

/* =========================================
   SECTION 4: ON THE RADAR (Red Scanner)
   ========================================= */
.radar-section { padding: 120px 5%; background: #0a0a0c; position: relative; }

.radar-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; margin-top: 60px;
}
.radar-card {
    height: 380px; position: relative; overflow: hidden;
    border: 1px solid var(--glass-border); cursor: pointer;
    background: #000; transition: 0.3s;
}
.radar-card:hover { border-color: var(--brand-red); }

/* Red Scanner Line */
.radar-card::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px;
    background: var(--brand-red);
    box-shadow: 0 0 15px var(--brand-red);
    animation: scanDown 3s linear infinite; z-index: 2; pointer-events: none;
}
@keyframes scanDown { 0% { top: -10%; opacity: 0; } 50% { opacity: 1; } 100% { top: 110%; opacity: 0; } }

.radar-img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; filter: grayscale(100%); }
.radar-overlay {
    position: absolute; bottom: 0; left: 0; width: 100%; padding: 35px;
    background: linear-gradient(to top, #000 30%, transparent);
    z-index: 3; transition: 0.4s ease; border-bottom: 3px solid var(--brand-red);
}
.radar-card:hover .radar-img { transform: scale(1.1); filter: grayscale(0%); }
.radar-name { font-family:'Poppins',sans-serif; font-size: 1.6rem; font-weight: 700; margin: 0; text-transform: uppercase; color: #fff; }
.radar-role { color: var(--brand-red); font-size: 0.9rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px; display: block; font-weight: 700;}

/* =========================================
   SECTION 5: IMPACT DATA (Clean Black)
   ========================================= */
.impact-section {
    padding: 140px 5%; position: relative;
    background: #020202; border-top: 1px solid #111;
}

.impact-glass-bar {
    display: flex; justify-content: space-around;
    background: rgba(255, 255, 255, 0.03);
    padding: 80px; border: 1px solid rgba(255,255,255,0.08);
    border-radius: 4px;
}
.impact-num {
    font-family:'Poppins',sans-serif; font-size: 5rem; font-weight: 900; color: #fff;
    line-height: 1; display: block;
}
.impact-label { color: var(--brand-red); text-transform: uppercase; letter-spacing: 3px; font-weight: 700; margin-top: 20px; display: block; font-size: 1.1rem;}

/* =========================================
   SECTION 6: CTA (Red Button)
   ========================================= */
.cta-footer {
    padding: 160px 5%; text-align: center; background: var(--tech-grey); position: relative; border-top: 1px solid #222;
}
.cta-btn-neon {
    display: inline-block; padding: 25px 80px; margin-top: 50px;
    background: var(--brand-red); color: #fff;
    font-family: 'Poppins', sans-serif; font-weight: 800;
    text-transform: uppercase; letter-spacing: 4px;
    position: relative; overflow: hidden; transition: 0.4s;
    box-shadow: 0 10px 40px rgba(144, 13, 64, 0.4);
}
.cta-btn-neon:hover {
    background: #fff; color: var(--brand-red);
    transform: translateY(-5px);
}

/* MOBILE */
@media (max-width: 1024px) {
    .hero-title-giant { font-size: 5rem; }
    .artist-row-v2, .artist-row-v2.reverse { flex-direction: column; }
    .ar-image-box { height: 500px; width: 100%; order: 1; }
    .ar-content-box { width: 100%; order: 2; padding: 60px 30px; border: none; border-top: 1px solid var(--glass-border); }
    .ar-data-bar { width: 100%; justify-content: space-between; gap: 10px; }
    .impact-glass-bar { flex-direction: column; gap: 60px; padding: 40px; }
    .impact-num { font-size: 4rem; }
}/* End custom CSS */