*,*:after,*:before{box-sizing:border-box}:root{font-size:16px;--color-text: #fff;--color-bg: #000;--color-link: #fff;--color-link-hover: #36b9bb;--page-padding: 1.5rem;--contact-padding: 5rem;--color-card-1: #246185;--color-card-2: #9df2eb;--color-bg-card: rgba(255, 255, 255, .2);--color-bg-card-inner: rgb(44, 40, 44)}html{scroll-behavior:smooth}html,body{margin:0;background-color:#0a0a0a;color:var(--color-text);font-family:Courier New,Courier,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.webgl{position:fixed;top:0;left:0;height:100%;background-color:#020202}.js .loading:before,.js .loading:after{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer}a:hover{text-decoration:underline;color:var(--color-link-hover);outline:none;cursor:pointer}a:focus{outline:none;background:#d3d3d3}a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red;background:transparent}.frame{padding:var(--page-padding);position:relative;display:grid;z-index:1000;width:100%;height:100%;grid-row-gap:1rem;grid-column-gap:2rem;pointer-events:none;justify-items:start;grid-template-columns:auto auto;grid-template-areas:"title title"}.frame__contact{position:fixed;bottom:var(--contact-padding);right:var(--page-padding);width:50px;height:50px;font-size:14px;display:grid;place-items:center;cursor:pointer;border-radius:50%}.frame__sub{display:grid;position:fixed;bottom:var(--page-padding);right:var(--page-padding);width:50px;height:50px;border:1px solid var(--color-link-hover);place-items:center;border-radius:50%}.frame__sub:hover:before,.frame__sub:focus:before{content:"";position:absolute;width:30px;height:30px;top:-30%;left:-30%}.frame__sub img,svg{fill:var(--color-link-hover);width:25px;height:25px}.logo svg,png{width:25px;height:25px}.modal{pointer-events:none;opacity:0;transform:translate3d(0,20px,0);position:absolute;bottom:55px;right:0;background:#119bb3;color:#212525;width:280px;max-width:calc(100vw - var(--page-padding) * 2);line-height:1.4;padding:1.5rem;font-size:16px;border-radius:8px;transition:all .3s}.frame__sub:hover .modal,.frame__sub:focus,active .modal{pointer-events:auto;opacity:1;transform:translateZ(0)}.frame__sub:focus-visible{outline:none}.header{position:fixed;display:grid;z-index:1000;width:100%;height:auto;justify-items:start;left:0}nav{padding:1rem;position:fixed;display:grid;grid-template-columns:3fr 1fr;gap:2rem;z-index:1000}.social-wrapper{justify-content:flex-start;align-items:center;display:flex;position:relative}.social-icon{width:40px;height:40px;justify-content:center;align-items:center;display:flex;row-gap:4rem;position:relative;cursor:pointer}.social-circle{width:100%;height:100%;background-color:#000;border-radius:100%;position:absolute;z-index:auto;flex-wrap:normal}.animation-image{z-index:1;width:20px;max-width:100%;filter:invert();position:relative}.logo{width:40vw;height:40vh;max-width:100%;display:inline-block;position:static;z-index:1;transform:scale(.75)}.hero{float:left;width:100%;padding:2em 4em;height:calc(100% - 3em)}.section{padding:10px;position:fixed;overflow:hidden;z-index:1000}.intro{width:100%;display:grid;grid-template-columns:100%;grid-template-rows:20vh 20vh auto;grid-template-areas:"intro-title" "intro-hint" "...";place-items:center;margin:2px 2px 0 0;padding:2 var(--page-padding)}.intro__title{text-transform:uppercase;font-size:clamp(2rem,7vw,8rem);font-weight:400;position:relative;z-index:100000;align-self:center;margin:0;text-align:center}.intro__hint{grid-area:intro-hint;position:relative;z-index:100000;align-self:center;font-size:1.5rem;text-align:center}.intro__hint:after{content:"»";position:absolute;top:100%;left:0%;text-align:center;font-size:3rem;width:100%;transform:rotate(90deg);animation:pulse .3s linear alternate infinite}@keyframes pulse{to{top:120%}}.music{z-index:1000;top:120px;right:5rem;position:relative}.circle{top:450px;position:absolute;cursor:pointer;z-index:100;right:5rem}.link{z-index:10001;display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;text-decoration:none}.card1{width:200vw;height:80vh;max-width:255px;min-width:150px;aspect-ratio:2/3;font-size:9px;text-transform:uppercase;padding:5px;display:grid;grid-template-columns:1fr 1fr;border-radius:10px;position:relative;align-items:stretch;background:var(--color-bg-card);opacity:.8}.card{width:30vw;max-width:255px;min-width:150px;aspect-ratio:2/3;font-size:9px;text-transform:uppercase;padding:5px;display:grid;grid-template-columns:1fr 1fr;border-radius:10px;position:relative;align-items:stretch;background:var(--color-bg-card);opacity:.8;grid-template-areas:"card-img card-img" "card-title card-meta" "card-subtitle card-subtitle" "card-desc card-desc"}.card-wrap{margin-top:5vh;display:grid;grid-gap:2rem;grid-auto-flow:row;grid-template-columns:250px;text-align:center;justify-items:center}.card--rel{align-items:start;background:#ffffff1a}.card--rel .card__img{aspect-ratio:4 / 3;filter:contrast(.8)}.section-title{position:relative;width:100%;display:grid;place-items:center;font-size:clamp(2rem,6vw,6rem);line-height:1;font-weight:400;margin:25vh auto 0;max-width:600px;text-align:center;text-transform:uppercase;z-index:1000;padding:3rem}.music-title{position:relative;width:100%;display:grid;place-items:center;font-size:clamp(2rem,6vw,6rem);line-height:1;font-weight:400;margin:25vh auto 0;max-width:600px;text-align:center}.content .card{grid-area:card;background:#84808f5c}.grid{position:relative;perspective:1000px;align-self:start;grid-area:intro-title;grid-row:1 / span 3;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:2rem;filter:brightness(70%);padding:4rem}.grid .card .card1{box-shadow:0 2px 7px #000c}.card:nth-child(n){--color-card: var(--color-card-1)}.card:nth-child(2n){--color-card: var(--color-card-2)}.card:nth-child(3n){--color-card: var(--color-card-3)}.card__img{grid-area:card-img;background-size:cover;background-position:fill;aspect-ratio:1;max-width:100%;border-radius:6px 6px 0 0;background-repeat:no-repeat}.about{opacity:0;will-change:transform,opacity;visibility:hidden;text-align:center;position:relative;z-index:1000}.container{position:relative;width:40vw}.footer{flex-direction:column;align-items:center;display:flex;position:relative;top:8px;z-index:10000;padding:10vh 0 0}.container__footer{z-index:1000;width:100%;grid-template-columns:2fr 2fr;align-items:center;grid-gap:2rem;bottom:0}.p{margin:10 vh 0}.soundcloud{max-width:100%;height:auto;display:block;position:relative;width:30vw;max-width:255px;min-width:150px;aspect-ratio:2/3}.card>*{background-color:var(--color-bg-card-inner)}.outro{display:grid;place-items:center;margin:40vh 0}.outro__title{font-weight:300;font-size:clamp(1.5rem,10vw,2rem)}.card--rel .card__title{grid-column-end:3;background:none;font-size:1.5rem;font-weight:400;text-transform:none;padding:2rem 1rem 1rem}@media screen and (min-width: 53em){.frame{grid-template-columns:auto auto auto 1fr;grid-template-rows:auto auto;align-content:space-between;grid-template-areas:"title back archive sponsor" "hire ... ... sub"}.frame__sub{justify-self:end}.frame__title{padding-right:4rem}.frame__hire{align-self:end}.nav{grid-template-columns:1fr;gap:1rem}.circle{right:30%;left:auto}.card{width:70%}.modal{bottom:50px;right:50px}.intro{grid-template-rows:60vh 40vh auto}.intro__title{align-self:end}.grid{padding:10}.content{min-height:100vh;justify-content:center;align-items:center}.card-wrap{grid-template-columns:repeat(2,300px)}.soundcloud{max-width:50%;height:auto;display:block;transform:rotateX("angle")}}@media screen and (max-width: 430px){.frame{padding:1rem;grid-template-columns:1fr;grid-row-gap:.5rem;grid-column-gap:1rem}.intro__title{font-size:clamp(1.5rem,5vw,4rem)}.intro__hint{font-size:1rem}.circle{right:5%;left:auto;top:500px;width:80px;height:80px}.link{left:50%;top:50%;transform:translate(-50%,-50%);font-size:.8rem}.card1{width:100%;max-width:200px;min-width:120px;font-size:8px;padding:4px}.nav{padding:.5rem;grid-template-columns:1fr;gap:.5rem}.header{height:auto}.logo{width:60vw;height:auto;transform:scale(.5)}.music{top:20px;right:15rem}.section-title{font-size:clamp(1.5rem,4vw,3rem);margin:15vh auto 0}.soundcloud{width:50%;height:auto;transform:rotate(45deg)}.about{font-size:.9rem;padding:.5rem}.container{width:80vw}.card{width:80%}.grid{padding:1rem;gap:1rem}.footer{padding:5vh 0 0}.frame__contact,.frame__sub{width:40px;height:40px;font-size:12px}}