.hero{z-index:2;background:0 0;flex-direction:column;justify-content:flex-end;height:92svh;display:flex;position:relative}.hero__video-wrap{z-index:0;transition:filter 50ms linear;position:fixed;inset:0}.hero__video-wrap .media-video-wrapper{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero__video-wrap video,.hero__video-wrap .media-video{object-fit:cover;filter:grayscale(35%);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__video-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#08080840 45%,#080808f5 100%),linear-gradient(90deg,#08080859 0%,#0000 65%);position:absolute;inset:0}.hero__overlay{opacity:0;pointer-events:none;z-index:2;background:#080808;position:fixed;inset:0}.hero__gradients{pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#08080840 45%,#080808f5 100%),linear-gradient(90deg,#08080859 0%,#0000 65%);position:fixed;inset:0}.hero__content{z-index:10;padding:0 var(--ss-pad-x) clamp(5rem,9vw,8rem);position:relative}.hero__label{letter-spacing:.3em;text-transform:uppercase;color:#f0edea80;opacity:0;animation:fade-up .7s var(--ss-ease) .2s both;align-items:center;gap:.6rem;margin-bottom:1.75rem;padding-left:.5em;font-size:.7rem;display:inline-flex}.hero__title{font-family:var(--ss-font-display);letter-spacing:-.04em;text-transform:uppercase;color:var(--ss-white);margin-bottom:.75rem;font-size:clamp(3.5rem,13vw,15rem);font-weight:900;line-height:.88;overflow:hidden}.hero__title .line{display:block;overflow:hidden}.hero__title .line span{opacity:0;display:block;transform:translateY(110%)skewY(4deg)}.hero__title .line:first-child span{animation:word-in .9s var(--ss-ease) .32s both}.hero__title .line:nth-child(2) span{animation:word-in .9s var(--ss-ease) .48s both}.hero__desc{color:#f0edeaa6;opacity:0;max-width:600px;animation:fade-up .8s var(--ss-ease) .65s both;margin-bottom:2rem;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.6}.hero__desc strong{color:var(--ss-white);font-weight:500}.hero__bottom{opacity:0;animation:fade-up .8s var(--ss-ease) .8s both;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:2rem;display:flex}.hero__actions{flex-direction:column;align-items:flex-end;gap:1.25rem;display:flex}@media (max-width:600px){.hero__bottom{flex-direction:column;justify-content:flex-start;align-items:flex-start}.hero__actions{align-items:flex-start}}
.track-overlay{z-index:var(--z-modal,1500);backdrop-filter:blur(12px);background:#000000bf;justify-content:center;align-items:center;padding:80px 40px 40px;animation:.25s tm-fadeIn;display:flex;position:fixed;inset:0}@keyframes tm-fadeIn{0%{opacity:0}to{opacity:1}}.track-modal{gap:clamp(24px,4vw,56px);width:100%;max-width:960px;animation:.35s tm-slideUp;display:flex;position:relative}@keyframes tm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.track-modal__close{z-index:1;position:absolute;top:-48px;right:0}.track-modal__cover{aspect-ratio:1;background:var(--ss-surface);border-radius:8px;flex-shrink:0;width:clamp(280px,40vw,520px);position:relative;overflow:hidden}.track-modal__cover .media-image-wrapper{position:absolute;inset:0}.track-modal__cover .media-image{object-fit:cover;width:100%;height:100%}.track-modal__info{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.track-modal__artist{text-transform:uppercase;letter-spacing:.08em;color:var(--ss-muted);font-size:.78rem}.track-modal__title{text-transform:uppercase;color:var(--ss-text);margin:0;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:400;line-height:1.1}.track-modal__year{color:var(--ss-muted-2);margin-bottom:16px;font-size:.78rem}.track-modal__listen{align-self:flex-start;margin-top:8px}@media (max-width:768px){.track-overlay{align-items:center;padding:64px 16px 16px;overflow-y:auto}.track-modal{flex-direction:column;align-items:center;gap:20px;max-width:100%}.track-modal__cover{width:100%;max-width:none}.track-modal__info{text-align:center;align-items:center;width:100%}.track-modal__listeners-row{justify-content:center}.track-modal__listen{align-self:center}.track-modal__close{z-index:var(--z-modal,1500);position:fixed;top:16px;right:16px}}
