.page{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) 0;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:-20px;background-size:cover;background-position:center;opacity:.07;filter:blur(8px);pointer-events:none}.header{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.hero-spacer{height:0}.featured{display:flex;flex-direction:column;align-items:center}.featured-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center;max-width:420px;width:100%;border:none;animation:fadeIn .8s ease-out both;text-decoration:none}@media(min-width:720px){.featured-card{flex-direction:row;align-items:center;max-width:600px;text-align:left;gap:var(--space-xl)}.featured-art{max-width:280px;flex-shrink:0}.featured-info{flex:1}.tags{justify-content:flex-start}}.featured-card:hover{border:none}.featured-card:hover .play-icon{opacity:.8;transform:translate(-50%,-50%) scale(1.15)}.featured-art{width:100%;max-width:360px;aspect-ratio:1;border-radius:var(--radius);overflow:hidden}.featured-cover{width:100%;height:100%;object-fit:cover;display:block}.art-placeholder{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#111)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem;opacity:.25;color:var(--fg);transition:all .4s ease}.featured-label{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--space-xs);display:inline-block}.featured-title{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 var(--space-sm)}.featured-subtitle{font-size:.9rem;color:var(--fg-muted);margin:0 0 var(--space-md)}.featured-meta{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.tags{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:center}.tag{font-size:.65rem;padding:.2em .6em;background:#fff;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.empty-state{text-align:center;padding:var(--space-2xl) 0;animation:fadeIn .8s ease-out both}.cli-hint{font-family:var(--font-mono);font-size:.75rem;background:var(--border);padding:.3em .6em;border-radius:var(--radius);margin-top:var(--space-md);display:inline-block}.previous-section{padding:var(--space-xl) 0 var(--space-lg);border-top:1px solid var(--border)}.previous-heading,.section-heading{font-size:.6rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 var(--space-md);display:inline-block}.section-heading.accent{color:#fff}.section-heading.accent:hover{color:var(--accent)}.previous-list{display:flex;flex-direction:column;gap:2px}.previous-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xs);border:none;border-radius:var(--radius);transition:background .2s;animation:fadeIn .5s ease-out both;text-decoration:none}.previous-item:hover{background:#b702030f;border:none}.previous-item:hover .prev-title{color:var(--accent)}.previous-item:hover .prev-art-thumb{border-color:var(--accent)}.prev-art-thumb{width:56px;height:56px;border-radius:2px;background:var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid transparent;transition:border-color .2s}.prev-cover{width:100%;height:100%;object-fit:cover;display:block}.prev-play{font-size:.7rem;opacity:.3;color:var(--fg)}.prev-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.prev-title{font-size:1rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.prev-subtitle{font-size:.75rem}.prev-date{font-size:.7rem;flex-shrink:0}.prev-cat{font-family:var(--font-mono);font-size:.6rem}.video-section{padding:var(--space-xl) 0 var(--space-lg);border-top:1px solid var(--border)}.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.video-item{display:flex;flex-direction:column;gap:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius);padding-bottom:var(--space-sm);transition:border-color .2s;animation:fadeIn .5s ease-out both;text-decoration:none;overflow:hidden}.video-item:hover{border-color:var(--fg)}.video-thumb-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--border)}.video-thumb{width:100%;height:100%;object-fit:cover;display:block}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.6;color:var(--fg);transition:opacity .2s;text-shadow:0 0 10px rgba(0,0,0,.8)}.video-item:hover .video-play-icon{opacity:1}.video-info{padding:0 var(--space-sm);display:flex;flex-direction:column;gap:2px}.video-title{font-size:.8rem;font-weight:400;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{font-size:.65rem}.section-link{display:inline-block;margin-top:var(--space-md);font-size:.75rem;border:none;color:var(--fg-muted);transition:color .2s}.section-link:hover{color:var(--fg)}.newsletter-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl) 0;border-top:1px solid var(--border)}.newsletter-form{display:flex;gap:var(--space-sm);max-width:360px;width:100%}.newsletter-input{flex:1;background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);color:var(--fg);font-family:var(--font-mono);font-size:.75rem;outline:none;transition:border-color .2s}.newsletter-input:focus{border-color:var(--accent)}.newsletter-btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:opacity .2s}.newsletter-btn:hover{opacity:.8}.newsletter-success{color:var(--accent);font-size:.8rem;letter-spacing:.15em}.footer{text-align:center;padding:var(--space-lg) 0 var(--space-xl)}.footer-links{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md)}.footer-links a{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;border:none;color:var(--fg-muted);transition:color .2s}.footer-links a:hover{color:var(--fg)}.footer-copy{font-size:.65rem}.sep{margin:0 var(--space-sm);color:var(--border)}@media(max-width:640px){.page,.container{padding:0 6px}}@media(max-width:480px){.hero{min-height:auto;padding:var(--space-lg) 0}.header{padding:var(--space-lg) 0 var(--space-md)}.featured-art{max-width:280px}.play-icon{font-size:2.5rem}.video-list{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;gap:var(--space-sm)}}