/** Shopify CDN: Minification failed

Line 843:2 Expected "}" to go with "{"

**/
:root {

	/* COLOURS */
	--main-bg-color: #000;
	--main-fg-color: #000;
	--color-bg-footer: #000;
	--color-fg-footer: #fff;
	--color-albumtext: #fff;
	--color-bg-block-0: #111;
	--color-bg-block-1: #f0f0f0;
	--color-bg-block-2: #1c1c1c;
	--color-bg-block-3: #f0f0f0;
	--color-bg-block-4: #cacaca;
	--color-bg-block-5: #cacaca;
	--color-fg-block-1: #000;
	--color-fg-block-2: #fff;
	--color-fg-block-3: #000;
	--color-fg-block-4: #000;
	--color-fg-block-5: #000;
	

	/* FONTS */
	--font-album-artist: 'EB Garamond';
	--font-album-title: 'EB Garamond';
	--font-body: 'Brandon';
	--size-text-default: 13pt;			/* Default: 13pt */
	--size-album-title: 4.5vh;
	--size-album-title-mobile: 15pt;
	--size-album-artist: 2vh;
	--size-album-artist-mobile: 6pt;
	--size-album-description: 1.4vh;	/* ZEITUNG: 1.2VH || BRANDON: 1.3VH */
	--size-title-1: 30pt;				/* ZEITUNG: 30PT ||Â BRANDON: 35PT */
	--size-title-1-mobile: 20pt;
	--size-button-buy: 20pt;
	--size-title-2: 2vh;
	--size-footer: 16pt;
	--size-footer-mobile: 12pt;

	/* BLOCK HEIGHTS */
	--height-block-1: 80vh; /* 900px old */
	--height-block-2: calc(100vw / 3 / 2 * 2);
	--height-block-3: calc(40vh + 150px);
	--height-block-4: calc(100vw / 3 / 2 * 1);
	--height-block-5: 900px;
	--footer-height: 200px;

	/* UNUSED UTILITIES */
	--main-title-size: 4vh;
	--paragraph-padding-1: 20%;
	--text-section-shadow: 0 0 10px rgba(18, 18, 18, 0.3);
	--title-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
	--title-shadow-medium: 0 0 20px rgba(255, 255, 255, 0.35);
	--title-shadow-strong: 0 0 30px rgba(255, 255, 255, 0.8);
	--title-shadow-small: 0 0 10px rgba(255, 255, 255, 0.3);
	--circle-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
	--circle-shadow-strong: 0 0 10px rgba(255, 255, 255, 0.3);
	--blur25: 0.25px;
	--blur5: 0.5px;
	--blur75: 0.75px;
	--blur1: 1px;
}

html {
	scroll-behavior: smooth !important;
}

body {
	font-family: var(--font-body) !important;
	color: var(--main-fg-color) !important;
	background-color: var(--main-bg-color) !important;
	overflow-x: hidden !important;
	height: 100% !important;
	font-size: 100pt;
	overscroll-behavior-y: none !important;
	font-size: 10pt;
}

.currency-selector, .localization-form {
    display: none !important;
}


.site-header__menu, 
.header__menu, 
.site-nav, 
.navbar, 
.header__inline-menu,
.header__icon,
.header__icon--cart  {
   display: none !important;
  position: absolute !important;
  left: 5000px !important;
}

.cart-link {
	position: absolute;
	right: 5vh;
	top: 5vh;
	z-index: 5000;
	font-size: var(--size-album-artist);
	display: none;
}


.product-title {
	
}

.product-left {
	display: flex;
	width: 30%;
	align-items: center;
}
.product-right {
	width: 70%;
}

.product-image {
	width: 200px;
	height: 150px;
	border-radius: 10px;
}

.product-price {
	color: #fff;
	z-index: 99999;
}


.main-button, .product {
	position: fixed;
	z-index: 5000;
  font-family: var(--font-body) !important;
  color: var(--main-fg-color) !important;
  font-family: var(--font-album-title);
  font-size: var(--size-button-buy);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border: 2px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  width: calc((100vw - 90vh) / 2 - 10vh);
}
.main-button {
	user-select: none;
}

h2 {
	font-family: var(--font-album-title);
	font-size: var(--size-button-buy);
}

.add-to-cart {
	text-decoration: underline !important;
}

