@font-face {
	font-family:'D-DIN Exp';
	font-style:normal;
	font-weight:400;
	src:local('D-DIN Exp Expanded'),url(/fonts/d-din-exp/400.woff) format('woff')
}

@font-face {
	font-family:'D-DIN Exp';
	font-style:normal;
	font-weight:600;
	src:local('D-DIN Exp Bold Expanded'),url(/fonts/d-din-exp/600.woff) format('woff')
}

@font-face {
	font-family:'Noto Serif';
	font-style:normal;
	font-weight:400;
	src:local('Noto Serif Regular'),url(/fonts/notoserif/400.woff) format('woff')
}

@font-face {
	font-family:'Noto Serif';
	font-style:normal;
	font-weight:700;
	src:local('Noto Serif Bold'),url(/fonts/notoserif/700.woff) format('woff')
}

@font-face {
	font-family:'Noto Serif';
	font-style:italic;
	font-weight:400;
	src:local('Noto Serif Italic'),url(/fonts/notoserif/400i.woff) format('woff')
}

@font-face {
	font-family:'Noto Serif';
	font-style:italic;
	font-weight:700;
	src:local('Noto Serif Bold Italic'),url(/fonts/notoserif/700i.woff) format('woff')
}

@font-face{font-family:'Lato';
	font-style:normal;
	font-weight:400;
	src:local('Lato Regular'),url(/fonts/lato/400.woff) format('woff')
}

@font-face {
	font-family:'Lato';
	font-style:italic;
	font-weight:400;
	src:local('Lato Italic'),url(/fonts/lato/400i.woff) format('woff')
}

@font-face{
	font-family:'Lato';
	font-style:normal;
	font-weight:600;
	src:local('Lato Semibold'),url(/fonts/lato/600.woff) format('woff')
}

@font-face{
	font-family:'Lato';
	font-style:normal;
	font-weight:900;
	src:local('Lato Black'),url(/fonts/lato/900.woff) format('woff')
}

