@keyframes appearanceElem {
	from { opacity: 0; }
	to { opacity: 1; }
}
.appearanceElem {
			animation: appearanceElem .7s both;
}
@keyframes lightLogo {
	to { filter: drop-shadow(calc(var(--font) * .3) 0 0 rgba(238, 51, 17, .7)); }
}
/***/
.preload {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 150%;
	position: fixed;
	left: 0;
	top: 50vh;
	z-index: 10;
		background-color: #000;
			transform: translateY(-50%);
			pointer-events: none;
}
:root {
	width: 100%;
	font: bold 1.5vw 'Tomnr';
	letter-spacing: .05rem;
		overflow-x: hidden;
		background-color: #dde4ea;
			--font: calc(1vw + 1vh);
			--shadow: 
				0 .01em .03em #e73d1b,
				.01em 0 .03em #e73d1b,
				0 -.01em .03em #e73d1b,
				-.01em 0 .03em #e73d1b,
				.01em .01em .03em #e73d1b,
				-.01em -.01em .03em #e73d1b;
}
::selection {
	background-color: #e73d1b;
}
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
h1, h2 {
	filter: brightness(1.2);
}
body {
	overflow: hidden;
		background: #fff url('/images/bg-compress.webp') no-repeat center / 100% 100%;
			cursor: url('/images/tongs-cursor.png') 15 0, auto;
}
/**/
header {
	display: flex;
	align-items: center;
	width: 100%;
	height: 15vw;
	position: relative;
	top: 0;
		border-bottom: solid .1rem #e73d1b;
}
header img {
	width: 100%;
	height: 100%;
	position: absolute;
			user-select: none;
}
header .ads {
	all: unset;
	position: absolute;
	left: 20%;
	top: 5%;
	z-index: 1;
	font: normal .6rem 'BerkshireSwash-Regular';
		color: #e73d1b;
		text-shadow: .05vw .05vw 0 #300;
		opacity: 0;
			transition: opacity 1s;
			cursor: url('/images/hammer-cursor.png') 15 0, auto;
}
header .ads span {
	all: unset;
	display: block;
	width: fit-content;
	margin: auto;
		text-decoration: underline;
		text-underline-offset: .3em;
		text-decoration-style: wavy;
}
header .ads *::selection {
	background-color: #dde4ea;
}
header .logo {
	width: 12vw;
	max-height: 80%;
	object-fit: contain;
	margin-left: 3%;
	position: relative;
	z-index: 1;
			animation: lightLogo 2s ease infinite alternate;
			cursor: pointer;
			user-select: none;
			cursor: url('/images/hammer-cursor.png') 15 0, auto;
}
header h1 {
	margin: 0 2%;
	position: relative;
	font: bold 3rem 'BerkshireSwash-Regular';
		color: #dde4ea;
		text-shadow: var(--shadow);
}
main {
	width: 100%;
	height: fit-content;
	margin: 5vw 0;
	position: relative;
}
footer {
	display: flex;
	justify-content: end;
	align-items: center;
	width: 100%;
	height: 15vw;
	padding: 0;
	margin: 0;
	position: relative;
		border-top: solid .1rem #e73d1b;
}
footer img {
	box-sizing: content-box;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: fill;
	object-position: center;
	position: absolute;
			transform: rotateX(180deg) rotateY(180deg);
			user-select: none;
}
footer hgroup {
	display: block;
	text-align: right;
	margin-right: 3%;
	position: relative;
	top: -3%;
	font-size: 1.8rem;
		color: #fff;
}
footer h2 {
	font-family: 'BerkshireSwash-Regular';
	font-size: 2rem;
		color: #dde4ea;
		text-shadow: var(--shadow);
}
/*.*/
.services h2 {
	margin-bottom: 1vh;
	font-family: 'BerkshireSwash-Regular';
		color: #dde4ea;
		text-shadow: var(--shadow);
}
.services article {
	display: flex;
	align-items: center;
	width: 60vw;
	height: fit-content;
	padding: 2vw 0;
	margin: 3vw auto;
	position: relative;
		border: solid .1rem #e73d1b;
}
.services article figure {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}
.services article figcaption {
	display: block;
	width: 80%;
	height: fit-content;
	text-align: left;
	position: relative;
	font: bold 1rem 'Tomnr';
		color: #fff;
}
li {
	position: relative;
	list-style-type: none;
	text-indent: 3%;
}
li::before {
	content: '';
	display: block;
	border-top: solid .3rem transparent;
	border-bottom: solid .3rem transparent;
	border-left: solid .3rem #dde4ea;
	position: absolute;
	left: 0px;
	top: 0;
		filter: drop-shadow(0 0 3px #e73d1b);
			transform: translateY(50%);
}
.services article:nth-of-type(2n + 1) { left: -15%; }
.services article:nth-of-type(2n + 1) figcaption { right: -18%; }
.services article:nth-of-type(2n) { right: -15%; }
.services article:nth-of-type(2n) figcaption { left: 3%; }
.block-1 figure { background: url('/images/figure_block-1.png') no-repeat center / 102% 102%; }
.block-2 figure { background: url('/images/figure_block-2.png') no-repeat center / 102% 102%; }
.block-3 figure { background: url('/images/figure_block-3.png') no-repeat center / 102% 102%; }
.block-4 figure { background: url('/images/figure_block-4.png') no-repeat center / 102% 102%; }
.copyr {
	width: 67vw;
	position: relative;
	font-size: .5em;
}
.copyr a {
	all: unset;
			cursor: pointer;
}

@font-face {
  font-family: "BerkshireSwash-Regular"; 
  src: local("Times New Roman");
  src: 
  	url("/includes/fonts/BerkshireSwash-Regular.woff2") format("woff2"); 
  font-style: normal; 
  font-weight: normal; 
  font-display: block;
}
@font-face {
  font-family: "Tomnr"; 
  src: local("Times New Roman");
  src: 
  	url("/includes/fonts/tomnr.woff2") format("woff2"); 
  font-style: normal; 
  font-weight: normal; 
  font-display: block;
}