:root{--font-body: "IBM Plex Sans", "Helvetica Neue", sans-serif;--font-heading: "Oswald", "Helvetica Neue", sans-serif;--color-red: #7C1212;--color-grey: #A58F8F}body,html,#root{margin:0;padding:0;height:100%;min-width:320px}body{font-family:var(--font-body);font-weight:400;font-size:15px;color:var(--color-red);line-height:1.6}a{color:var(--color-red);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-red);outline-offset:2px}h5{font-family:var(--font-body);color:var(--color-red);margin:0;font-weight:600;font-size:1rem}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-red);margin:0;text-transform:uppercase}h1{font-size:1.5rem;font-weight:600}h2{font-size:1.2rem;font-weight:500}h3{font-size:.9rem;font-weight:500}@media (max-width: 768px){a{text-decoration:underline}}.pageContainer{width:100%;max-width:800px;margin-inline:auto;padding-inline:clamp(1.5rem,4vw,6rem);box-sizing:border-box;background-color:var(--color-white)}.headerContainer{display:flex;align-items:center;justify-content:space-between;position:relative;background-color:var(--color-white);padding:0rem}.headerMenu,.headerIcons{display:flex;align-items:center;gap:1.5rem}.headerMenu a{display:inline-flex;align-items:center;font-family:var(--font-heading);text-transform:uppercase;font-weight:500;font-size:.9rem}.headerMenu a,.headerIcons img{transition:opacity .2s ease;transition:transform .2s ease}.headerMenu a:hover{transform:scale(1.05);opacity:1}.headerIcons img:hover{transform:scale(1.1);opacity:1}.headerLogo{flex:1;display:flex;justify-content:center}.headerLogo img{height:96px;width:auto}.hamburger{display:none;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--color-red)}.mobileMenu{display:none}.carouselContainer{width:100vw;margin-left:50%;transform:translate(-50%);padding-inline:0}.contact,.members,.siteFooter{margin-top:6rem}.mainContactLinks{margin-top:2rem}.contactLink{display:flex;align-items:center;gap:.5rem}.contactText{margin:.2rem}.contactLink img{display:block}.contactLink.red{color:var(--color-red)}.contactLink.white{color:#fff}.carousel{position:relative;width:100%;aspect-ratio:2.35/1;overflow:hidden;display:flex;justify-content:center;align-items:center}.slide{width:100%;height:100%;object-fit:cover}.slide-hidden{display:none}.arrow{position:absolute;filter:drop-shadow(0px 0px 5px #555);width:2rem;height:2rem;color:#fff}.arrow:hover{cursor:pointer}.arrow-left{left:1rem}.arrow-right{right:1rem}.indicators{display:flex;position:absolute;bottom:1rem;align-items:center}.indicator{flex:0 0 auto;aspect-ratio:1 / 1;background-color:#fff;min-width:.5rem;border-radius:100%;border:none;outline:none;box-shadow:0 0 5px #555;margin:0 .2rem;cursor:pointer}.indicator-inactive{background-color:var(--color-grey)}.membersGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.5rem;margin-top:1.5rem;justify-content:center}.memberCard{display:flex;flex-direction:column;align-items:center;text-align:center}.memberCard img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:.8rem}.memberName{margin-top:.5rem;margin-bottom:0rem}.memberInstrument{margin:0}.siteFooter{padding:4rem 0rem;position:relative}.siteFooter:before{content:"";position:absolute;background-color:var(--color-red);width:100vw;inset:0 0 0 50%;transform:translate(-50%);z-index:-1}.footerContent{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-inline:auto;flex-wrap:wrap;gap:1rem}.bandName{color:#fff}.footerCredits p{margin:.2rem 0;color:#fff}.footerCredits{text-align:right}@media (max-width: 768px){.headerContainer{flex-wrap:wrap;justify-content:flex-end;align-items:center}.headerMenu,.headerIcons{display:none}.hamburger{display:flex}.mobileMenu{position:static;top:100%;width:100%;background-color:var(--color-white);display:flex;flex-direction:column;align-items:center;padding-bottom:.3rem}.mobileMenu a{margin:.25rem 0;font-family:var(--font-heading);text-transform:uppercase;font-weight:500;font-size:.9rem}.mobileIcons{display:flex;gap:1rem;margin:.5rem}.carouselContainer .carousel{aspect-ratio:16 / 10}.contact{margin-top:3rem}.members{margin-top:4rem}.membersGrid{grid-template-columns:repeat(auto-fit,200px)}.bandName{text-align:left}.footerContent{flex-direction:column;text-align:left}.footerCredits{text-align:left}.siteFooter{padding:3rem 0rem}}