.product {
	border: none;
	font-size: 12pt;
	z-index: 6000;
  right: 5vh;
  display: flex;
}

#product-0 {
	top: 5vh; 
}

#product-1 {
	top: 35vh; 
}

#product-2 {
	top: 65vh; 
}

#stream-button-spotify {
  z-index: 5000;
  position: fixed;
  left: 5vh; 
  bottom: 5vh;
}
#stream-button-apple {
  z-index: 5000;
  position: fixed;
  bottom: 12vh; 
  left: 5vh;
}

.listen {
	z-index: 5000;
	position: fixed;
	bottom: 5vh;
	
}

#listen-apple {
	left: 4vw;
}
#listen-spotify {
	left: 9vw;
}
#listen-spotify-icon, #listen-apple-icon {
	width: 75px;
	height: 75px;
	opacity: 0.4;
}



#cart-button {
  z-index: 5000;
  position: fixed;
  bottom: 5vh; 
  right: 5vh;
}
.link-blur {
  filter: blur(0.6px);
  opacity: 0.9
}
a:link, a:visited, a:active {
  color: #fff !important;
  text-decoration: none;
}
.border-block-center {
	position: fixed;
	opacity: 0.5;
	border: 3px solid #fff;
	height: 90vh;
	width: 90vh;
	top: 5vh;
	left: 50%;
	transform: translate(-50%, 0);
  z-index:5000;
}

.mob-listen {
	display: none;
}


.album-text {
	/*border: 1px solid salmon;*/
	position: fixed;
	font-size: var(--size-album-description);
	color: #fff;
	top: 5vh;
	width: 17vw;
	line-height: 1.8em;
  font-family: 'Brandon Grotesque';
  font-weight: 500;
  z-index: 5000;
}

#album-text-left {
	left: 4vw;
	top: 50%;
	transform: translate(0, -55%);
}

#album-text-right {
	right: 2vw;
	width: 19vw;
	/*transform: translate(0, -60%);*/
}
.mobile-button {
	display: none;
}
.header__search {
  display: none !important;
}
.header__heading {
  display: none !important;
  position: absolute !important;
  top: -1000px !important;
  left: -1000px !important;
}
.gradient {
  background-color: #000 !important;
  background-image: none !important;
  background-size: cover !important;
  background-origin: center !important;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.footer__copyright {
  display: none !important;
}
.header__active-menu-item {
  z-index: 5000 !important;
  font-family: arial !important;
}
.header__menu-item {
  
}



.icon-account-new {
color: #fff;
  position: absolute !important;
  top: 200px !important;
  left: 200px !important;
  z-index: 20000;
}
.header-wrapper  {
  background: rgba(0, 0, 0, 0) !important;
}
.section-header {
  background: rgba(0, 0, 0, 0) !important;
}
#album-cover {
	position: fixed;
	top: 0;
	left: 0;
	background-image: url('/cdn/shop/files/BACKGROUND_dark.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	width: 100%;
    z-index: 0;
	/*clip-path: inset(0 25vw 0 25vw);*/
}

#album-overlay {
	position: fixed;
	top: 0;
	left: 0;
	/*background-color: black;*/
	background: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	opacity: 0.75;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	width: 100%;
  z-index: 2000;
}
.album-title {
	position: fixed;
	top: 15vh;
	left: 50%;
	width: 100%;
	text-align: center;
	transform: translate(-50%, 0);
	font-family: var(--font-album-title);
	font-size: var(--size-album-title);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	filter: blur(0.6px);
	opacity: 0.9;
	user-select: none;
	color: var(--color-albumtext);
  z-index: 5000;
}

.album-artist, .album-artist-mob {
	position: fixed;
	top: 85vh;
	left: 50%;
	width: 500px;
	text-align: left;
	/*transform: translate(-50%, 0);*/
	font-family: var(--font-album-artist);
	font-weight: 100;
	font-size: var(--size-album-artist);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	filter: blur(0.6px);
	opacity: 0.9;
	user-select: none;
	color: var(--color-albumtext);
}
.album-artist-mob {
	display: none;
}

#album-artist-1 {
	/*border: 1px solid salmon;*/
	text-align: left;
	padding-left: 30px;
}
#album-artist-2 {
	/*border: 1px solid pink;*/
	text-align: right;
	transform: translate(-100%, 0);
	padding-right: 30px;
}

