@charset "utf-8";@import url(reset.css);@font-face{font-family:'Myriad Pro';font-style:normal;font-weight:400;src:local('Myriad Pro'),url(/fonts/mp.woff) format('woff')}body,html{margin:0;padding:0;min-height:100vh;background:#101010;color:#fff;font:normal 12px/20px Verdana,Arial,sans-serif;overflow:hidden}*{-webkit-tap-highlight-color:transparent;user-select:none!important}main{font-family:Verdana,Arial,sans-serif;font-size:15px;line-height:32px;width:calc(100% - 40px);padding:0 20px;margin:auto;height:calc(100vh - 18vh);display:flex;align-items:center;justify-content:center}main{font-family:Verdana,Arial,sans-serif;font-size:15px;line-height:32px;width:calc(100% - 40px);padding:4vh 0 0 20px;margin:auto;height:calc(100vh - 18vh);display:flex;align-items:center;justify-content:center;position:relative}main iframe{width:75vw;height:42.2vw;margin-top:20px;max-height:80vh;visibility:hidden}main iframe.ready{visibility:visible}main iframe.-v{width:100vw;height:56.5vw;margin:0 -20px 0 -20px}main .-video-wrapper{position:absolute;cursor:pointer;opacity:1;transition:opacity .35s ease;background:transparent url(../austinyt.jpg) center center no-repeat;background-size:cover;z-index:20}main .-video-wrapper.-hidden{opacity:0;pointer-events:none}main .-video-wrapper i{position:absolute;width:100%;height:16%;left:0;top:42%;background:transparent url(../zp.png) center center no-repeat;background-size:contain;opacity:.65;transform:scale(.85);transition:all .25s ease}main .-video-wrapper:hover i{opacity:1;transform:scale(1)}main .-video-wrapper.-hidden i{transform:scale(.5)}main a{color:#fff}main a:hover{color:#707070}ul.links{position:relative;display:block;width:calc(100% - 40px);max-width:1000px;padding:0 20px;margin:2vh auto;text-transform:uppercase;display:-moz-flex;align-items:-moz-flex-start;justify-content:-moz-space-between;display:-webkit-flex;align-items:-webkit-flex-start;justify-content:-webkit-space-between;display:flex;align-items:flex-start;justify-content:space-between}ul.links a{color:#fff;text-decoration:none}ul.links a:hover{text-decoration:underline;color:#707070}#page-roller{position:absolute;left:50%;top:50%;z-index:20;overflow:hidden;overflow:hidden;display:none}#page-roller.visible{display:block;opacity:0!important;z-index:100}#page-roller.visible.working{opacity:1!important}#page-roller.visible:not(.working),#page-roller.visible:not(.working) *{pointer-events:none!important}#page-roller .slide{position:absolute;left:0;top:0;width:100%;height:100%;transition:opacity .5s ease;opacity:0;pointer-events:none;visibility:hidden;border-right:1px solid #000}#page-roller.joined .slide{border-right:none;margin-right:-2px}@keyframes prlrotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prlmove{from{left:-10%;width:5%}50%{left:46%;width:8%}to{left:100%;width:5%}}#page-roller:not(.-init){transform:scale(.5,1)}#page-roller:not(.-init)::before{position:absolute;left:0;top:50%;width:100%;height:0;content:"";border-top:1px solid #606060}#page-roller:not(.-init)::after{position:absolute;left:0;top:50%;width:8%;height:0;content:"";border-top:1px solid #fff;animation:2s linear 0s infinite prlmove}#page-roller .slide.-starting.current{transition:opacity 1.5s ease .5s;transform:translateX(0)}#page-roller.-init .slide{opacity:1;z-index:10;visibility:visible}#page-roller.-init.-ready{background:#000}#page-roller.-init.-ready .slide{transition:all .5s ease}#page-roller .slide.current{opacity:1;pointer-events:all;z-index:20}#page-roller.-init .slide.-left{transform:translateX(-100%)}#page-roller.-init .slide.-right{transform:translateX(100%)}#page-roller.-touching .slide{transition:all 0s ease!important}#page-roller .slide>img{position:relative;width:100%;height:100%;object-fit:contain;pointer-events:none}#page-roller+.page-dots{position:absolute;z-index:10;height:5vh;width:100%;top:calc(50% + 1vh);left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-4vh);transition:all .7s ease}#page-roller.-init+.page-dots{transform:translateY(0);opacity:1}#page-roller+.page-dots>span{position:relative;width:3vh;height:3vh;cursor:pointer;border-radius:50%}#page-roller+.page-dots>span::before{content:"";position:absolute;width:3px;height:3px;background:#606060;border-radius:50%;left:calc(50% - 2px);top:calc(50% - 2px);transform:scale(1);transition:all .5s ease}#page-roller+.page-dots>span.current::before{background-color:#fff;transform:scale(1.5)}div.play{position:absolute;display:flex;align-items:center;justify-content:flex-end;left:50%;transition:opacity .5s ease;opacity:0;pointer-events:none}div.play.-init{opacity:1;pointer-events:all}div.play>a{position:relatitve;width:4vh;height:4vh;margin:0 0 0 2vh;background-position:center center;background-repeat:no-repeat;background-size:contain;opacity:.85;transform:scale(1);transition:all .3s ease}div.play>a.back{position:absolute;left:0;top:0;width:auto;text-decoration:none;font-size:4vh;line-height:4vh}div.play>a.back::before{content:"←"}div.play>a:hover{opacity:1;transform:scale(1.2);color:#fff}div.play>a.p_sp{background-image:url(/images/i_spotify.png?v=3)}div.play>a.p_ap{background-image:url(/images/i_apple.png?v=3)}div.play>a.p_bo{background-image:url(/images/i_boom.png?v=3)}div.play>a.p_vk{background-image:url(/images/i_vk.png?v=3)}div.play>a.p_ym{background-image:url(/images/i_yandex.png?v=3);transform:translateY(-1px) scale(1)}div.play>a.p_ym:hover{transform:translateY(-1px) scale(1.2)}#d-selector{position:absolute;left:0;top:0;width:100%;height:100%}#d-selector .album{max-width:50%;max-height:100%;overflow:hidden;position:absolute;left:50%;top:50%;margin:0 40px;cursor:pointer;opacity:1;transform:scale(1) translate(0,0);transition:all .4s ease}#d-selector .album.moved{opacity:0;z-index:0;pointer-events:none}#d-selector .album.current{pointer-events:none;Max-width:100%;max-height:100%;z-index:15}#d-selector .album .contents,#d-selector .album .play{display:none!important}#d-selector .album .cover,#d-selector .album .cover img{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}#d-selector .album .cover img{object-fit:contain}@media screen and (max-aspect-ratio:1/1){#d-selector{flex-direction:column}#d-selector .album{max-width:80%;max-height:40%}}@media (max-width:1030px){main,ul.links{max-width:660px}main{height:calc(100vh - 24vh)}}@media (max-width:600px){body{font-size:8.4px}}.debug{position:absolute;z-index:100;background:rgba(0,0,0,.3);color:#fff;left:0;top:0;padding:20px}