@font-face{font-family:SoundtrackAeonik;font-style:normal;font-weight:400;src:url(/assets/SoundtrackAeonik-Medium-BRUaS4tK.woff2) format("woff2"),url(/assets/SoundtrackAeonik-Medium-DEHbw-38.woff) format("woff")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;line-height:1.25;font-size:calc(1vw + 1vh + .5vmin)}body{--display-transition: 1s ease-in-out;min-height:100%;font-family:SoundtrackAeonik,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:-.025em;-webkit-font-smoothing:antialised;overflow:hidden;color:rgba(255,255,255,.98);background:#141414;transition:all var(--display-transition);transition-property:color,background-color;transform:translateZ(0)}body.bright{color:rgba(0,0,0,.98);background:#fafafa}.subtle{color:rgba(255,255,255,.6);transition:color var(--display-transition)}body.bright .subtle{color:rgba(0,0,0,.4)}h1,h2,h3,h4,h5,h6,p{font-size:1em;font-weight:400}.gradient-container{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;z-index:-1}.gradient{position:absolute;bottom:0;right:0;width:300%;height:300%;animation:around 120s linear infinite;transition:all var(--display-transition);transition-property:visibility,opacity}.safari .gradient{animation-name:around-safari}.ie .gradient{animation:none}.track{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(min-content,4fr) 6fr;grid-template-rows:1fr auto;grid-template-areas:"info image" "logo image";justify-content:center;align-content:center;grid-gap:2em;gap:2em;padding:2em;overflow:hidden}.ie .track{display:flex;flex-direction:row-reverse}.track__image img{-o-object-fit:contain;object-fit:contain;float:right;max-width:100%;max-height:100%;border-radius:8px;border-radius:max(1vmin,8px)}.track .brand-logo-spacing{grid-area:logo;height:2em;max-width:100%}.brand-logo img{position:fixed;bottom:2em;left:2em;filter:invert(1);height:2em;max-width:100%;transition:filter var(--display-transition)}body.bright .brand-logo img{filter:invert(0)}.track__info{grid-area:info;max-width:100%;opacity:1;transition:opacity var(--display-transition);word-wrap:break-word}@media (max-aspect-ratio: 5/4){.track{grid-template-columns:calc(100vw - 4em);grid-template-rows:auto 1fr auto;grid-template-areas:"image" "info" "logo";align-content:start}.track__image{display:flex;justify-content:center;align-items:center}.ie .track{flex-direction:column;justify-content:flex-start}.brand-logo img{height:2em}}@media (min-aspect-ratio: 5/4){.track__info{max-width:60vw}}.track__image{grid-area:image;transform:translateZ(0);opacity:1;overflow:hidden}.ie .track__image{flex:1}.track__header{margin-bottom:.5em}.track__artists,.track__name{font-size:2em}.track__artists:after,.track__name:after{content:"​"}.paused .track .gradient,.paused .track__info,.paused .track__image{opacity:0}@keyframes to-left{0%{opacity:1}to{opacity:0;transform:translate(-10em)}}@keyframes from-right{0%{opacity:0}to{opacity:1;transform:translate(0)}}.track.leaving .track__header{visibility:hidden}.track.leaving .track__artists,.track.leaving .track__name,.track.leaving .track__image{transform:translate(0);animation:to-left var(--display-transition) forwards}.track.leaving .track__artists{animation-delay:.1s}.track.entering .track__artists,.track.entering .track__name,.track.entering .track__image{transform:translate(10em);opacity:0;animation:from-right var(--display-transition) forwards;animation-delay:.5s}.track.entering .track__artists{animation-duration:1.2s}.track.leaving .gradient,.track.entering .gradient{opacity:0}.gradient--idle{background-color:#509bf5;background-image:linear-gradient(135deg,#f037a5,#509bf5,#f037a5,#509bf5);opacity:0;visibility:hidden;animation:slide 60s linear infinite}.safari .gradient--idle{animation-name:slide-safari}.paused .gradient--idle{opacity:1;visibility:visible}.gradient.leaving{opacity:0}.paused .gradient.entering{opacity:1}@keyframes slide{0%{transform:translate(0)}to{transform:translate(66.6667%,66.6667%)}}@keyframes slide-safari{0%{bottom:0;right:0}to{bottom:-200%;right:-200%}}@keyframes around{0%{transform:translate(0)}25%{transform:translateY(66.6667%)}50%{transform:translate(66.6667%,66.6667%)}75%{transform:translate(66.6667%)}to{transform:translate(0)}}@keyframes around-safari{0%{bottom:0;right:0}25%{bottom:-200%;right:0}50%{bottom:-200%;right:-200%}75%{bottom:0;right:-200%}to{bottom:0;right:0}}