.intro-overlay{z-index:9999;background:#020617;justify-content:center;align-items:center;transition:opacity .8s ease-out;display:flex;position:fixed;inset:0}.intro-overlay.fading{opacity:0;pointer-events:none}.intro-terminal{color:#a5b4fc;letter-spacing:3px;text-shadow:0 0 20px #6366f180,0 0 60px #6366f133;align-items:center;font-family:Courier New,Consolas,monospace;font-size:3.5rem;font-weight:700;display:flex}.intro-typed{white-space:pre}.intro-cursor{color:#6366f1;margin-left:2px;animation:.6s step-end infinite cursorBlink}.brand-hub-container{background:var(--brand-bg-dark);min-height:100vh;color:var(--brand-text);font-family:var(--brand-font);scroll-behavior:smooth}.brand-hero{justify-content:center;align-items:center;height:75vh;min-height:500px;display:flex;position:relative;overflow:hidden}.hero-background{background:var(--brand-gradient-hero);opacity:.8;position:absolute;inset:0}.hero-background:before{content:"";background-image:radial-gradient(circle at 20%,#6366f14d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#a855f74d 0%,#0000 50%);position:absolute;inset:0}.hero-particles{z-index:1;position:absolute;inset:0;overflow:hidden}.hero-particle{background:#ffffff4d;border-radius:50%;width:3px;height:3px;animation:linear infinite particleFloat;position:absolute}.hero-overlay{z-index:1;background:#0000004d;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:900px;padding:0 40px;animation:.8s ease-out fadeInUp;display:flex;position:relative}.hero-brand-logo{border:4px solid #6366f180;border-radius:50%;width:160px;height:160px;overflow:hidden;box-shadow:0 0 40px #6366f14d}.hero-brand-logo img{object-fit:cover;width:100%;height:100%}.brand-title{background:var(--brand-gradient-text);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:4.5rem;font-weight:900;line-height:1.1}.brand-tagline{color:var(--brand-text-tagline);max-width:600px;margin:0;font-size:1.4rem;line-height:1.6}.scroll-indicator{z-index:3;cursor:pointer;flex-direction:column;align-items:center;gap:8px;animation:2s infinite scrollBounce;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator span{color:#fff6;letter-spacing:2px;text-transform:uppercase;font-size:.75rem}.scroll-indicator-arrow{border-bottom:2px solid #fff6;border-right:2px solid #fff6;width:20px;height:20px;transform:rotate(45deg)}.brand-main-content{z-index:10;max-width:1200px;margin:0 auto;padding:60px 40px 100px;position:relative}.content-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(280px,auto);gap:32px;display:grid}.content-card{background:var(--brand-bg-card);-webkit-backdrop-filter:var(--brand-glass-blur);border:1px solid var(--brand-border);border-radius:var(--brand-radius);cursor:pointer;box-shadow:var(--brand-glass-shadow);padding:40px;transition:all .4s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.card-category-tag{letter-spacing:1.5px;z-index:2;transition:all var(--brand-transition);border-radius:20px;padding:6px 16px;font-size:.7rem;font-weight:700;position:absolute;top:20px;right:20px}.music-card .card-category-tag{background:var(--brand-music-light);color:#a5b4fc;border:1px solid #6366f166}.reading-card .card-category-tag{background:var(--brand-reading-light);color:#fda4af;border:1px solid #ec489966}.radio-card .card-category-tag{background:var(--brand-radio-light);color:#d8b4fe;border:1px solid #a855f766}.content-card:hover .card-category-tag{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.content-card:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f114,#a855f714);transition:opacity .4s;position:absolute;inset:0}.content-card:hover:before{opacity:1}.content-card:hover{background:var(--brand-bg-card-hover);border-color:var(--brand-border-hover);transform:translateY(-6px);box-shadow:0 20px 40px -10px #00000080}.bento-main{grid-column:span 8;grid-template-columns:auto 1fr;align-items:center;gap:40px;display:grid}.bento-side{flex-direction:column;grid-column:span 4;height:100%;padding:24px;display:flex}.bento-side.content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ad9}.bento-side.content-card:hover{border-color:var(--brand-border);box-shadow:var(--brand-glass-shadow);background:#0f172ad9;transform:none}.bento-side .twitter-timeline-wrapper{border-radius:12px;flex-grow:1;position:relative;overflow:hidden}.bento-half{flex-direction:column;grid-column:span 6;display:flex}.card-icon-wrapper{z-index:1;width:72px;height:72px;transition:transform var(--brand-transition-slow);border-radius:18px;justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative}.bento-main .card-icon-wrapper{border-radius:24px;width:240px;height:240px;margin-bottom:0}.content-card:hover .card-icon-wrapper{transform:scale(1.05)rotate(-2deg)}.music-card .card-icon-wrapper{background:linear-gradient(135deg, var(--brand-music), #8b5cf6);box-shadow:var(--brand-shadow-primary)}.reading-card .card-icon-wrapper{background:linear-gradient(135deg, var(--brand-reading), #f97316);box-shadow:0 10px 30px #ec489966}.radio-card .card-icon-wrapper{background:linear-gradient(135deg, var(--brand-radio), var(--brand-music));box-shadow:var(--brand-shadow-accent)}.card-icon{color:#fff}.card-title{z-index:1;letter-spacing:-.01em;margin:0 0 12px;font-size:1.6rem;font-weight:800;position:relative}.card-description{color:var(--brand-text-secondary);z-index:1;margin:0 0 28px;font-size:.95rem;line-height:1.6;position:relative}.card-action{color:var(--brand-primary);z-index:1;transition:gap var(--brand-transition);align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex;position:relative}.content-card:hover .card-action{gap:16px}@media (max-width:1024px){.content-grid{gap:24px}.bento-main{grid-column:span 12}.bento-side{grid-column:span 12;min-height:500px}.bento-main .card-icon-wrapper{width:180px;height:180px}}@media (max-width:768px){.brand-title{font-size:2.5rem}.brand-tagline{font-size:1.1rem}.brand-hero{height:60vh;min-height:400px}.content-grid{flex-direction:column;gap:20px;display:flex}.bento-main{text-align:center;grid-template-columns:1fr;gap:24px}.bento-main .card-icon-wrapper{width:100%;height:240px}.bento-main .card-action{justify-content:center}.content-card{padding:32px 24px}.brand-main-content{margin-top:-60px;padding:0 20px 60px}}