#album-artist-separator {
	font-size: calc(2vh - 5pt);
	text-align: center;
	transform: translate(-50%, 0);
}
.symbol-separator {
	display: inline;
	position: relative;
	top: 4pt;
}

.text-block {
	/*position: sticky;*/
	/*top: 0;*/
	opacity: 0;
	transition: all 3s;
	width: 100%;
}

.text-block.visible {
	opacity: 1;
}



.text-section {
	z-index: 10000;
	position: absolute;
	left: 0;
	top: 100vh;
	/*left: 50%;*/
	/*transform: translate(-50%, 0);*/
	width: 100vw;
	font-size: var(--size-text-default);
	font-family: 'Brandon Grotesque' !important;
	background: var(--color-footer);
}
.mobile-section {
	display: none;
}

.block {
	width: 100vw;	
	z-index: 12000;
	background-color: #fff;
}

#block-0 {
	display: none;
	background: var(--color-bg-block-1);
	color: var(--color-fg-block-1);	
}
#block-1 {
	height: var(--height-block-1);
	background: var(--color-bg-block-1);
	color: var(--color-fg-block-1);
}
#block-2 {
	height: var(--height-block-2);
	background: var(--color-bg-block-2);
	color: var(--color-fg-block-2);
}
#block-3 {
	height: var(--height-block-3);
	background: var(--color-bg-block-3);
	color: var(--color-fg-block-3);
}
#block-4 {
	height: var(--height-block-4);
	background: var(--color-bg-block-4);
	color: var(--color-fg-block-4);
}
#image-composer {
	width: calc(80vw / 3);
	/*height: calc(100vw / 3 / 2);*/
	height: calc(80vw / 3 / 3 * 2);
	height: auto;
	top: 50%;
	float: right;
	margin-right: 1.5vw;
	/*border-radius: 25px;*/
}

#text-footer {
	height: var(--footer-height);
	background: var(--color-bg-footer);
	width: 100vw;
	color: var(--color-fg-footer);
	font-family: 'Brandon Grotesque' !important;
}

.video-block {
	width: 80vw;
	height: 50vh;
	margin-top: 2vh;
	margin-left: auto;
	margin-right: auto;
}
.video {
	width: 39vw;
	height: calc(39vw / 1.777777);
}

.text-footer {
	position: relative;
	text-align: center;
	font-size: var(--size-footer);
	left: 50%;
	width: 500px;
	top: 50%;
	transform: translate(-50%, -50%);
	line-height: 2em;
}


.text-paragraph-center {
	
}

.text-paragraph {
	position: relative;
	text-align: justify;
	font-size: var(--size-text-default);
	width: 800px;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	line-height: auto;
}


.column-container {
	display: table;
	position: relative;
	width: 100vw;
}

.text-column {
	vertical-align: middle;
	display: inline-block;
	width: 50%;
}

#column-left {

}
#column-right {
	width: 30%;
	font-size: 1.3vh;
}

a {
	color: #fff;
}

.text-column a {
	color: #000;
}

.title-1 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: var(--size-title-1);
}

.title-2 {
	letter-spacing: 0.15em;
	text-align: left;
	padding-top: 40px;
	padding-bottom: 40px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: var(--size-title-2);
}

.text-block-video {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	height: 630px;
	width: 1080px;
}




@media only screen and (max-width: 2000px) {
	:root {
		--size-button-buy: 17pt;
	}
	.product-image {
		width: calc(200px * 0.8);
		height: calc(150px * 0.8);
		border-radius: 10px;
	}
	#listen-spotify-icon, #listen-apple-icon {
		width: 65px;
		height: 65px;
	}
}

@media only screen and (max-width: 1800px) {
	:root {
		--size-button-buy: 15pt;
	}
	.product-image {
		width: calc(200px * 0.7);
		height: calc(150px * 0.7);
		border-radius: 10px;
	}
	.product-price {
		font-size: 12pt;
	}
	#listen-spotify-icon, #listen-apple-icon {
		width: 50px;
		height: 50px;
	}
}

@media only screen and (max-width: 1500px) {
	:root {
		--size-button-buy: 13pt;
	}
	.product-image {
		width: calc(200px * 0.6);
		height: calc(150px * 0.6);
		border-radius: 10px;
	}
	.product-price {
		font-size: 11pt;
	}
	#listen-spotify-icon, #listen-apple-icon {
		width: 45px;
		height: 45px;
	}
}

