:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ff-sans-headings: "BBH Sans Bartle", sans-serif;--ff-sans-headings-weight: 400;--ff-sans-headings-style: normal;--ff-sans-body: "Roboto Condensed", sans-serif;--ff-sans-body-weight: 400;--ff-sans-body-style: normal;--ff-serif: "Bodoni Moda", serif;--ff-serif-weight: 400;--ff-serif-style: normal;--bt-color-dark: #151715;--bt-color-light: #f5f7f5;--bt-color-near-light: #c0cfc0;--bt-color-near-dark: #393e39;--bt-skew: skew(0deg, -3deg);--bt-skew-offset: skew(0deg, 3deg)}a{font-weight:500;color:inherit;text-decoration:underline}a:hover{color:inherit;text-decoration:none}body{background-color:var(--bt-color-near-light);color:var(--bt-color-dark);margin:0;min-width:320px;min-height:100vh}a,blockquote,button,caption,cite,div,fieldset,figcaption,form,input,label,legend,li,nav,p,span,table{font-family:var(--ff-sans-body);font-optical-sizing:auto;font-size:1.125rem;font-weight:var(--ff-sans-body-weight);font-style:var(--ff-sans-body-style)}h1{font-family:var(--ff-sans-headings);font-weight:var(--ff-sans-headings-weight);font-style:var(--ff-sans-headings-style)}h2,h3,h4{font-family:var(--ff-sans-body);font-optical-sizing:auto;font-weight:700;font-style:var(--ff-sans-body-style)}h1{font-size:clamp(2rem,3vw + 1rem,3.5rem);line-height:1.1}button{border:1px solid transparent;padding:.6rem 1.2rem;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bt-color-dark);cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul,ol{padding-inline-start:25px}:is(ul,ol) li p{margin:0}nav ul{display:flex;flex-flow:row nowrap;align-items:center;list-style:none;margin:0;padding:0}nav ul li a{display:block;padding:1rem;text-decoration:none}nav ul li a:hover{text-decoration:none}form input{background-color:var(--bt-color-light);border-color:var(--bt-color-dark);border-style:solid;color:var(--bt-color-dark);padding:1rem}.bt-nav{background-color:var(--bt-color-near-dark);position:relative;transform:var(--bt-skew)}.bt-nav ul li a{color:var(--bt-color-light);font-weight:200}.bt-nav ul li a:hover{color:var(--bt-color-light)}.bt-nav:before{background-color:var(--bt-color-near-dark);content:"";position:absolute;top:-5vh;left:0;bottom:90%;right:0}.homepage.hero{flex-wrap:wrap;align-content:center}.homepage-site-title{font-size:6em}.homepage-site-title,.homepage-tagline{flex-basis:100%}.homepage-intro{text-align:center}.hero{aspect-ratio:10/3;background-blend-mode:overlay;background-color:var(--bt-color-dark);background-position:top center;background-repeat:no-repeat;background-size:cover;border:1rem solid var(--bt-color-light);color:#f5f7f5;display:flex;align-items:center;padding:2rem;position:relative;transform:var(--bt-skew);z-index:1}@media(min-width:768px){.hero{border:2rem solid var(--bt-color-light);padding:3rem}}.hero.release{background-position:top right;background-size:contain}.hero>*{transform:var(--bt-skew-offset)}.hero-heading{font-size:clamp(2rem,3vw + 1rem,3.5rem);margin:0;max-width:calc(100vw - 6rem);overflow-wrap:break-word}@media(min-width:768px){.hero-heading{max-width:calc(100vw - 10rem)}}.subhero-info{display:flex;justify-content:flex-end;font-size:1.125rem;padding:.5rem 1rem;transform:var(--bt-skew)}@media(min-width:768px){.subhero-info{padding:.5rem 2rem}}.subhero-info a{margin-inline-start:.25rem}.content{background-color:var(--bt-color-near-light);max-width:1280px;margin:0 auto;padding:2rem}@media(min-width:480px){:is(.content.bands,.content.releases,.content.musicians) ul{columns:2}}@media(min-width:768px){:is(.content.bands,.content.releases,.content.musicians) ul{columns:3}}.search{padding:2rem;border:.5rem solid var(--bt-color-near-dark)}.search form{display:flex;flex-flow:row nowrap}.search form input{flex:1}@media(min-width:480px){.release-content{display:flex;flex-flow:row nowrap;gap:2rem}}@media(min-width:480px){.release-content__left,.release-content__right{flex:1}}
