/* ===================================
   RESPONSIVE — Media Queries
   =================================== */
@media (max-width:1024px) {
    .container { padding:0 var(--space-md); }
    .section { padding:var(--space-xl) 0; }
    .hero-title { font-size:clamp(2rem,6vw,3.5rem); }
    .album-grid { grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }
    .video-grid { grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); }
}
@media (max-width:768px) {
    html { font-size:15px; }
    .section { padding:var(--space-lg) 0; }
    .hero { min-height:90vh; }
    .hero-buttons { flex-direction:column; align-items:center; }
    .hero-buttons .btn { width:100%; max-width:300px; }
    .album-grid { grid-template-columns:1fr; }
    .video-grid { grid-template-columns:1fr; }
    .tip-amounts { flex-direction:column; align-items:center; }
    .tip-amount { width:100%; max-width:200px; }
    .feed-header { flex-direction:column; gap:var(--space-md); text-align:center; }
    .link-card { flex-direction:column; text-align:center; padding:var(--space-lg); }
    .link-card::before { width:100%; height:4px; bottom:auto; }
    .page-content { padding-top:70px; }
    .header-inner { height:70px; padding:0 var(--space-md); }
}
@media (max-width:480px) {
    html { font-size:14px; }
    .hero-logo { width:100px; }
    .btn { padding:12px 24px; font-size:0.85rem; }
    .card { padding:var(--space-md); }
    .auth-modal { padding:var(--space-lg); margin:var(--space-md); }
}
@media (min-width:1400px) {
    .container { max-width:1400px; }
}