.browse-genres-section .section__header{padding-left:var(--row-pad);padding-right:var(--row-pad);margin-bottom:12px}.browse-genres-track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:6px var(--row-pad) 14px;scroll-padding-left:var(--row-pad);scroll-snap-type:x proximity}.browse-genres-track::-webkit-scrollbar{display:none}.browse-genre-tile{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:150px;aspect-ratio:210/248;border-radius:12px;overflow:hidden;scroll-snap-align:start;text-decoration:none;border:1px solid color-mix(in srgb,var(--tile-glow,var(--color-primary)) 35%,transparent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.browse-genre-tile__img{-o-object-fit:cover;object-fit:cover;transition:transform .25s ease}.browse-genre-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 68%,rgba(0,0,0,.45));pointer-events:none}.browse-genre-tile:focus-visible,.browse-genre-tile:hover{transform:translateY(-2px);border-color:var(--tile-glow,var(--color-primary));box-shadow:0 8px 24px color-mix(in srgb,var(--tile-glow,var(--color-primary)) 30%,rgba(0,0,0,.45))}.browse-genre-tile:focus-visible .browse-genre-tile__img,.browse-genre-tile:hover .browse-genre-tile__img{transform:scale(1.06)}.browse-genre-tile__count{position:absolute;right:8px;bottom:8px;z-index:1;padding:3px 8px;border-radius:var(--radius-full);background:rgba(0,0,0,.78);color:var(--color-text-primary);font-size:var(--font-xs);font-weight:var(--font-medium);opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.browse-genre-tile:focus-visible .browse-genre-tile__count,.browse-genre-tile:hover .browse-genre-tile__count{opacity:1;transform:translateY(0)}.browse-genre-tile--all{background:linear-gradient(160deg,var(--color-primary-dark),var(--color-primary));color:var(--color-text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold);text-align:center;padding:var(--spacing-sm)}@media (min-width:576px){.browse-genres-track{gap:16px}.browse-genre-tile{width:170px}}@media (min-width:768px){.browse-genre-tile{width:180px}}.home-page{display:block}.home-page .section__title:before{display:none}.home-page .home-about{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xxl);max-width:760px}.home-about h2{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.35}.home-about h2,.home-about p{margin-bottom:var(--spacing-md)}.home-about p{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:1.7}.home-about p:last-child{margin-bottom:0}.home-about a{color:var(--color-primary-light);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.home-about a:hover{color:#93c5fd}@media (min-width:768px){.home-page .home-about{padding-top:var(--spacing-xxl)}.home-about h2{font-size:var(--font-2xl)}.home-about p{font-size:var(--font-base)}}.home-ambient{position:absolute;left:0;right:0;z-index:0;pointer-events:none;background-color:rgb(var(--hero-tint,0,0,0));transition:background-color .6s ease;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.62) 30%,rgba(0,0,0,.2) 64%,transparent);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.62) 30%,rgba(0,0,0,.2) 64%,transparent)}@media (prefers-reduced-motion:reduce){.home-ambient{transition:none}}