.homepage{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.hero{background-color:var(--bg-primary);color:var(--text-primary);text-align:center;border-bottom:1px solid var(--border-light);padding:8rem 0 6rem}.hero-title{font-family:var(--font-heading);letter-spacing:-.02em;max-width:900px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:3.5rem;font-weight:700;line-height:1.1}.hero-subtitle{font-family:var(--font-body);color:var(--text-secondary);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.hero-cta{justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.featured-section{background:var(--bg-primary);padding:6rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:.5rem;font-size:2.25rem;font-weight:600}.filmmakers-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.filmmakers-grid{grid-template-columns:repeat(2,1fr);gap:4rem 3rem}}@media (min-width:1024px){.filmmakers-grid{grid-template-columns:repeat(4,1fr)}}.empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--border-radius-md);padding:4rem 2rem}.section-footer{text-align:center;margin-top:4rem}.browse-section{border-top:1px solid var(--border-light);background:var(--bg-secondary);padding:6rem 0}.role-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (min-width:768px){.role-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.role-grid{grid-template-columns:repeat(6,1fr)}}.role-card{border:1px solid var(--border);border-radius:var(--border-radius-md);color:var(--text-primary);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:180px;padding:2.5rem 1.5rem;text-decoration:none;transition:all .2s;display:flex}.role-card:hover{border-color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.role-icon-wrapper{color:var(--text-primary);justify-content:center;align-items:center;display:flex;transform:scale(1.5)}.role-name{font-family:var(--font-heading);letter-spacing:.02em;color:var(--text-primary);font-size:1.1rem;font-weight:600}.footer{background:var(--bg-primary);border-top:1px solid var(--border);color:var(--text-secondary);margin-top:auto;padding:3rem 0;font-size:.9rem}.social-section{flex-direction:column;align-items:center;gap:1.5rem;margin-top:3rem;margin-bottom:2rem;display:flex}.social-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.social-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.social-link{color:var(--text-secondary);white-space:nowrap;background:#0000000a;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;width:44px;height:44px;padding:.6rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}.social-icon{flex-shrink:0;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex}.social-name{opacity:0;width:0;transition:all .5s cubic-bezier(.23,1,.32,1);display:inline-block;overflow:hidden}.social-link:hover{background:#fff;border-color:#0000001a;justify-content:flex-start;width:auto;padding:.6rem 1.4rem;transform:translateY(-3px);box-shadow:0 10px 20px #00000014}.social-link:hover .social-name{opacity:1;width:auto;max-width:150px;margin-left:10px}.social-link.reddit:hover{color:#ff4500;border-color:#ff450033}.social-link.instagram:hover{color:#e4405f;border-color:#e4405f33}.social-link.linkedin:hover{color:#0077b5;border-color:#0077b533}.social-link.youtube:hover{color:red;border-color:#f003}.social-link.discord:hover{color:#5865f2;border-color:#5865f233}@media (max-width:767px){.hero{padding:4rem 1.5rem 3rem}.hero-title{padding:0 .5rem;font-size:2rem}.hero-subtitle{margin-bottom:2rem;padding:0 1rem;font-size:1rem}.hero-cta{flex-direction:column;gap:1rem;padding:0 1rem}.hero-cta .btn{width:100%;min-height:48px}.role-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.role-card{min-height:140px;padding:1.5rem 1rem}.featured-section{padding:3rem 1.5rem}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.75rem}}