@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600&family=Poppins:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#fff;background-color:#141414;min-width:320px;margin:0;font-family:Poppins,sans-serif}li{text-decoration:none}header{z-index:10;background-color:#141414;width:100%;padding:20px 0;display:flex;position:fixed;top:0;left:0}header h1{z-index:10;width:clamp(230px,25vw,400px);position:absolute;top:-15px;left:10px}header h1 img{width:100%;height:auto}.menu-button{cursor:pointer;background:0 0;border:none;padding:0 1rem 0 0;display:none}.menu-button span{background-color:#fff;width:36px;height:4px;margin:6px 0;display:block}nav{margin-left:auto}nav ul{justify-content:flex-end;align-items:center;gap:clamp(10px,3vw,40px);margin:0;padding:0 1rem 0 0;list-style:none;display:flex}nav a{color:#fff;text-decoration:none}nav a:hover{text-decoration:underline}nav a:focus-visible{outline-offset:4px;outline:2px solid #fff}.hero{height:clamp(300px,80vw,1000px);margin-top:65px;position:relative}.hero img{object-fit:cover;object-position:center 50%;width:100%;height:100%}.hero p{z-index:20;max-width:500px;margin:0;padding:1.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.1rem,1.6vw,1.5rem);font-style:italic;font-weight:600;position:absolute;top:clamp(-.75rem,2vw - 1rem,.5rem);left:50%;transform:translate(-50%)}.featured-video{aspect-ratio:16/9;width:80%;margin:3rem auto;display:block}.upcoming-shows{flex-wrap:wrap;justify-content:center;column-gap:.5rem;width:80%;margin:0 auto;display:flex}.upcoming-shows h2{text-align:center;flex:0 0 100%;margin:1rem 0 2.5rem;font-size:clamp(1.5rem,2vw,2.2rem)}.show-poster,.show-text{flex:1 1 0;min-width:0}.show-text{padding-top:clamp(1rem,3vw,3rem)}.show-text h4{margin:0 0 1.25rem;font-size:clamp(1.25rem,1.6vw,1.8rem)}.show-text p{margin:0 0 1.25rem;font-size:clamp(1rem,1.25vw,1.3rem);line-height:1.6}.show-text h4+p{opacity:.75;margin-bottom:2rem;font-size:clamp(.9rem,1.05vw,1.1rem)}.show-poster{justify-content:center;align-items:flex-start;display:flex}.show-poster img{width:100%;max-width:500px;height:auto}#contact{width:min(70%,800px);margin:4rem auto}#contact form{flex-direction:column;display:flex}#contact h2{text-align:center;margin:0 0 2rem;font-size:clamp(1.5rem,2vw,2.2rem)}#contact label{margin-bottom:.3rem;font-size:clamp(1rem,1.25vw,1.3rem)}#contact input,#contact textarea{font:inherit;margin-bottom:1rem;padding:.6rem .75rem;font-size:clamp(.9rem,1.1vw,1.15rem)}#contact input:focus,#contact textarea:focus{outline-offset:2px;outline:2px solid #fff}#contact textarea{resize:vertical;min-height:100px}#contact button{font:inherit;align-self:flex-start;margin-top:.5rem;padding:.5rem 1.75rem;font-size:clamp(.9rem,1.1vw,1.15rem)}#contact button:hover{cursor:pointer}#contact button:focus-visible{outline-offset:4px;outline:2px solid #fff}.gallery{margin-top:65px}.gallery h1{text-align:center;font-size:clamp(1.5rem,3vw,2.2rem)}.gallery-tabs button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:none;padding:.5rem 2rem .5rem .75rem;transition:background-color .2s,color .2s}.gallery-tabs button:hover,.gallery-tabs button.active{color:#141414;background-color:#fff}.gallery-grid{grid-template-columns:repeat(3,30%);justify-content:space-between;row-gap:5rem;width:80%;margin:2rem auto;padding:1rem 0;display:grid}.gallery-grid img{aspect-ratio:3/4;object-fit:cover;border-radius:12px;width:100%;display:block}#inverhuron-gallery-bottom img{aspect-ratio:4/3}.gallery-videos{border-top:1px solid #fff;border-bottom:1px solid #fff;grid-template-columns:repeat(2,1fr);gap:1rem;width:80%;margin:2rem auto;padding:3rem 0;display:grid}.gallery-videos iframe{aspect-ratio:16/9;justify-self:center;width:80%}.drum-cam{width:80%;margin:0 auto}.drum-cam h1{text-align:center}.drum-cam-videos{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.drum-cam-videos iframe{aspect-ratio:16/9;border:0;width:100%}@media (width<=768px){.menu-button{margin-left:auto;display:block}header nav{display:none}header nav.open{background-color:#141414;width:70vw;display:block;position:absolute;top:100%;right:0}header nav.open ul{text-align:center;justify-content:space-evenly;align-items:center;height:100%;margin:0;padding:0;display:flex}header nav.open a{font-size:clamp(.8rem,2.5vw,1rem)}.hero{height:auto;margin-top:75px}.hero p{width:auto;max-width:none;margin:0;position:static;transform:none}.hero p,header nav.open{box-sizing:border-box;height:60px}.hero img{height:auto;display:block}.featured-video{margin-top:3rem}.upcoming-shows{align-items:flex-start}.show-poster,.show-text{flex:50%}.show-description{flex-basis:100%}.gallery-grid,.gallery-videos{grid-template-columns:1fr}}