.home-page{--hp-black: #050505;--hp-white: #fff;--hp-white-muted: rgba(255, 255, 255, .78);--hp-paper: #f3f1ec;--hp-ink: #0d0d0d;--hp-ink-muted: #54524d;--hp-rule: rgba(0, 0, 0, .12);--hp-rule-strong: rgba(13, 13, 13, .5);--hp-field: #fffefb;--hp-surface: #fbfaf7;--hp-plate: #fff;--hp-accent: #ff7a1a;--hp-accent-hover: #ff9446;--hp-accent-ink: #140800;--hp-accent-text: #a33a00;--hp-font: "Archivo", "Helvetica Neue", Arial, system-ui, sans-serif;--hp-container: 100%;--hp-edge: max(.75rem, calc((100% - var(--hp-container)) / 2 + .75rem));position:relative;font-family:var(--hp-font);font-size:1.05rem;line-height:1.55;color:var(--hp-ink);background:var(--hp-paper)}@media(min-width:576px){.home-page{--hp-container: 540px}}@media(min-width:768px){.home-page{--hp-container: 720px}}@media(min-width:992px){.home-page{--hp-container: 960px}}@media(min-width:1200px){.home-page{--hp-container: 1140px}}@media(min-width:1400px){.home-page{--hp-container: 1320px}}.home-page ul,.home-page ol{margin:0;padding:0;list-style:none}.home-page img{display:block}.home-page ::selection{background:var(--hp-accent);color:var(--hp-accent-ink)}.home-page .hp-black{--hp-bg: var(--hp-black);--hp-fg: var(--hp-white);--hp-fg-muted: var(--hp-white-muted);--hp-line: rgba(255, 255, 255, .16);--hp-focus: var(--hp-accent);background:var(--hp-bg);color:var(--hp-fg)}.home-page .hp-paper{--hp-bg: var(--hp-paper);--hp-fg: var(--hp-ink);--hp-fg-muted: var(--hp-ink-muted);--hp-line: var(--hp-rule);--hp-focus: var(--hp-ink);background:var(--hp-bg);color:var(--hp-fg)}.home-page .hp-band{padding-block:clamp(3.5rem,2rem + 5vw,6rem)}.home-page a{color:inherit}.home-page :is(a,button,input):focus-visible{outline:3px solid var(--hp-focus, var(--hp-ink));outline-offset:3px}.home-page .hp-display{font-family:var(--hp-font);font-stretch:72%;font-variation-settings:"wdth" 72;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.92}.home-page .hp-h2{font-family:var(--hp-font);font-stretch:72%;font-variation-settings:"wdth" 72;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.92;margin:0;font-size:clamp(2rem,1.2rem + 2.4vw,3.5rem);text-wrap:balance}.home-page .hp-h3{font-family:var(--hp-font);font-stretch:72%;font-variation-settings:"wdth" 72;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.92;margin:0 0 .75rem;font-size:clamp(1.5rem,1.2rem + .8vw,1.9rem)}.home-page .hp-sub{max-width:60ch;margin:1rem 0 0;color:var(--hp-fg-muted)}.home-page .hp-icon-solid{fill:currentcolor}.home-page .hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:0;max-width:100%;min-height:52px;padding:0 1.5rem;border:2px solid transparent;border-radius:0;font:700 1rem/1 var(--hp-font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}.home-page .hp-btn svg{flex:none;font-size:1.2em}.home-page .hp-btn:disabled{cursor:default;opacity:.6}.home-page .hp-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .hp-btn-primary{border-color:var(--hp-accent);background:var(--hp-accent);color:var(--hp-accent-ink)}.home-page .hp-btn-primary:hover:not(:disabled){border-color:var(--hp-accent-hover);background:var(--hp-accent-hover);color:var(--hp-accent-ink)}.home-page .hp-btn-outline{border-color:#ffffffd9;background:transparent;color:var(--hp-white)}.home-page .hp-btn-outline:hover{background:#ffffff29;color:var(--hp-white)}.home-page .hp-btn-ink{border-color:var(--hp-ink);background:transparent;color:var(--hp-ink)}.home-page .hp-btn-ink:hover:not(:disabled){background:var(--hp-ink);color:var(--hp-paper)}.home-page .hp-btn-sm{min-height:44px;padding:0 .9rem;border-width:1px;font-size:.82rem;letter-spacing:.05em;white-space:nowrap}.home-page .hp-btn-sm svg{font-size:1.15em}.home-page .hp-actions{display:flex;flex-wrap:wrap;gap:.75rem;min-width:0}.home-page .hp-actions-center{justify-content:center}.home-page .hp-icon-btn{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--hp-ink);border-radius:0;background:transparent;color:var(--hp-ink);font-size:1.2rem;cursor:pointer;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,opacity .2s ease-out}.home-page .hp-icon-btn:hover:not(:disabled){border-color:var(--hp-accent);background:var(--hp-accent);color:var(--hp-accent-ink)}.home-page .hp-icon-btn:disabled{cursor:default;opacity:.35}.home-page .hp-more{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.home-page .hp-more:hover{text-decoration-thickness:2px}.home-page .hp-more svg{transition:transform .2s ease-out}.home-page .hp-more:hover svg{transform:translate(3px)}.home-page .hp-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 2rem;margin-bottom:2rem}@media(min-width:768px){.home-page .hp-head{margin-bottom:2.5rem}}.home-page .hp-head-text{min-width:0}.home-page .hp-credit{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;font-family:var(--hp-font);font-stretch:100%;font-variation-settings:"wdth" 100;text-align:left;color:var(--hp-fg)}.home-page .hp-credit>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .hp-credit-1{font-size:1.35rem;font-weight:600;line-height:1.2}.home-page .hp-credit-2{font-size:1.2rem;font-weight:400;line-height:1.25}.home-page .hp-credit-3{font-size:1rem;font-weight:400;line-height:1.3;color:var(--hp-fg-muted)}.home-page .hp-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:max(520px,100svh - 70px);overflow:hidden}@media(min-width:768px){.home-page .hp-hero{min-height:max(560px,min(86svh,860px));margin-top:-1rem}}.home-page .hp-slides{position:absolute;inset:0;z-index:0}.home-page .hp-slide{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .9s ease-out .9s}.home-page .hp-slide img{display:block;width:100%;height:100%;object-fit:cover}.home-page .hp-slide.is-previous{z-index:1}.home-page .hp-slide.is-active{z-index:2;opacity:1;transition:opacity .9s ease-out}.home-page .hp-slide.is-active img,.home-page .hp-slide.is-previous img{animation:hp-drift 8s linear both}.home-page .hp-hero.is-held .hp-slide img{animation-play-state:paused}@keyframes hp-drift{0%{transform:scale(1.04)}to{transform:scale(1)}}.home-page .hp-hero-scrim{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse 42% 38% at 0% 100%,rgba(0,0,0,.72),transparent 100%),linear-gradient(to top,rgba(0,0,0,.7),transparent 40%),linear-gradient(270deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.3) 14%,transparent 30%),linear-gradient(90deg,#000000d1,#00000073 50%,#0000001a 80%)}@media(max-width:767.98px){.home-page .hp-hero-scrim{background:linear-gradient(to top,rgba(0,0,0,.78),transparent 45%),linear-gradient(to bottom,#00000080,#00000080)}}.home-page .hp-hero-top{position:relative;z-index:4;padding-top:3.5rem}@media(min-width:768px){.home-page .hp-hero-top{padding-top:clamp(4rem,12vh,9rem)}}.home-page .hp-hero-title{max-width:11ch;margin:0 0 1.25rem;font-size:clamp(2.8rem,1.2rem + 5.4vw,6.25rem);text-wrap:balance;color:var(--hp-white)}.home-page .hp-hero-sub{max-width:40ch;margin:0 0 1.75rem;font-size:1.15rem;color:var(--hp-white-muted)}@media(max-width:575.98px){.home-page .hp-hero-sub{margin-bottom:1.25rem;font-size:1.02rem}}@media(max-width:575.98px){.home-page .hp-hero .hp-actions{flex-direction:column}.home-page .hp-hero .hp-actions .hp-btn{width:100%}}.home-page .hp-hero-bottom{position:relative;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-top:auto;padding-top:2.5rem;padding-bottom:1.5rem;text-shadow:0 1px 10px rgba(0,0,0,.55)}@media(min-width:768px){.home-page .hp-hero-bottom{padding-bottom:3rem}}.home-page .hp-hero-bottom .hp-credit{flex:0 1 34rem;min-width:0}.home-page .hp-credit-swap{animation:hp-rise .4s ease-out both}@keyframes hp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.home-page .hp-hero-controls{display:flex;flex:none;align-items:center;gap:1rem;margin-left:auto}.home-page .hp-queue{display:none;align-items:center;font-size:.95rem;color:var(--hp-white-muted)}@media(min-width:992px){.home-page .hp-queue{display:flex}}.home-page .hp-queue-label{margin-right:.4rem}.home-page .hp-queue-item{display:inline-flex;align-items:center}.home-page .hp-queue-dot{padding:0 .15rem}.home-page .hp-queue-btn{min-height:44px;padding:0 .5rem;border:0;background:transparent;color:var(--hp-white);font:500 .95rem/1 var(--hp-font);white-space:nowrap;cursor:pointer}.home-page .hp-queue-btn:hover{text-decoration:underline;text-underline-offset:.25em}.home-page .hp-toggle{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:0;background:#00000059;color:var(--hp-white);font-size:1.1rem;cursor:pointer;transition:background-color .2s ease-out}.home-page .hp-toggle:hover{background:#fff3}.home-page .hp-find{scroll-margin-top:1rem}.home-page .hp-find-grid{display:grid;gap:3rem}@media(min-width:992px){.home-page .hp-find-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem;align-items:start}}.home-page .hp-find-main{min-width:0}.home-page .hp-find-sub{max-width:50ch;margin:1.25rem 0 0;color:var(--hp-fg-muted);font-size:1.1rem}.home-page .hp-search{display:flex;margin-top:2rem}@media(max-width:575.98px){.home-page .hp-search{flex-direction:column;gap:.75rem}}.home-page .hp-search-input{flex:1 1 auto;min-width:0;height:64px;padding:0 1.25rem;border:1px solid var(--hp-ink);border-radius:0;background:var(--hp-field);color:var(--hp-ink);font:400 1.3rem/1 var(--hp-font);appearance:none}.home-page .hp-search-input::placeholder{color:var(--hp-ink-muted);opacity:1}.home-page .hp-search-input::-webkit-search-cancel-button,.home-page .hp-search-input::-webkit-search-decoration{appearance:none}@media(max-width:575.98px){.home-page .hp-search-input{font-size:1.15rem}}.home-page .hp-search-btn{flex:none;min-height:64px;padding:0 2.25rem;font-size:1.1rem}.home-page .hp-browse{display:grid;gap:2.25rem;min-width:0}.home-page .hp-tag-group{min-width:0}.home-page .hp-tags{display:flex;flex-wrap:wrap;gap:.5rem}.home-page .hp-tag{display:inline-flex;align-items:center;gap:.6rem;max-width:100%;min-height:44px;padding:0 1rem;border:1px solid var(--hp-rule-strong);border-radius:0;text-decoration:none;transition:border-color .2s ease-out,color .2s ease-out}.home-page .hp-tag:hover{border-color:var(--hp-accent);color:var(--hp-accent-text)}.home-page .hp-tag-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .hp-tag-count{flex:none;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--hp-fg-muted)}.home-page .hp-find:has(+.hp-popular){padding-bottom:clamp(2.5rem,1.5rem + 2.5vw,3.75rem)}.home-page .hp-popular{position:relative}.home-page .hp-find+.hp-popular{padding-top:clamp(2.5rem,1.5rem + 2.5vw,3.75rem)}.home-page .hp-find+.hp-popular:before{content:"";position:absolute;top:0;right:var(--hp-edge);left:var(--hp-edge);height:1px;background:var(--hp-rule)}.home-page .hp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.home-page .hp-grid{gap:1rem}}@media(min-width:992px){.home-page .hp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.home-page .hp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-page .hp-tile{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border:1px solid var(--hp-rule);border-radius:0;background:var(--hp-surface);container-type:inline-size;transition:border-color .2s ease-out}.home-page .hp-tile:hover{border-color:var(--hp-ink)}.home-page .hp-tile:has(.hp-tile-link:focus-visible){outline:3px solid var(--hp-ink);outline-offset:2px}@media(min-width:576px){.home-page .hp-tile{padding:1rem}}.home-page .hp-tile-plate{display:grid;place-items:center;height:84px;border:1px solid var(--hp-rule);background:var(--hp-plate)}.home-page .hp-logo{position:relative;display:block;width:70%;height:56px;overflow:hidden}.home-page .hp-logo img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain}.home-page .hp-tile-id{min-width:0}.home-page .hp-tile-link{display:block;font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .hp-tile-link:after{content:"";position:absolute;inset:0}.home-page .hp-tile-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.home-page .hp-tile-link:focus-visible{outline:0}.home-page .hp-tile-country{color:var(--hp-fg-muted);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .hp-now{display:grid;grid-template-columns:36px minmax(0,1fr);gap:.6rem;align-items:start}.home-page .hp-now .hp-cover{width:36px;height:36px;font-size:1rem}.home-page .hp-now .dashed{border-bottom:0}.home-page .hp-now-song{display:-webkit-box;overflow:hidden;font-size:.9rem;line-height:1.3;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.home-page .hp-now-when{display:flex;gap:.4rem;align-items:center;margin-top:.1rem;color:var(--hp-fg-muted);font-size:.8rem}.home-page .hp-dot{position:relative;display:inline-block;flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--hp-accent)}.home-page .hp-dot[data-live=false]{display:none}.home-page .hp-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--hp-accent);animation:hp-pulse 2s ease-out infinite}@keyframes hp-pulse{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}.home-page .hp-cover{display:block;flex:none;width:48px;height:48px;border-radius:0;object-fit:cover;background:var(--hp-rule)}.home-page .hp-cover-empty{display:grid;place-items:center;color:var(--hp-fg-muted);font-size:1.2rem}.home-page .hp-tile-controls{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.home-page .hp-tile-controls .hp-btn-listen,.home-page .hp-tile-controls .hp-btn-watch{flex:1 1 0}.home-page .hp-tile-controls-watch .hp-btn-listen{flex-basis:100%}@container (min-width: 15.5rem){.home-page .hp-tile-controls-watch .hp-btn-listen{flex-basis:0}}.home-page .hp-fav.btn{--bs-btn-padding-x: 0;--bs-btn-padding-y: 0;display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--hp-ink);border-radius:0;background-color:transparent;font-size:1.05rem;transition:background-color .2s ease-out}.home-page .hp-fav.btn:hover,.home-page .hp-fav.btn:active{border-color:var(--hp-ink);background-color:color-mix(in srgb,var(--hp-ink) 10%,transparent)}.home-page .hp-fav.btn:focus-visible{border-color:var(--hp-ink);outline:3px solid var(--hp-ink);outline-offset:2px;background-color:transparent;box-shadow:none}.home-page .hp-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}@media(min-width:992px){.home-page .hp-channels{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-page .hp-channel{min-width:0}.home-page .hp-still{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;background:#161616}.home-page .hp-still img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;transition:transform .6s ease-out}.home-page .hp-still-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--hp-accent-ink);cursor:pointer}.home-page .hp-still-play:disabled{cursor:default}.home-page .hp-still-play:focus-visible{outline-offset:-6px}.home-page .hp-play-square{display:grid;place-items:center;width:56px;height:56px;background:var(--hp-accent);font-size:1.5rem;opacity:0;transform:translateY(6px);transition:opacity .2s ease-out,transform .2s ease-out}.home-page .hp-play-square svg{margin-left:2px}@media(hover:none){.home-page .hp-play-square{width:48px;height:48px;font-size:1.3rem;opacity:1;transform:none}}.home-page .hp-still:hover .hp-play-square,.home-page .hp-still:focus-within .hp-play-square{opacity:1;transform:none}@media(hover:hover){.home-page .hp-still:hover img{transform:scale(1.03)}}.home-page .hp-channel-title{display:flex;align-items:center;min-height:44px;margin-top:.25rem;font-size:1.1rem;font-weight:600;line-height:1.2;text-decoration:none}.home-page .hp-channel-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .hp-channel-title:hover span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.home-page .hp-channel-meta{display:-webkit-box;margin:-.35rem 0 0;overflow:hidden;color:var(--hp-fg-muted);font-size:.9rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.home-page .hp-nowrap{font-variant-numeric:tabular-nums;white-space:nowrap}.home-page .hp-chart-list{display:grid;grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.home-page .hp-chart-list{grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);column-gap:3rem}}.home-page .hp-chart-row{display:flex;align-items:center;gap:1rem;min-height:56px;padding-block:.5rem;border-top:1px solid var(--hp-line)}.home-page .hp-chart-row:last-child{border-bottom:1px solid var(--hp-line)}@media(min-width:768px){.home-page .hp-chart-row:nth-child(5){border-bottom:1px solid var(--hp-line)}}.home-page .hp-rank{font-family:var(--hp-font);font-stretch:72%;font-variation-settings:"wdth" 72;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.92;flex:none;width:2.5ch;font-size:2rem;font-variant-numeric:tabular-nums;text-align:right;color:var(--hp-ink)}.home-page .hp-rank-first{color:var(--hp-accent-text)}.home-page .hp-chart-names{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;line-height:1.3}.home-page .hp-chart-artist{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .hp-chart-song{font-size:.95rem;color:var(--hp-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .hp-close{padding-block:clamp(4rem,2rem + 6vw,6rem);text-align:center}.home-page .hp-watch+.hp-close{border-top:1px solid var(--hp-line)}.home-page .hp-close-title{margin:0 auto;font-size:clamp(2.6rem,1rem + 6vw,6rem)}.home-page .hp-close-line{display:block}.home-page .hp-close-body{max-width:60ch;margin:1.75rem auto 2.25rem;color:var(--hp-white-muted)}.home-page .hp-close-note{margin:1.75rem 0 0;font-size:.9rem;color:var(--hp-white-muted)}.home-page .hp-close-note a{display:inline-block;padding-block:.7rem;color:var(--hp-white);text-decoration:underline;text-underline-offset:.2em}@media(prefers-reduced-motion:reduce){.home-page .hp-slide,.home-page .hp-slide.is-active{transition:none}.home-page .hp-slide.is-active img,.home-page .hp-slide.is-previous img{animation:none}.home-page .hp-credit-swap,.home-page .hp-dot:after{animation:none}.home-page .hp-still img,.home-page .hp-play-square,.home-page .hp-more svg{transition:none}.home-page .hp-play-square{transform:none}.home-page .hp-still:hover img,.home-page .hp-more:hover svg{transform:none}}[data-bs-theme=dark] .home-page{--hp-paper: #101010;--hp-ink: #f1efea;--hp-ink-muted: #a9a7a1;--hp-rule: rgba(255, 255, 255, .12);--hp-rule-strong: rgba(241, 239, 234, .45);--hp-field: #181818;--hp-surface: #161616;--hp-accent-text: #ff9b55}[data-bs-theme=dark] .home-page .hp-paper{border-block:1px solid var(--hp-rule)}[data-bs-theme=dark] .home-page .hp-find:has(+.hp-popular){border-bottom:0}[data-bs-theme=dark] .home-page .hp-find+.hp-popular{border-top:0}