.Hero{position:relative;width:100vw;height:100vh;overflow:hidden;margin-bottom:0;margin-top:0}.Hero .container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.Hero .video{margin:0;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:0}.Hero .container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:1}.Hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(10,10,12,.92) 0%,rgba(10,10,12,.6) 35%,rgba(10,10,12,.2) 65%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;z-index:2;padding:1.5rem 1.5rem 5rem}.Hero .content{display:flex;flex-direction:column;max-width:100%;gap:.5rem;background:none;border-radius:0}.Hero .content h1{font-family:var(--fontFamily-title);font-size:clamp(2rem,6vw,4rem);color:#e8e6e1;margin:0;padding:0;background:none;line-height:1.1;letter-spacing:.02em}.Hero .content .hero-subtitle{font-family:var(--fontFamily-mono);font-size:clamp(.7rem,2vw,1rem);color:var(--color-accent-cyan);margin:0;opacity:.9;line-height:1.6}.Hero .content .hero-subtitle .prompt{color:var(--color-tertiary);margin-right:.3rem}.Hero .content .hero-ai-tagline{font-family:var(--fontFamily-mono);font-size:clamp(.65rem,1.8vw,.9rem);color:var(--color-secondary);margin:.5rem 0 0;opacity:.8;font-style:italic}.Hero .call-to-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.Hero .floating-btn{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--color-accent-cyan);display:flex;align-items:center;justify-content:center;animation:floatUpDown 2s ease-in-out infinite;transition:all var(--transition-fast);cursor:pointer;z-index:3}.Hero .floating-btn:hover{border-color:var(--color-accent-cyan);background:#4ecdc41a}.Hero .floating-btn .arrow{font-size:1rem}@media (min-width: 769px){.Hero .overlay{padding:3rem 4rem 6rem}.Hero .content{max-width:60%}.Hero .call-to-actions{flex-direction:row;gap:1rem}}@media (min-width: 1200px){.Hero .content{max-width:50%}.Hero .overlay{padding:4rem 6rem 8rem}}.Button,.Button:visited{color:var(--color-neutral);background:transparent;padding:.6rem 1.2rem;text-transform:uppercase;font-size:var(--fontSize-very-small);font-family:var(--fontFamily-mono);letter-spacing:.05em;border-radius:var(--borderRadius-small);text-decoration:none;border:1px solid var(--color-tertiary);transition:all var(--transition-fast);display:inline-block}.Button:hover{background-color:var(--color-tertiary);color:var(--color-primary);text-decoration:none;box-shadow:var(--boxShadow-glow-warm)}.Button--cyan,.Button--cyan:visited{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.Button--cyan:hover{background-color:var(--color-accent-cyan);color:var(--color-primary);box-shadow:var(--boxShadow-glow-cool)}@media (min-width: 769px){.Button{font-size:var(--fontSize-small);padding:.5rem 1.5rem}}.Reel{border-radius:var(--borderRadius-medium);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;flex-shrink:0;min-width:140px;max-width:160px}.Reel a{text-decoration:none;display:block}.Reel .thumbnail{position:relative;overflow:hidden;border-radius:var(--borderRadius-medium);width:160px;height:240px;background:var(--backgroundColor-secondary)}.Reel .thumbnail img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:var(--borderRadius-medium);transition:transform var(--transition-fast),filter var(--transition-fast)}.Reel .thumbnail:hover img{transform:scale(1.05);filter:brightness(1.1)}.Reel .thumbnail .vote{position:absolute;top:.4rem;right:.4rem;font-family:var(--fontFamily-mono);font-size:.65rem;font-weight:700;background:#0a0a0ccc;color:var(--color-tertiary);padding:.15rem .4rem;border-radius:var(--borderRadius-small);backdrop-filter:blur(4px)}.Reel .info{padding:.25rem 0}.Reel .info .reel-title{margin:0;font-family:var(--fontFamily-title);font-size:.8rem;color:var(--color-neutral);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.Reel .info .reel-artist{margin:.15rem 0 0;font-family:var(--fontFamily-mono);font-size:.6rem;color:var(--color-accent-cyan)}.Reel .info .reel-album{margin:.1rem 0 0;font-size:.55rem;color:var(--color-secondary);font-style:italic}.Reel .info .reel-date{margin:.2rem 0 0;font-family:var(--fontFamily-mono);font-size:.55rem;color:var(--color-secondary)}.song .thumbnail{width:160px;height:160px}@media (min-width: 769px){.Reel{min-width:170px;max-width:185px}.Reel .thumbnail{width:185px;height:278px}.Reel .info .reel-title{font-size:.9rem}.song .thumbnail{width:185px;height:160px}}section{margin:var(--space-large) 0}.ReelContainer{display:flex;flex-direction:row;gap:2rem;margin:var(--space-medium) auto;padding-left:var(--space-medium);overflow-x:auto;scrollbar-color:var(--color-tertiary) var(--backgroundColor-primary);scrollbar-width:thin;-webkit-overflow-scrolling:touch}@media (min-width: 769px){.ReelContainer{gap:3rem;padding-left:var(--space-large)}}