@media only screen and (max-width: 1300px) {
	:root {
		--size-button-buy: 11pt;
	}
	.product-image {
		width: calc(200px * 0.4);
		height: calc(150px * 0.4);
		border-radius: 8px;
	}
	.product-price {
		font-size: 7pt;
	}
	#listen-spotify-icon, #listen-apple-icon {
		width: 40px;
		height: 40px;
	}
}

@media only screen and (max-width: 1100px) {
	:root {
		--size-button-buy: 8pt;
	}
	.product-image {
		width: calc(200px * 0.3);
		height: calc(150px * 0.3);
		border-radius: 8px;
	}
	.product-price {
		font-size: 5pt;
	}
	#listen-spotify-icon, #listen-apple-icon {
		width: 35px;
		height: 35px;
	}
}

@media only screen and (max-width: 900px) {
	:root {
		--size-button-buy: 6pt;
	}
	.product-image {
		width: calc(200px * 0.3);
		height: calc(150px * 0.3);
		border-radius: 8px;
	}
	.product-price {
		font-size: 4pt;
	}
	#listen-spotify-icon, #listen-apple-icon {
		width: 30px;
		height: 30px;
	}
}

@media (max-aspect-ratio: 1.6) {
	.album-text {
		display: none;
	}
}

/* FOR CLOSE-TO-SQUARE ASPECT RATIOS */
@media only screen and (max-aspect-ratio: 1.3) {
	html {
        overflow: auto !important;
        height: auto !important;
    }
    
    body {
        height: auto !important;
        overflow: auto !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        overscroll-behavior-y: auto !important;
        font-size: 13pt !important;
    }
	.main-button {
		display: none;
	}
	
	.product-image {
		width: calc(200px * 1);
		height: calc(150px * 1);
		border-radius: 8px;
	}
	.product {
		position: static;
		display: none;
	}
	.album-text {
		display: none;
	}
	h2 {
		font-size: 15pt;
	}
	.product-price {
		font-size: 10pt;
	}

	.mobile-section {
		display: inline-block;
		z-index: 12000;
		position: absolute;
		height: auto;
		left: 0;
		top: 100vh;
		/*left: 50%;*/
		/*transform: translate(-50%, 0);*/
		width: 100%;
		font-size: var(--size-text-default);
		
		background-color: #1c1c1c;
		color: #fff
	}
	.product-mobile {
		text-align: center;
	}
	#album-artist-separator {
		display: none;
	}
	.mobile-button {
		display: block;
		text-align: center;
		margin: auto;
		width: 100%;
	}
	.main-button-mob {
		z-index: 5000;
		padding: 20px;
		font-family: var(--font-body) !important;
		color: var(--main-fg-color) !important;
		font-family: var(--font-album-title);
		font-size: 12pt;
		letter-spacing: 0.18em;
		text-transform: uppercase;
		border: 2px solid rgba(255, 255, 255, 0.5);
		filter: none !important;
		text-align: center;
		display: inline-block;
		width: 80%;
	}
	.album-artist-mob {
		display: inline-block;
		text-align: center;
		position: fixed;
		left: 50%;
		top: 75vh;
		transform: translateX(-50%);
		width: 100%;
	}
	.album-artist {
		display: none;
	}
	.mob-listen {
		display: block;
		position: fixed;
		top: 85vh;
		opacity: 0.5;
		filter: none;
	}
	.mob-apple {
		left: 40%;
		transform: scale(1.5)
	}
	.mob-spotify {
		right: 40%;
		transform: scale(1.5);
	}
	#album-cover {
		height: 100vh !important;
		max-height: 100vh !important;
		background-position: center top !important;
	}
	.listen {
		display: none;
	}
	.link-blur {
		filter: none !important;
	}
	.add-to-cart-mob {
		border: 2px solid rgba(255, 255, 255, 0.5);
		padding: 10px;
		margin-top: 10000px;
	}
}



/* MOBILE PURE */
@media only screen and (max-width: 1250px) and (orientation: portrait) {
	.border-block-center { 
		display: none;
	}
	.mob-listen {
		display: block;
		position: fixed;
		top: 5vh;
		opacity: 0.5;
		filter: blur(0.5px);
	}
	.mob-apple {
		left: 40%;
		transform: none;
	}
	.mob-spotify {
		right: 40%;
		transform: none;
	}