:root{

}
html {
 scroll-behavior: smooth;
 overflow-x: hidden;
}
body {
  font-family: "Josefin Sans", sans-serif;
  background: rgb(0,21,55);
  background: -moz-linear-gradient(90deg, rgba(0,21,55,1) 0%, rgba(0,21,55,1) 50%, rgba(0,21,55,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0,21,55,1) 0%, rgba(0,21,55,1) 50%, rgba(0,21,55,1) 100%);
  background: linear-gradient(90deg, rgb(2 15 37) 0%, rgb(5 23 52) 50%, rgb(0 14 38) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001537",endColorstr="#001537",GradientType=1);
  overflow-x: hidden;
}h1 {
  font-size: 3em;
  font-family: "Josefin Sans", sans-serif;
  color: #ffffff;
  margin: 30px 0;
}h2 {
  font-size: 2em;
  font-family: "Josefin Sans", sans-serif;
  color: #ffffff;
  margin: 10px 0;
}h3 {
  font-size: 1.6em;
  font-family: "Josefin Sans", sans-serif;
  color: #ffffff;
  margin: 10px 0;
}p {
    font-family: "Josefin Sans", sans-serif;
    font-size: 16px;
    line-height: 1.9;
    color: #ffffff;
	margin-top: 20px;
}ul {
  font-family: "Josefin Sans", sans-serif;
  font-size: 17px;
  line-height: 1.9;
  color: #ffffff;
}.title {
    z-index: 2;
    position: relative;
}.row {
  max-width: 65em;
}.column.large-centered, 
.columns.large-centered {
  float: none !important;
}.row.full-width {
  max-width: 100%;
}.padding-top {
  padding-top: 100px;
}.padding-bottom {
  padding-bottom: 100px;
}.vertical-padding-small {
  padding-top: 40px;
  padding-bottom: 30px;
}.vertical-padding-medium {
  padding-top: 70px;
  padding-bottom: 70px;
}.vertical-padding-large {
  padding-top: 100px;
  padding-bottom: 100px;
}.padded{
  padding:5.5%
}.animate-scroll {
  opacity: 0;
  -webkit-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}.animate-scroll.done {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-left.animate-scroll {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}.from-right.animate-scroll {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}.from-bottom.animate-scroll {
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}.from-left.animate-scroll.done {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-right.animate-scroll.done {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-bottom.animate-scroll.done {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.pull-up {
    margin-top: -15vw;
}

/**Header***/
.header-wrapper {
    position: fixed;
    z-index: 9;
    width: 100%;
    top: 0;
    backdrop-filter: blur(1px);
    background: #0000008c;
	transition:all 400ms ease-in-out;
}.header-wrapper.sticky-active {
    background: #ffffffde;
    backdrop-filter: blur(3px);
    display: flex;
    box-shadow: 0px 2px 10px 0px #9e9e9ead;
    filter: invert(1) hue-rotate(188deg);
}.main-home-section {
	background-size:cover !important;
	height:47.3vw;
}.main-home-section::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, #031430 6%, transparent 13%);
}.nhi-section {
    height: 100%;
    width: 100%;
    top: -10vw;
	transition: all 1.5s ease-in-out;
	opacity:0;
	display:flex;
}.nhi-section.loaded{
	top: 3vw;
    opacity: 1;
}.nhi-section .title {
    margin-top: auto;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
}.entity {
	background: url(https://hyperspheremetal.com/wp-content/uploads/2024/03/background-nhi.png);
	position: absolute;
	margin:0 auto;
	background-repeat: no-repeat;
	background-size: 100vw;
	animation-timing-function: ease-in-out;
	image-rendering: pixelated;
}.nhi-1{
	width: 5vw;
	height: 12vw;
	background-position: 50% 30%;
	left: 0;
	right: 0;
	top: 10.5vw;
	animation: float 4s infinite;
	animation-delay: -2s;
}.nhi-2{
	width: 2.5vw;
	height: 7vw;
 	background-position: 56.3% 45%;
	left: 12vw;
	right: 0;
 	top: 19.6vw;
	animation: float 4s infinite;
  }.nhi-3{
	width: 2.5vw;
	height: 7vw;
 	background-position: 45.4% 49%;
	left: -9vw;
	right: 0;
 	top: 21.6vw;
	animation: float 4s infinite;
	animation-delay: -3s;
 }.nhi-4{
	width: 2.5vw;
	height: 7vw;
 	background-position: 60.3% 49%;
	left: 20vw;
	right: 0;
 	top: 21.6vw;
	animation: float 4s infinite;
	animation-delay: -1s;
 }.nhi-5{
	width: 2.5vw;
	height: 7vw;
 	background-position: 52.8% 53%;
	left: 5.5vw;
	right: 0;
 	top: 23.6vw;
	background-size: 100vw;
	animation: float 5s infinite;
	animation-delay: -2s;
}.nhi-6{
	width: 1.3vw;
	height: 2.7vw;
 	background-position: 49.6% 57.5%;
	left: -0.8vw;
	right: 0;
 	top: 28.3vw;
	animation: float 5s infinite;
	animation-delay: -3s;
 }.nhi-7{
	width: 1vw;
	height: 1.8vw;
 	background-position: 50.7% 61.3%;
	left: 1.4vw;
	right: 0;
 	top: 30.9vw;
	animation: float 5s infinite;
	animation-delay: -2s;
}
@keyframes float{
	0% {
	 transform:translateY(0px)
	}50%{
	  transform:translateY(10px)
	}100%{
      transform:translateY(0px)
	}
}.tippy-content p {
    line-height:1.1;
    text-align:left;
    font-size:14px !Important;
}.fog-asset {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 12030px;
  height: 90vh;
  -webkit-animation: cloud_loop 100s linear infinite;
  animation: cloud_loop 100s linear infinite;
  background: url('https://hyperspheremetal.com/wp-content/uploads/2026/05/clouds-scaled.webp');
  background-repeat: repeat-x;
  opacity: 0.5;
  mix-blend-mode: color-dodge;
}
 @keyframes cloud_loop {
        {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-4010px);
        }
}@keyframes glitch-anim-text {
	0% { 
		transform: translate3d(10px,0,0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	2% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	4% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	7% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	8% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	9% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	9.9% {
		transform: translate3d(10px,0,0) scale3d(-1,-1,1);
	}
	10%, 100% {
		transform: translate3d(0,0,0) scale3d(1,1,1);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
} 

/**Navigation **/
.navigation-wrapper {
    display: flex;
    justify-content: center;
}.top-bar {
    display: inline-block;
	background:none
}.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: none;
    color: #ffffff;
}.top-bar-section li:not(.has-form) a:not(.button) {
	font-family: "Josefin Sans", sans-serif;
}.top-bar-section li:not(.has-form) a:not(.button):hover {
    background: none;
    color: #a2eeff;
}.coming-soon .social-wrapper {
    position: relative;
    width: 100%;
}.social-wrapper {
    position: absolute;
    width: auto;
    right: 0;
    height: 45px;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 9;
}.social-wrapper .fa {
    font-size: 1.3em;
    margin: 1px 13px;
    color: #ffffff;
}.social-wrapper p {
    margin: 0;
	line-height:1;
}.logo-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 6vw;
    z-index: 0;
    mix-blend-mode: overlay;
}.logo-wrapper .nyvo-logo-shortcode{
    animation-name: glitch-anim-text;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
    animation-delay: calc(2s + 4s* 0.25);
}

/* Buttons */
.button-wrapper {
	position: relative;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	float:left;
	border: 1px solid #000;
	font-weight: 300;
	transition: 0.5s;
	letter-spacing: 1px;
}.button-wrapper br {
    display: none;
}.button-wrapper .button {
	width: 101%;
	height: 100%;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	background: #fff;
    -webkit-mask: url(https://hyperspheremetal.com/wp-content/uploads/2026/05/nature-sprite.png);
    mask: url(https://hyperspheremetal.com/wp-content/uploads/2026/05/nature-sprite.png);
	-webkit-mask-size: 2300% 100%;
	mask-size: 2300% 100%;
	border: none;
	color: #000;
	-webkit-animation: ani2 0.7s steps(22) forwards;
	animation: ani2 0.7s steps(22) forwards;
	margin: 0;
	border: 1px solid black;
	font-family: monospace;
	display: flex;
    align-items: center;
    padding: 0;
    gap: 5px;
    justify-content: center;
    flex-direction: column;
}
.button-wrapper .button:hover {
	-webkit-animation: ani 0.7s steps(22) forwards;
	animation: ani 0.7s steps(22) forwards;
}

.button-wrapper .text {
	color: #fff;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	font-size: 14px;
	overflow: hidden;
	font-weight: bold;
	display: block;
	margin: 0;
	padding-top: 0.999rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	line-height: normal;
	background: #3a5369;
	border: 1px solid white;
	font-family: monospace;
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex: 1;
    flex-direction: column;
}

@-webkit-keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}

@-webkit-keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}

@keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}


.project-wrapper::before {
    content: "";
/*     background: url(https://previews.nyvoweb.com/hypersphere/wp-content/uploads/sites/29/2024/06/border-top.png); */
    left:0;
    top:0;
    position:absolute;
    width:100%;
    height: 149px;
    background-size: contain;
    top: -100px;
	background: linear-gradient(180deg, #04060e00 0%, #1c2134 60%);
}.project-wrapper::after {
    content: "";
    background: url(https://hyperspheremetal.com/wp-content/uploads/2024/06/border-bottom.png);
    left:0;
    position: absolute;
    width:100%;
    height: 149px;
    background-size: contain;
    bottom: -80px;
}
.project-wrapper { 
    position: relative;
	background:#092237;
    filter: brightness(0.8) contrast(1.2) saturate(0.4);
	background-image: url(https://hyperspheremetal.com/wp-content/uploads/2025/07/section-bg.png);
	background-size:cover;
}
.musicians-wrapper::after {
    content: "";
    background: url(https://hyperspheremetal.com/wp-content/uploads/2026/05/dark-grunge-texture-overlay-xkl2gztwkwttwpdz.png);
    background-size: cover;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
    mix-blend-mode: color-burn;
    opacity: 1;
    z-index: -1;
}.musicians-wrapper {
    position: relative;
}.members-list .flag::before {
    content: '';
    width: 43px;
    height: 23px;
    transform: skewY(0deg);
    display: block;
    position: absolute;
    left: 0;
    margin-top: 8px;
    filter: grayscale(0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}.members-list .flag.ca::before {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDY0MDAgMzIwMCI+DQo8cGF0aCBmaWxsPSIjZjAwIiBkPSJtMCwwaDY0MDB2MzIwMGgtNjQwMHoiLz4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xNjAwLDBoMzIwMHYzMjAwaC0zMjAweiIvPg0KPHBhdGggZmlsbD0iI2YwMCIgZD0ibTMxOTkuOTUyNiwyOTBsLTIwOS41OTExLDQwOC43MWMtMjMuNzgyNSw0NC40Mi02Ni4zOTM3LDQwLjMtMTA5LjAwNDksMTUuNDlsLTE1MS43MzgzLTgyLjE1IDExMy4wOTI5LDYyNy43N2MyMy43ODI2LDExNC42OS01Mi41MjI1LDExNC42OS05MC4xNzk1LDY1LjFsLTI2NC44MTI4LTMwOS45NS00Mi45OTE5LDE1Ny40Yy00Ljk1NzcsMjAuNjctMjYuNzU2LDQyLjM4LTU5LjQ1ODUsMzcuMjFsLTMzNC44NTg4LTczLjYxIDg3Ljk1MjgsMzM0LjMyYzE4LjgyODQsNzQuMzkgMzMuNTE0OSwxMDUuMTktMTkuMDA4LDEyNC44MWwtMTE5LjM1NDUsNTguNjUgNTc2LjQzNzksNDg5LjU0YzIyLjgxNTcsMTguNTEgMzQuMzQzMiw1MS44MiAyNi4yMjA2LDgxLjk4bC01MC40NTA2LDE3My4xYzE5OC40NzYxLTIzLjkyIDM3Ni40MTg4LTQ1LjMzIDU3NC44OTA0LTY5LjIyIDE3LjYzNTMtLjIzIDQ2Ljg3NzksMTUuNDQgNDYuNzU3NSwzNi42OGwtMjYuMjk3Nyw2MzQuMTdoOTYuNWwtMTUuMTkwMi02MzIuODFjLS4xMjA1LTIxLjI0IDI2LjM5ODQtMzguMjcgNDQuMDMzNy0zOC4wNCAxOTguNDcxNiwyMy44OSAzNzYuNDE0NSw0NS4zIDU3NC44OTA2LDY5LjIybC01MC40NTA1LTE3My4xYy04LjEyMjYtMzAuMTYgMy40MDQ4LTYzLjQ3IDI2LjIyMDUtODEuOThsNTc2LjQzNzgtNDg5LjU0LTExOS4zNTQ0LTU4LjY1Yy01Mi41MjMtMTkuNjItMzcuODM2NC01MC40Mi0xOS4wMDgxLTEyNC44MWw4Ny45NTMtMzM0LjMyLTMzNC44NTksNzMuNjFjLTMyLjcwMjUsNS4xNy01NC41MDA4LTE2LjU0LTU5LjQ1ODYtMzcuMjFsLTQyLjk5MTktMTU3LjQtMjY0LjgxMjcsMzA5Ljk1Yy0zNy42NTcxLDQ5LjU5LTExMy45NjIyLDQ5LjU5LTkwLjE3OTYtNjUuMWwxMTMuMDkyNy02MjcuNzctMTUxLjczOCw4Mi4xNWMtNDIuNjEyMywyNC44MS04NS4yMjI0LDI4LjkzLTEwOS4wMDUtMTUuNDkiLz4NCjwvc3ZnPg0K');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
}.members-list .flag.fr::before {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
}.members-list .flag.de::before {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
}.members-list .flag.us::before {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjM1IDY1MCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPGRlZnM+DQo8ZyBpZD0idW5pb24iPg0KPHVzZSB5PSItLjIxNiIgeGxpbms6aHJlZj0iI3g0Ii8+DQo8dXNlIHhsaW5rOmhyZWY9IiN4NCIvPg0KPHVzZSB5PSIuMjE2IiB4bGluazpocmVmPSIjczYiLz4NCjwvZz4NCjxnIGlkPSJ4NCI+DQo8dXNlIHhsaW5rOmhyZWY9IiNzNiIvPg0KPHVzZSB5PSIuMDU0IiB4bGluazpocmVmPSIjczUiLz4NCjx1c2UgeT0iLjEwOCIgeGxpbms6aHJlZj0iI3M2Ii8+DQo8dXNlIHk9Ii4xNjIiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPC9nPg0KPGcgaWQ9InM1Ij4NCjx1c2UgeD0iLS4yNTIiIHhsaW5rOmhyZWY9IiNzdGFyIi8+DQo8dXNlIHg9Ii0uMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMjUyIiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InM2Ij4NCjx1c2UgeD0iLS4wNjMiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPHVzZSB4PSIuMzE1IiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InN0YXIiPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0ibWF0cml4KC0uODA5MDIgLS41ODc3OSAuNTg3NzkgLS44MDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIgdHJhbnNmb3JtPSJtYXRyaXgoLjMwOTAyIC0uOTUxMDYgLjk1MTA2IC4zMDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDcyKSIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDE0NCkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNmZmYiIGlkPSJwdCIgZD0iTS0uMTYyNSwwIDAtLjUgLjE2MjUsMHoiIHRyYW5zZm9ybT0ic2NhbGUoLjA2MTYpIi8+DQo8cGF0aCBmaWxsPSIjYmYwYTMwIiBpZD0ic3RyaXBlIiBkPSJtMCwwaDEyMzV2NTBoLTEyMzV6Ii8+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMCwwaDEyMzV2NjUwaC0xMjM1eiIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjEwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSIyMDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iMzAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjQwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSI1MDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iNjAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8cGF0aCBmaWxsPSIjMDAyODY4IiBkPSJtMCwwaDQ5NHYzNTBoLTQ5NHoiLz4NCjx1c2UgeGxpbms6aHJlZj0iI3VuaW9uIiB0cmFuc2Zvcm09Im1hdHJpeCg2NTAgMCAwIDY1MCAyNDcgMTc1KSIvPg0KPC9zdmc+DQo=');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
}.members-list .flag.ro::before {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTAgMzAwIj4NCjxwYXRoIGZpbGw9IiMwMDJiN2YiIGQ9Im0wLDBoMTUwdjMwMGgtMTUweiIvPg0KPHBhdGggZmlsbD0iI2ZjZDExNiIgZD0ibTE1MCwwaDE1MHYzMDBoLTE1MHoiLz4NCjxwYXRoIGZpbGw9IiNjZTExMjYiIGQ9Im0zMDAsMGgxNTB2MzAwaC0xNTB6Ii8+DQo8L3N2Zz4NCg==');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
}.members-list .flag {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 10px;
    filter: brightness(0.5);
}.artist-wrapper {
    display: flex;
    flex-wrap: wrap;
}.artist-wrapper p {
    font-size: 1.4em;
    font-family: "Syne Mono", monospace;
    font-weight: 100;
    text-transform: capitalize;
}.artist-wrapper p span {
    font-size: 0.67em;
    display: block;
    padding: 0;
    margin: 0;
    line-height: 1.3;
    position: relative;
}.artist-wrapper p span::before {
    content: "";
    width: 100%;
    position: absolute;
    height: 14px;
    left: -6px;
    right: 0;
    background: #092a34ba;
    mix-blend-mode: darken;
    top: 0;
    transform: rotate(12deg);
}.artist-wrapper p span::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 36px;
    left: -10px;
    right: 0;
    background: linear-gradient(45deg, #002545, transparent);
    mix-blend-mode: lighten;
    top: -80px;
 }.sphere-icon::before {
    content: "";
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    top: -20px;
    position: relative;
    overflow: hidden;
    background-image: url(https://hyperspheremetal.com/wp-content/uploads/2026/05/entityanimation.webp);
    mix-blend-mode: hard-light;
    box-shadow: 1px 0px 20px 8px #85909e;
}.releases-section{
	background:url('https://hyperspheremetal.com/wp-content/uploads/2025/07/section-bg.png');
	background-size:cover;
	background-color: #000000;
	position:relative;
}.releases-section::before{
	content:url(https://hyperspheremetal.com/wp-content/uploads/2024/06/border-top.png);
	top: -200px;
	position: absolute;
	width: 100%;
	left: 0;
	filter: brightness(0.0);
	z-index: -1;
}

.contactform .button {
  background: #000000;
}.contactform .button.btn:hover {
  background: #909090;
  color: #000000;
}ul.contactform {
  margin: 0;
  list-style-type: none;
}.contactform label {
  display:none;
}.contact-page .contactform input,
.contact-page .contactform textarea {
  border-radius: 5px;
  border: 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
   background:whitesmoke;
}
@media only screen and (max-width:1025px){
    .title {
        padding: 0 1px 0px 0;
        line-height: 0.8;
        font-size: 4vw;
        top: 0;
    }main .main-home-section {
        background-position: center center;
        height: 56vw;
        overflow: visible;
		background-size: cover;
    }main .logo-wrapper .nyvo-logo-shortcode {
        filter: invert(0);
        width: 61vw;
        margin: 0 auto;
        display: flex;
    }.navigation-wrapper {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }.social-wrapper {
        justify-content: unset;
        width: 50%;
        height: auto;
        top: 11px;
        right: inherit;
    }nav.top-bar {
        z-index: 1;
        position: relative;
    }.header-wrapper {
        background: #000000;
    }.top-bar .title-area {
    	display: none;
	}.top-bar-section .menu {
		display: flex;
		flex-direction: row;
		justify-content: end;
		gap: 10px;
		padding: 0 40px;
	}
}
@media only screen and (max-width:767px){
	p {
		line-height: 1.5;
		font-size: 16px;
	}nav.top-bar{
		height:auto
	}.logo-wrapper {
		bottom: 0px;
		padding: 20px 5px;
		top: 80px;
	}.header-wrapper {
		position: relative;
	}.logo-wrapper .nyvo-logo-shortcode {
		filter: invert(1);
		width: 250px;
		left: 0;
		right: 0;
		margin: 0 auto;
		display: block;
	}.social-wrapper .fa {
		color: white;
	}.social-wrapper {
		position: relative;
		margin: 0 auto;
		right: 0;
		left: 0;
		width: 100%;
	}.social-wrapper p {
		text-align: center;
	}.navigation-wrapper {
		justify-content: end;
	}.vertical-padding-large {
		padding-top: 0;
		padding-bottom: 70px;
	}.pull-up {
		margin-top: 0;
	}.social-wrapper {
		background: #000f27;
	}.artist-wrapper p span::before {
		display: none;
	}.artist-wrapper p span::after {
		top: initial;
		bottom: 49px;
	}.social-wrapper{
		width: 100%;
		text-align: center;
		justify-content: center;
		padding: 11px;
		top: 0;
     }.title {
         top: 14vw;
		 font-size: 6vw;
     }.top-bar-section .menu{
        padding:0;
        justify-content: center;
        gap:10px;
    }.top-bar-section ul li{
        text-align:center;
    }.top-bar-section ul li a {
        font-size:2.9vw;
        padding:5px 5px;
    }
}