/* ---------- HOME DESIGN PASS 2 ---------- */
.home-page .home-bg{position:fixed; inset:0;}
.home-page .home-bg::before{inset:-70px; background-position:center 25%; filter:blur(38px) brightness(.42) saturate(1.05); transform:scale(1.06);}
.home-page .home-bg::after{background:linear-gradient(90deg,rgba(10,5,9,.98) 0%,rgba(10,5,9,.88) 34%,rgba(10,5,9,.55) 66%,rgba(10,5,9,.88) 100%),linear-gradient(180deg,rgba(10,5,9,.18),rgba(10,5,9,.95));}
.home-page header.nav{background:rgba(14,7,12,.82); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);}
.hero-home{min-height:calc(100vh - 67px); padding:72px 0 100px; clip-path:none; border-bottom:1px solid var(--line); position:relative;}
.hero-home::before{content:""; position:absolute; inset:auto 0 0; height:170px; background:linear-gradient(180deg,transparent,rgba(10,5,9,.86)); pointer-events:none;}
.home-hero-grid{max-width:1760px; padding:0 82px; display:grid; grid-template-columns:minmax(370px,.72fr) minmax(600px,1.28fr); gap:clamp(150px,9vw,190px); text-align:left; align-items:center;}
.hero-copy{display:flex; flex-direction:column; align-items:flex-start; max-width:610px;}
.hero-kicker{display:flex; align-items:center; gap:12px; color:var(--magenta-bright); font-family:var(--ff-mono); font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; margin-bottom:28px;}
.hero-kicker span{width:34px; height:2px; background:var(--magenta-bright); box-shadow:0 0 18px rgba(201,68,143,.5);}
.hero-logo{width:116px; height:116px; border-radius:50%; border:2px solid var(--magenta-bright); box-shadow:0 0 0 8px rgba(201,68,143,.06),0 18px 55px rgba(0,0,0,.35); margin-bottom:32px;}
.hero-home h1{font-size:clamp(4.2rem,6.8vw,8.2rem); line-height:.82; letter-spacing:-.055em; margin:0;}
.hero-home p.tagline{font-family:var(--ff-body); font-size:clamp(1rem,1.25vw,1.25rem); line-height:1.7; max-width:56ch; margin-top:34px; color:#c5b7c0;}
.hero-home .hero-cta{justify-content:flex-start; margin-top:38px;}.hero-btn{padding:13px 25px;}.hero-meta{display:flex; flex-wrap:wrap; gap:10px; margin-top:38px;}.hero-meta span{font-family:var(--ff-mono); font-size:.65rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); border:1px solid var(--line); padding:7px 11px; background:rgba(255,255,255,.025);}
.stream-stage{position:relative; border:1px solid rgba(233,201,220,.19); background:linear-gradient(180deg,rgba(30,14,25,.94),rgba(13,7,11,.96)); padding:16px; box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 80px rgba(143,47,102,.13); overflow:hidden; transform:translateZ(0);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}.stream-stage::before{content:""; position:absolute; left:-1px; top:-1px; width:42%; height:3px; background:linear-gradient(90deg,var(--magenta-bright),transparent);}.stream-stage::after{content:""; position:absolute; right:-70px; top:-70px; width:200px; height:200px; border:1px solid rgba(201,68,143,.13); transform:rotate(45deg); pointer-events:none;}.stream-stage:hover{border-color:rgba(201,68,143,.38); box-shadow:0 42px 110px rgba(0,0,0,.56),0 0 100px rgba(143,47,102,.18);transform:translateY(-2px);}.stream-stage-top,.stream-stage-bottom{position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:18px;}.stream-stage-top{padding:7px 4px 15px;}.stream-stage-top>div{display:flex; flex-direction:column; gap:3px;}.stream-label{font-family:var(--ff-mono); font-size:.61rem; letter-spacing:.16em; color:var(--magenta-bright);}.stream-stage-top strong{font-size:.95rem; letter-spacing:.01em;}.stream-state{display:inline-flex; align-items:center; gap:7px; font-family:var(--ff-mono); font-size:.66rem; text-transform:uppercase; letter-spacing:.09em; color:var(--text-muted); border:1px solid var(--line); padding:7px 10px;}.stream-state i{width:7px; height:7px; border-radius:50%; background:#6e646a;}.stream-state.is-live{color:var(--magenta-bright); border-color:rgba(201,68,143,.38);}.stream-state.is-live i{background:var(--magenta-bright); box-shadow:0 0 12px rgba(201,68,143,.8); animation:pulse 2s infinite;}.stream-live-details{position:relative; z-index:1; margin:0 4px 14px; padding:12px 14px; border:1px solid rgba(201,68,143,.2); background:linear-gradient(90deg,rgba(201,68,143,.09),rgba(255,255,255,.015));}.stream-live-details[hidden]{display:none;}.stream-live-title{font-size:.95rem; font-weight:800; color:#f2e8ee; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.stream-live-meta{display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:7px; font-family:var(--ff-mono); font-size:.6rem; letter-spacing:.07em; text-transform:uppercase; color:var(--text-muted);}.stream-live-meta span:not(:empty)::before{content:"•"; color:var(--magenta-bright); margin-right:7px;}.stream-stage .twitch-live-wrap{max-width:none; width:100%; margin:0; border-color:rgba(233,201,220,.16); box-shadow:inset 0 0 0 1px rgba(255,255,255,.01);}.stream-stage-bottom{padding:14px 4px 2px; font-family:var(--ff-mono); font-size:.64rem; letter-spacing:.05em; color:var(--text-muted);}.stream-stage-bottom a{color:var(--magenta-bright);}
.scroll-cue{position:absolute; left:50%; bottom:22px; transform:translateX(-50%); z-index:3; display:flex; flex-direction:column; align-items:center; gap:7px; font-family:var(--ff-mono); font-size:.58rem; letter-spacing:.16em; text-transform:uppercase; color:var(--text-muted);}.scroll-cue span{width:1px; height:26px; background:linear-gradient(180deg,var(--magenta-bright),transparent); animation:scrollLine 1.8s ease-in-out infinite;}@keyframes scrollLine{0%,100%{opacity:.35;transform:scaleY(.72);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}
.home-intro{padding:100px 0; background:linear-gradient(180deg,rgba(12,6,10,.99),rgba(20,9,17,.99)); border-bottom:1px solid var(--line);}.intro-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:90px; align-items:end;}.intro-grid h2{font-family:var(--ff-display); font-size:clamp(2.2rem,4.2vw,4.6rem); line-height:.98; letter-spacing:-.035em;}.intro-grid h2 span{color:var(--magenta-bright);}.intro-copy p{color:var(--text-muted); font-size:1.05rem; max-width:58ch;}.intro-links{display:flex; flex-wrap:wrap; gap:28px; margin-top:28px; font-family:var(--ff-mono); font-size:.72rem; letter-spacing:.06em; text-transform:uppercase;}.intro-links a{color:var(--magenta-bright); position:relative;}.intro-links a::after{content:""; position:absolute; left:0; bottom:-4px; width:0; height:1px; background:var(--magenta-bright); transition:width .2s ease;}.intro-links a:hover::after{width:100%;}
.home-pillars{padding:110px 0 120px; background:linear-gradient(180deg,rgba(20,9,17,.99),rgba(10,5,9,.99)); border-bottom:1px solid var(--line);}.home-pillars .section-head{margin-bottom:46px;}.pillar-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}.pillar-card{position:relative; min-height:330px; border:1px solid var(--line); background:linear-gradient(180deg,rgba(31,15,27,.88),rgba(18,9,15,.96)); padding:28px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; transition:transform .25s ease,border-color .25s ease,background .25s ease;}.pillar-card::before{content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(201,68,143,.10),transparent 45%); opacity:0; transition:opacity .25s ease;}.pillar-card::after{content:""; position:absolute; right:-42px; bottom:-42px; width:120px; height:120px; border:1px solid rgba(201,68,143,.10); transform:rotate(45deg);}.pillar-card:hover{transform:translateY(-5px); border-color:rgba(201,68,143,.45); background:linear-gradient(180deg,rgba(38,16,31,.92),rgba(18,9,15,.98));}.pillar-card:hover::before{opacity:1;}.pillar-icon{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(201,68,143,.28);background:rgba(201,68,143,.055);color:var(--magenta-bright);box-shadow:0 0 26px rgba(201,68,143,.06);transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease}.pillar-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.pillar-card:hover .pillar-icon{border-color:rgba(201,68,143,.62);background:rgba(201,68,143,.1);box-shadow:0 0 28px rgba(201,68,143,.16);transform:translateY(-2px)}.pillar-card div{position:relative; z-index:1;}.pillar-card h3{font-family:var(--ff-display); font-size:1.45rem; line-height:1.1; margin-bottom:14px;}.pillar-card p{color:var(--text-muted); font-size:.95rem; max-width:38ch;}.pillar-link{position:relative; z-index:1; font-family:var(--ff-mono); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color:var(--magenta-bright);}
.home-closer{padding:90px 0; background:radial-gradient(circle at 80% 20%,rgba(201,68,143,.10),transparent 28%),rgba(10,5,9,.99);}.closer-inner{display:flex; align-items:flex-end; justify-content:space-between; gap:48px;}.closer-inner h2{font-family:var(--ff-display); font-size:clamp(2rem,3.7vw,4rem); line-height:1; max-width:15ch;}.closer-inner p{color:var(--text-muted); margin-top:16px; max-width:54ch;}.closer-actions{display:flex; gap:14px; flex-wrap:wrap; justify-content:flex-end;}
@media (min-width:1800px){.home-hero-grid{padding:0 104px; gap:190px;}.hero-home{padding-top:90px;}.pillar-grid{gap:32px;}}@media (max-width:1380px){.home-hero-grid{gap:86px;padding:0 54px;grid-template-columns:minmax(360px,.8fr) minmax(540px,1.2fr)}.hero-copy{max-width:650px}.hero-home h1{font-size:clamp(4.2rem,7.2vw,8.6rem)}}@media (max-width:1180px){.home-hero-grid{grid-template-columns:1fr; max-width:980px; gap:52px; padding:0 42px;}.hero-copy{align-items:center; text-align:center;max-width:none}.hero-home .hero-cta{justify-content:center}.hero-meta{justify-content:center}.hero-home h1{font-size:clamp(4rem,12vw,7rem)}.stream-stage{width:100%;}.hero-home{min-height:auto;}.intro-grid{gap:54px;}.pillar-grid{grid-template-columns:1fr 1fr;}.pillar-card:last-child{grid-column:1/-1;min-height:260px;}.closer-inner{align-items:flex-start;flex-direction:column}.closer-actions{justify-content:flex-start}}@media (max-width:760px){.hero-home{padding:54px 0 78px}.home-hero-grid{padding:0 20px; gap:40px}.hero-logo{width:92px;height:92px;margin-bottom:22px}.hero-kicker{margin-bottom:18px}.hero-home h1{font-size:clamp(3.5rem,19vw,5.4rem)}.hero-home p.tagline{font-size:.98rem;margin-top:24px}.stream-stage{padding:10px}.stream-stage-top strong{font-size:.86rem}.stream-live-title{white-space:normal;font-size:.88rem}.stream-live-meta{gap:6px 12px}.stream-stage-bottom{align-items:flex-start; flex-direction:column; gap:5px}.scroll-cue{display:none}.intro-grid{grid-template-columns:1fr; gap:28px}.home-intro{padding:72px 0}.intro-copy p{font-size:.98rem}.home-pillars{padding:76px 0 82px}.pillar-grid{grid-template-columns:1fr}.pillar-card,.pillar-card:last-child{grid-column:auto;min-height:270px}.home-closer{padding:72px 0}.closer-actions{width:100%}}@media (max-width:480px){.hero-home .hero-cta{width:100%}.hero-home .hero-cta .btn{width:100%;justify-content:center}.hero-meta{margin-top:25px}.stream-stage-top{align-items:flex-start}.stream-stage-top>div{max-width:70%}.stream-state{padding:6px 8px}.intro-links{flex-direction:column;gap:14px}.pillar-card{padding:24px}.closer-actions .btn{width:100%;justify-content:center}}