#hero {
	position: absolute;
	display: block;
	top: 0px;
	height: 100vh;
	width: 100%;
	min-height: 600px;
	transition: opacity .35s ease;
	transition: transform .3s ease;
}

#hero.header-shift {
    transform: translateY(var(--header_height));
}

#hero .content-image,
#hero .content-image figure {
	height: 100vh;
	min-height: 600px;
	position: relative;
}

#hero .content-image img,
#hero .content-player video {
	width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: left bottom;
    display: block;
}

#hero .content-image.right img {
	margin-left: 500px;
	width: calc(100% - 500px);
}

#hero .first_block {
	position: relative;
	display: block;
	max-width: var(--max_width);
	margin: auto;
	margin-top: -70vh;
	padding-left: 60px;
}

#hero .content-text {
	position: relative;
	width: max(600px, 32vw);
}

.start #hero .content-text {
	color: #000000;
}

#hero .content-text p {
	max-width: 500px;
}

#hero .content-image.blur::after {
    content: "";
    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;
	
    background: rgba(2555,255,255,0.95);
	width: max(700px, 60vw);
	min-width: 700px;
    mask-image: linear-gradient(
        90deg,
        #000 0%,
        #000 50%,
        transparent 100%
    );

    -webkit-mask-image: linear-gradient(
        90deg,
        #000 00%,
        #000 50%,
        transparent 100%
    );
}

#hero .content-image.blur.right::after {
    content: "";
    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;
	
    background: rgba(2555,255,255,1);
	width: clamp(600px, 50vw, 50vw);
    mask-image: linear-gradient(
        90deg,
        #000 0%,
        #000 75%,
        transparent 100%
    );

    -webkit-mask-image: linear-gradient(
        90deg,
        #000 00%,
        #000 75%,
        transparent 100%
    );
}



.cards .rs-column {
	width: 32.5%;
	margin-right: 1.0%;
	margin-top: 1%;
}

.cards .rs-column.-large-col-6-1 {
	width: 15.8%;
}

.cards .rs-column.-large-last {
	margin-right: 0px;
}

.card_linkbox1  {
	position: relative;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
}

.card_linkbox1 h3 {
	padding: 0px 0px;
	margin-bottom: 0px;
}
.card_linkbox1 .text_container {
	transition: transform .4s ease;
	z-index:2;
	padding: 0px 20px;
}
.card_linkbox1 figure {
	overflow: hidden;
	position: relative;
	display: block;
	z-index:1;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.card_linkbox1 img,
.card_linkbox1 picture {
	display: block;
}

.card_linkbox1 img {
    transition:transform 1.2s cubic-bezier(.22,.61,.36,1);
    transform: scale(1);
}
.card_linkbox1:hover img {
    transform: scale(1.08);
}


.card_linkbox2 {
	position: relative;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
}

.card_linkbox2 h3 {
	color: #FFFFFF;
	font-weight: 900;
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 0px;
}
.card_linkbox2 .content-text {
	position: relative;
	display: flex;
	flex-direction: column;
}

.card_linkbox2 figure {
	overflow: hidden;
	position: relative;
	display: block;
	z-index:1;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.card_linkbox2 img,
.card_linkbox2 picture {
	display: block;
}

.card_linkbox2 img {
    transition:transform 1.2s cubic-bezier(.22,.61,.36,1);
    transform: scale(1);
}
.card_linkbox2:hover img {
    transform: scale(1.08);
}
.card_linkbox2 .text_container {
	transition: transform .4s ease;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: end;
	top: 0px;
	height: calc(100% - 60px);
	z-index:2;
	padding: 30px;
}
.card_linkbox2:hover .text_container {
    transform: translateY(-3px);
}

.card_linkbox2 .text_container::before {
    content: "";
    position: absolute;
    left: -230px;
    bottom: -230px;

    width: 600px;
    height: 450px;

    background: radial-gradient(
        ellipse at left bottom,
        rgba(0,0,0,.9) 10%,
        rgba(0,0,0,.65) 30%,
        rgba(0,0,0,.3) 60%,
        transparent 100%
    );

    filter: blur(60px);

    z-index: -1;
}