body.cadmium {
	background-color: #1E0707;
	background: -moz-linear-gradient(282deg, #1E0707 0%, #3D1F1F 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1E0707), color-stop(100%, #3D1F1F)); /* safari4+,chrome */
	background: -webkit-linear-gradient(282deg, #1E0707 0%, #3D1F1F 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(282deg, #1E0707 0%, #3D1F1F 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(282deg, #1E0707 0%, #3D1F1F 100%); /* ie10+ */
	background: url('/img/tile.png') fixed, linear-gradient(168deg, #1E0707 0%, #3D1F1F 100%); /* w3c */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E0707', endColorstr='#3D1F1F',GradientType=0 ); /* ie6-9 */

	--color-main-2: #EDE6E6;
	--color-main-3: #726464;
	--color-main-4: #3F3434;
	--color-main-5: #1E0707;

	--color-prime-1: #EDE6E6;
	--color-prime-2: #EDCECE;
}

body.st4b {
	background-color: #332400;
	background: -moz-linear-gradient(282deg, #332400 0%, #203439 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #332400), color-stop(100%, #203439)); /* safari4+,chrome */
	background: -webkit-linear-gradient(282deg, #332400 0%, #203439 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(282deg, #332400 0%, #203439 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(282deg, #332400 0%, #203439 100%); /* ie10+ */
	background: url('/img/tile.png') fixed, linear-gradient(168deg, #332400 0%, #203439 100%); /* w3c */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#332400', endColorstr='#203439',GradientType=0 ); /* ie6-9 */

	--color-main-2: #E6E6ED;
	--color-main-3: #646472;
	--color-main-4: #34343F;
	--color-main-5: #0A0A0F;

	--color-prime-1: #E6E6ED;
	--color-prime-2: #CECEED;

	overflow-x: hidden;
}

:root {
	--font-headline: "D-DIN Exp", sans;
	--font-body: "Noto Serif", "Geneva";
	--font-standard: "Lato";

	--color-main-2: #E6E6E6;
	--color-main-3: #646464;
	--color-main-4: #343434;
	--color-main-5: #070707;

	--color-prime-1: #E6E6E6;
	--color-prime-2: #CECECE;
}

body {
	background-color: #141414;
	background: -moz-linear-gradient(282deg, #141414 0%, #292929 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141414), color-stop(100%, #292939)); /* safari4+,chrome */
	background: -webkit-linear-gradient(282deg, #141414 0%, #292929 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(282deg, #141414 0%, #292929 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(282deg, #141414 0%, #292929 100%); /* ie10+ */
	background: url('/img/tile.png') fixed, linear-gradient(168deg, #141414 0%, #292929 100%); /* w3c */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#292929',GradientType=0 ); /* ie6-9 */

	min-height: 100vh;
}

h1, h2, h3 {
	font-weight: normal;
}

.text-body {
	font-family: var(--font-body);
}

.text-standard {
	font-family: var(--font-standard);
}

.smallcaps {
	font-variant: small-caps;
}

.text-hero_s {
	line-height: 1;
	font-size: calc(var(--text-xxxl) + var(--text-hero-m,   1.5vw));
}

.color-bg-1 {
	color: var(--color-bg-1,var(--color-main-1));
}

.color-bg-2 {
	color: var(--color-bg-3,var(--color-main-3));
}

header h1 {
	line-height: 1em;
	font-weight: normal;
}

header h1 *, header h2 *, header h3 *, header h4 * {
	color: inherit;
}

header > a {
	position: relative;
	display: block;
	overflow: hidden;
}

header > a > * > span {
	display: inline-block;
	background: var(--color-main-5);
	padding-left: var(--space-s);
	padding-right: var(--space-s);
	color: var(--color-main-2);
	transition: all 0.05s;
}

header > a:hover > * > span {
	background: var(--color-main-2);
	color: var(--color-main-5);
}

header > a > h1 > span {
	line-height: 1.05em;
}

header > a > h4 > span {
	line-height: 1.75em;
}

header > a > img {
	position: absolute;
	z-index: -1;
	transition: all 0.15s;
}

header > a.st4b > img {
	transform: rotate(-10deg);
	top: -45px;
	right: -80px;
}

header > a.st4b:hover > img {
	transform: rotate(-10deg) scale(1.02);
	right: -40px;
}

header > a.cadmium > img {
	transform: rotate(10deg);
	left: -370px;
	border: 10px #1E0707 solid;
	max-width: 1119px;
	max-height: 676px;
	top: -80px;
}

header > a.cadmium:hover > img {
	transform: rotate(10deg) scale(1.02);
	left: -340px;
}

body.st4b * p a {
	--color-prime-4: #242482;
	--color-prime-5: #242492;
}

p a {
	--color-prime-4: #822424;
	--color-prime-5: #922424;
}

a:hover, a.box, a.button {
	text-decoration: none;
}

.media {
	background-color: transparent;
	overflow: hidden;
}

.media.cadm-screenshot img {
	display: inline !important;
	max-width: 1119px;
	max-height: 676px;

	border: 10px #1E0707 solid;

	box-shadow: 0 0 var(--space-l) #3F3434;
}

.media.st4b-screenshot img {
	display: inline !important;
	max-width: 690px;
	max-height: 530px;

	border: 5px #0A0A0F solid;

	box-shadow: 0 0 calc(var(--space-l) * 0.8) #0A0A0F;
}

.media video {
	background: #1E0707;
	border: 2px #1E0707 solid;

	width: 100%;
	height: auto;

	box-shadow: 0 0 var(--space-s) #1E0707;
}

.border-bg-1 {
	border-color: var(--color-bg-1,var(--color-main-1));
}

.community img {
	width: 45px;
	height 45px;
}

.min-height_ll {
	min-height: calc(var(--space-l) * 2);
}

.inverted {
	background: transparent;
}

.read_xxl {
	max-width: 57rem;
}

.glow {
	box-shadow: 0 0 var(--space-m) rgba(199, 175, 175, 0.8);
}

body.st4b * .glow {
	box-shadow: 0 0 var(--space-m) rgba(175, 175, 199, 0.7);
}

.more-glow {
	box-shadow: 0 0 var(--space-m) #C7AFAF;
}

body.st4b * .more-glow {
	box-shadow: 0 0 var(--space-m) #AFAFC7;
}

.smol img {
	border: var(--space-xs) transparent solid;
}

.smoller img {
	border: var(--space-s) transparent solid;
}

.container {
	max-width: 1319px;
	margin: auto;
}

.span-rest {
	flex-grow: 1;
}

/* margin-bottom collapse-t */
.mbct {
	margin-bottom: var(--space-m);
}

@media (max-width: 800px) {
	.mbctm-only-collapse {
		margin-bottom: var(--space-m);
	}

	.mbct, .mbctl-only-collapse {
		margin-bottom: var(--space-l);
	}
}

ul.features li:not(:last-child) {
	padding-bottom: var(--space-l);
	margin-bottom: var(--space-l);

	border-bottom: var(--space-px) #C7AFAF solid;
}

ul.features figure {
	background: #190404;

	box-shadow: 0 0 var(--space-s) #1E0707;

	border: #190404 solid;
	border-width: 20px;
}

ul.features figure img {
	margin: 0 auto !important;
}

@media (max-width: 800px) {
	ul.features li {
		margin-bottom: 0 !important;
		border-width: 0 !important;
	}

	ul.features figure {
		display: inline-block;
		object-fit: cover;

		max-height: 220px;

		overflow: hidden;
	}

	ul.features figure img {
		align-self: center;
	}
}

.anch-l {
	padding-top: var(--space-l);
	margin-top: calc(-1 * var(--space-l));

	color: var(--color-main-5);
}

.anch-xl {
	padding-top: var(--space-xl);
	margin-top: calc(-1 * var(--space-xl));

	color: var(--color-main-5);
}

.anch-l:target, .anch-xl:target {
	background: transparent;
	box-shadow: none;
}

*::selection {
	background: #722424;
	color: #F4F1F1;
}

*::-moz-selection {
	background: #722424;
	color: #F4F1F1;
}

body.st4b *::selection {
	background: #242472;
	color: #F1F1F4;
}

body.st4b *::-moz-selection {
	background: #242472;
	color: #F1F1F4;
}

.ps { color: #AD9999; }
.ps a { color: #AD9999; }
.ps a:hover { color: #BAA4A4; }

.st4b aside .ps { color: #9999AD; }
.st4b aside .ps a { color: #9999AD; }
.st4b aside .ps a:hover { color: #A4A4BA; }

@media (min-width: 1051px) {
	.buy-my-software-please-container {
		max-width: min(1319px, 100vw);
		margin: auto;
	}

	.buy-my-software-please {
		position: absolute;
		top: calc((var(--space-l) * 3.0) + 320px);
	}

	.buy-my-software-please aside {
		background: #4D1F1F;
		box-shadow: 0 0 var(--space-m) #000;

		margin-left: calc(var(--space-s) * -1.0);

		padding-left: var(--space-l);
		padding-right: var(--space-l);
		padding-top: calc(var(--space-m) * 1.2);
		padding-bottom: calc(var(--space-m) * 1);
	}

	.buy-my-software-please.st4b {
		top: min(calc((var(--space-l) * 3.0) + 540px),
		calc(100vh - 100px));
		right: max(calc((100vw - 1119px) * 0.5), -40px);

		transform: rotate(-3deg);
	}

	.buy-my-software-please.st4b aside {
		background: #1A1A1F;
		margin-right: calc(var(--space-s) * -1.0);
	}

	.buy-my-software-please.st4b aside a.button {
		background: var(--color-main-2);
	}

	.buy-my-software-please.st4b aside a.button:hover {
		background: var(--color-main-1);
	}
}

@media (max-width: 1050px) {
	.buy-my-software-please {
		margin-top: var(--space-m);
		margin-bottom: var(--space-l);

		padding-left: var(--space-l);
		padding-right: var(--space-l);
	}
}

@media (max-width: 400px) {
	.buy-my-software-please {
		padding-left: var(--space-m) !important;
		padding-right: var(--space-m) !important;
	}
}

mark {
	--color-bg-2: var(--color-main-2);
	padding-left: calc(var(--space-xs) * 0.5);
	padding-right: calc(var(--space-xs) * 0.5);

	margin-left: calc(var(--space-xs) * 0.3);
	margin-right: calc(var(--space-xs) * 0.3);
}

.text-900 {
	font-weight: 900;
}

.ma-l_makeup {
	margin-left: calc(var(--space-l) - var(--space-m));
}

.text-justify {
	text-align: justify;
}

.hp {
	padding-left: var(--space-l);
	padding-right: var(--space-l);
}

@media (max-width: 400px) {
	.hp {
		padding-left: var(--space-m) !important;
		padding-right: var(--space-m) !important;
	}
}

footer {
	font-family: var(--font-headline);
}

footer a {
	padding-left: var(--space-s);
	padding-right: var(--space-s);

	border-right: 1px solid var(--color-main-3);
}

.top_nav {
	font-size: var(--text-l);
	font-family: var(--font-headline);
	background: var(--color-main-5);
	line-height: 3rem;
}

.top_nav img.logo {
	height: 2.5rem;
}

.top_nav * {
	color: var(--color-main-2);
}

.top_nav a {
	text-decoration: none;
}

.top_nav a.home {
	text-decoration: none;
	display: inline-block;
	margin-left: calc(var(--space-s) * -1.0);
	padding: 0 var(--space-s);
	line-height: 2rem;
	margin-top: .5rem;
	border-radius: var(--space-px);
}

.top_nav a.home span {
	background: var(--color-main-2);
	display: inline-block;
	margin: .25rem 0;

	-webkit-mask-image: url(data:image/png;base64,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);
	-webkit-mask-size: 100%;
	-webkit-mask-repeat: no-repeat;
}

.top_nav a.home span img {
	max-height: 1.5rem;
	aspect-ratio: 3 / 1;
	visibility: hidden;
}

.top_nav a.home:hover {
	background: var(--color-main-3);
	color: var(--color-main-5);
}

.top_nav a.home:hover span {
	background: var(--color-main-5);
}

.top_nav nav a {
	display: inline-block;
	padding-left: var(--space-m);
	padding-right: var(--space-m);
	text-decoration: none;
	line-height: 3rem;
}

.top_nav nav a:hover {
	color: var(--color-main-2);
	background : var(--color-main-4);
}

.top_nav nav a.selected {
	background : var(--color-main-4);
}

@media (max-width:600px) {
	.top_nav div * {
		text-align: center;
	}

	.top_nav .flex {
		display: block;
	}

	.top_nav a.home {
		margin-left: 0;
		padding: var(--space-xs) var(--space-m);
		line-height: 2rem;
		margin-top: 1rem;
		border-radius: var(--space-px);
		margin-bottom: 1rem;
	}

	.top_nav a.home span img {
		max-height: 2.25rem;
	}
}

.pa-h_xxl {
	padding-left: var(--space-xxl);
	padding-right: var(--space-xxl);
}

.flex + .reverse {
	flex-direction: row-reverse;
}

#testimonials * {
	--cover-v: center;
}

#sound-examples figure.demo {
	background: #3D5447;
	border-radius: var(--space-xs);

	margin-left: var(--space-s);
	margin-right: var(--space-s);
}

.bg-bitwig {
	background: #070707;
}