*{margin:0;padding:0}html{background:#1e1a20}body{padding-left:2.5%;padding-right:2.5%;overflow-x:hidden}.loading-bar{position:absolute;top:0;left:0;width:100%;height:5px;background:#fff;transform:scaleX(0);transform-origin:top left;transition:transform .5s;will-change:transform}.loading-bar.ended{transform:opacity(0);transition:transform .5s}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#1e1a20;z-index:10;opacity:1;will-change:opacity}.loading-screen.ended{opacity:0;transition:opacity .5s}.loading-text{text-align:center;font-family:League Gothic;font-size:4rem;position:relative;top:50%}h1{display:block;position:relative;text-align:center;text-wrap:nowrap;font-family:League Gothic;font-size:2.6rem;min-width:320px;color:#ffeded}h2{font-family:League Gothic;font-size:90px;line-height:90%;margin-bottom:4rem;letter-spacing:4px;color:#ffeded;font-weight:400}h3{font-family:League Gothic;font-size:1.5rem;margin-bottom:.5rem;letter-spacing:.5px;color:#ffeded;font-weight:400}p,ul{font-family:"PT Serif";font-size:1rem;margin-bottom:1rem;color:#ffeded}.webgl{position:fixed;top:0;left:0;min-width:320px;outline:none;z-index:2}.hero{display:flex;flex-direction:column;justify-self:center;justify-content:space-between;min-height:100vh;min-height:100dvh;text-transform:uppercase}.hero p{font-size:1rem;padding-bottom:1rem;z-index:4}.tagline{text-align:center;text-transform:none;font-size:1.5rem;margin-bottom:5%}.spacer{height:100vh}.content{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:30px;padding:5px}.aformats{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,auto);row-gap:50vh;grid-template-areas:"vinyl" "cassette" "cd" "mp3" "streaming" "whatsnext";padding-left:1rem;padding-right:1rem}.vrec{grid-area:vinyl;min-height:100vh;position:relative}.castape{grid-area:cassette;min-height:100vh;position:relative}.cd{grid-area:cd;min-height:100vh;position:relative}.mp3{grid-area:mp3;min-height:100vh;position:relative}.stream{grid-area:streaming;min-height:100vh;position:relative}.stream h2{font-size:90px}.whats-next{grid-area:whatsnext;min-height:75vh;position:relative}footer{position:relative;z-index:3;text-align:center;height:15vh;border-top-left-radius:20px;border-top-right-radius:20px;padding-bottom:20px}.icons{width:45px;padding:20px}footer p{text-align:center;color:#ffeded;font-family:League Gothic;letter-spacing:.25px;font-weight:400;font-size:1rem;margin-bottom:100px}@media (min-width: 501px){.aformats{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,auto);row-gap:50vh;grid-template-areas:". vinyl" "cassette ." ". cd " "mp3 ." ". streaming" "whatsnext .";padding-left:2rem;padding-right:2rem}h1{font-size:clamp(2.6rem,12dvw,250px)}h2{font-size:100px}h3{font-size:1.5rem}p{font-size:16px}.stream h2{font-size:90px}.webgl{z-index:0}.hero p{font-size:1.2rem}}@media (min-width: 1024px){.aformats{display:grid;grid-template-columns:.75fr 1fr .75fr;grid-template-rows:repeat(6,auto);row-gap:50vh;grid-template-areas:". . vinyl" "cassette . ." ". . cd " "mp3 . ." ". . streaming" "whatsnext . .";padding-left:3rem;padding-right:3rem}h2{font-family:League Gothic;font-size:186px;line-height:90%;margin-bottom:4rem;letter-spacing:4px;color:#ffeded;font-weight:400}h3{font-family:League Gothic;font-size:2rem;margin-bottom:.5rem;letter-spacing:.5px;color:#ffeded;font-weight:400}p,ul{font-family:"PT Serif";font-size:1.4rem;margin-bottom:1rem;color:#ffeded}.webgl{z-index:0}.stream h2{font-size:150px}}