/*
Theme Name: ICONIC21
Theme URI: 
Author: Fellow.
Author URI: iconic-21.com
Description: 
Version: 1.0.0
Text Domain: 
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

textarea:focus, input:focus{outline: none;}
*:focus {outline: none;}

@font-face {
	font-family: 'OldschoolGrotesk';
	src: url('../fonts/OldschoolGroteskVar.ttf') format('truetype-variations');
	font-weight: 430 900;
	font-stretch: 100%;
}
@font-face {
	font-family: 'OldschoolGroteskCompact';
	src: url('../fonts/OldschoolGroteskVar.ttf') format('truetype-variations');
	font-weight: 430 900;
	font-stretch: 80%;
}

:root {
	--color-brand: #EB0038;
	--color-brand-dark: #D20033;
	--color-brand-darker: #7D0025;
	--color-black: #020011;
	--color-grey: #F2F2F3;
	--color-white: #FFFFFF;
	--font: 'OldschoolGrotesk', sans-serif;
	--font-compact: 'OldschoolGroteskCompact', sans-serif;
	--gap-xs: 8px;
	--gap-s: 16px;
	--gap-m: 24px;
	--gap-l: 32px;
	--gap-xl: 40px;
	--padding-xs: 16px;
	--padding-s: 24px;
	--padding-m: 40px;
	--padding-l: 80px;
	--padding-xl: 120px;
	--border-rad-xs: 4px;
	--border-rad-s: 8px;
	--border-rad-m: 16px;
	--border-rad-l: 24px;
	--border-rad-xl: 40px;
}

body {
	width: 100%;
	font-family: var(--font);
	font-style: normal; 
	font-weight: 430;
	-webkit-font-smoothing: antialiased;
	line-height: 1.1;
	color: var(--color-white);
	background-color: var(--color-black);
}

h1 {
	font-size: 72px;
	line-height: 1.1;
}
h1.size-h2,
h2 {
	font-size: 48px;
	line-height: 1.15;
}
h3 {
	font-size: 40px;
	line-height: 1.2;
}
h4 {
	font-size: 24px;
	line-height: 1.33;
}
h5 {
	font-size: 20px;
	line-height: 1.2;
}
h6 {
	font-size: 18px;
	line-height: 1.33;
}

h1,h2,h3,h4 {font-weight: 900;}
h5,h6 {font-family: var(--font-compact);}

h1,h2,h3,h4,h5,h6 {margin: 0 0 20px 0;}

p,li {
	font-family: var(--font-compact);
	line-height: 1.4;
	font-size: 16px;
	margin: 0 0 20px 0;
}

b,strong {font-weight: bold;}
i {font-style: italic;}
a {
	text-decoration: none;
	color: inherit;
}

input,select,textarea {
	font-size: 16px;
	font-family: var(--font-compact);
}

.normal {font-weight: 430;}
.bold {font-weight: 900;}

.wrapper {
	width: 100%;
	float: left;
	overflow: hidden;
}

.full-width {
	width: 100%;
	float: left;
	box-sizing: border-box;
}
.fixed-width {
	width: 1240px;
	margin: 0 auto;
	box-sizing: border-box;
}
.inner-width {
	width: 620px;
	margin: 0 auto;
	box-sizing: border-box;
}


/* Buttons */

.button {
	width: max-content;
	float: left;	
	text-align: center;
	background-color: var(--color-brand);
	border-radius: var(--border-rad-xs);
	border: 1px solid transparent;
    position: relative;
    cursor: pointer;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    box-sizing: border-box;
}
.button:hover,
.form form .frm_submit button.frm_button_submit:hover {background-color: var(--color-brand-dark);}
.button.style-secondary {
	border-color: var(--color-white);
	background-color: transparent;
}
.button.style-secondary:hover {
	color: var(--color-black);
	background-color: var(--color-white);
}
.button.style-secondary:hover img {filter: invert(1);}
.button.style-tertiary {background-color: transparent;}
.button.style-tertiary a,
.button.style-tertiary span {padding-left: 0px;}
.button a,
.button span {
	width: 100%;
	display: inline-block;
	padding: 16px 30px 14px 30px;
	font-size: 16px;
	font-family: var(--font-compact);
	line-height: 1;
	box-sizing: border-box;
}
.button a img,
.button span img {
	display: inline-block;
	width: 16px;
    height: auto;
    left: 7.5px;
    top: 2.5px;
    position: relative;
    margin-top: -1000px;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.ajax-load-more-wrap .alm-btn-wrap {
	margin: var(--gap-m) 0 0 0;
	padding: 0;
}
.ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn {
	height: auto;
	padding: 17.5px 30px 12.5px 30px;
	border-radius: var(--border-rad-xs);
	background-color: var(--color-brand);
	font-size: 16px;
	font-family: var(--font-compact);
	font-weight: 400;
	line-height: 1;
}
.ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn:hover,
.ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn.done, 
.ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn:disabled {background-color: var(--color-brand);}
.ajax-load-more-wrap .alm-btn-wrap ul.alm-paging li {
	display: inline-flex;
	vertical-align: unset;
	margin: 0 var(--gap-xs) 0 0;
}
.ajax-load-more-wrap .alm-btn-wrap ul.alm-paging li.prev a,
.ajax-load-more-wrap .alm-btn-wrap ul.alm-paging li.next a {
	padding: 7px 6px 3px 6px;
	color: transparent;
	border-color: transparent;	
	background-size: 24px 24px;
	background-position: center;
	background-repeat: no-repeat;
}
.ajax-load-more-wrap .alm-btn-wrap ul.alm-paging li.prev a {background-image: url(../im/icon-arrow-left-w.png);}
.ajax-load-more-wrap .alm-btn-wrap ul.alm-paging li.next a {background-image: url(../im/icon-arrow-right-w.png);}
.ajax-load-more-wrap .alm-btn-wrap ul.alm-paging li a {
	padding: 7px 12px 3px 12px;	
	background: transparent;
	color: var(--color-white);
    border-color: var(--color-white);
    font-size: 20px;
    line-height: 1;
    margin-bottom: -0.2em;
}
.ajax-load-more-wrap .alm-btn-wrap ul.alm-paging li.active a {
	background: var(--color-brand);
    border-color: var(--color-brand);
}

button.slick-prev,
button.slick-next {
    opacity: 1;
    width: 36px;
    height: 36px;
    border: solid 1px var(--color-white);
    border-radius: 100%;
    padding: 0;
    text-indent: 9999px;
    position: absolute;
    bottom: 0;
    z-index: 5;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 24px auto;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}
button.slick-prev.slick-disabled,
button.slick-next.slick-disabled {opacity: .25}
button.slick-prev {
    right: 52px;
    background-image: url(../im/icon-arrow-left-w.png);
}
button.slick-next {
    right: 0;
    background-image: url(../im/icon-arrow-right-w.png);
}
ul.slick-dots,
.single-post .l-copy .related ul.slick-dots {
	width: max-content;
	float: left;
	margin: 0 auto;
    margin-top: var(--gap-xl);
    margin-bottom: var(--gap-s);
    text-align: center;
}
ul.slick-dots li {    
	list-style: none !important;
	width: 10px;
    height: 10px;
    float: left;
    margin: 0 var(--gap-s) 0 0;
    cursor: pointer;
}
ul.slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0px;
    float: left;
    background: var(--color-white);
    border: 0px;
    color: transparent;
    border-radius: 100%;
}
ul.slick-dots li.slick-active button {background: var(--color-black);}
.l-people ul.slick-dots li.slick-active button,
.l-game-gallery ul.slick-dots li.slick-active button,
.related ul.slick-dots li.slick-active button {background: var(--color-brand);}
.l-why-iconic button.slick-prev {
	left: var(--gap-l);
	top: 50%;
    transform: translateY(-50%);
}
.l-why-iconic button.slick-next {
	right: var(--gap-l);
	top: 50%;
    transform: translateY(-50%);
}
.l-top-games button.slick-prev {
	left: 220px;
	top: 50%;
    transform: translateY(-50%);
}
.l-top-games button.slick-next {
	right: 220px;
	top: 50%;
    transform: translateY(-50%);
}

button.frm_button_submit {
	-moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

/* /Buttons */


/* Transitions */

.transition {
	-moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.transition-slow {
	-moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.transition-vslow {
	-moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    -ms-transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.glow {
	box-shadow: 0 4px 40px 8px rgba(235, 0, 56, 0.4);
/*	animation: glow 1.8s infinite ease-in-out;*/
    animation: glow 1.5s ease-in-out infinite alternate;
}
/*@keyframes glow {
	0% {box-shadow: 0 4px 40px 8px rgba(235, 0, 56, 0.4);}
	50% {box-shadow: 0 4px 55px 15px rgba(235, 0, 56, 0.5);}
	100% {box-shadow: 0 4px 40px 8px rgba(235, 0, 56, 0.4);}
}*/
@keyframes glow {
	from {
		box-shadow: 
			0 4px 25px 4px rgba(235, 0, 56, 0.3),
			0 0 10px rgba(235, 0, 56, 0.4);
	}
	to {
		box-shadow:
			0 4px 50px 12px rgba(235, 0, 56, 0.5),
			0 0 25px rgba(235, 0, 56, 0.6);
	}
}

.aurora {
	position: relative;
	overflow: hidden;
	background: linear-gradient(to bottom, var(--color-black) 75%, var(--color-brand));
}
.aurora .fixed-width {
	position: relative;
	z-index: 1;
}
.aurora .triangle-wrapper {
	position: absolute;
	bottom: 0;
	width: 200px;
	height: 200px;
	overflow: visible;
	filter: blur(60px); 
	transform-origin: bottom center;
}
.aurora .triangle1 {
	height: 45%;
	width: 800px;
	animation: moveHoriz1 18s linear infinite;  
	animation-delay: -2s;
}
.aurora .triangle1 .triangle {animation: pulse 5s ease-in-out infinite alternate;}
.aurora .triangle2 {
	height: 65%;
	width: 900px;
	animation: moveHoriz2 22s linear infinite; 
	animation-delay: -12s; 
}
.aurora .triangle2 .triangle {animation: pulse 8s ease-in-out infinite alternate;}
.aurora .triangle3 {
	height: 55%;
	width: 700px;
	animation: moveHoriz3 27s linear infinite;
	animation-delay: -6s;
}
.aurora .triangle3 .triangle {animation: pulse 7s ease-in-out infinite alternate;}
.aurora .triangle4 {
	height: 36%;
	width: 800px;
	animation: moveHoriz4 31s linear infinite;
	animation-delay: -1s;
}
.aurora .triangle4 .triangle {animation: pulse 7s ease-in-out infinite alternate;}
.aurora .triangle5 {
	height: 44%;
	width: 900px;
	animation: moveHoriz5 32s linear infinite;
	animation-delay: -17s;
}
.aurora .triangle5 .triangle {animation: pulse 7s ease-in-out infinite alternate;}
.aurora .triangle6 {
	height: 38%;
	width: 700px;
	animation: moveHoriz6 37s linear infinite;
	animation-delay: -16s;
}
.aurora .triangle6 .triangle {animation: pulse 7s ease-in-out infinite alternate;}
.aurora .triangle {
	width: 100%;
	height: 100%;
	background: var(--color-brand);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	box-shadow: 0 0 30px rgba(0,150,255,0.6), 0 0 50px rgba(0,150,255,0.4);  
}
@keyframes moveHoriz1 {
	0%   {left: 100%;}
	100% {left: -800px;}
}
@keyframes moveHoriz2 {
	0%   {left: 100%;}
	100% {left: -900px;}
}
@keyframes moveHoriz3 {
	0%   {left: 100%;}
	100% {left: -700px;}
}
@keyframes moveHoriz4 {
	0%   {right: 100%;}
	100% {right: -800px;}
}
@keyframes moveHoriz5 {
	0%   {right: 100%;}
	100% {right: -900px;}
}
@keyframes moveHoriz6 {
	0%   {right: 100%;}
	100% {right: -700px;}
}
@keyframes pulse {
	0%   {transform: scaleY(1);}
	25%  {transform: scaleY(1.3);}
	50%  {transform: scaleY(0.8);}
	75%  {transform: scaleY(1.4);}
	100% {transform: scaleY(1);}
}

/* /Transitions */


/* Consent */

.consent {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.9);
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
.consent.hide {
	opacity: 0;
	visibility: hidden;
}
.consent .stage {
	width: 700px;
	max-width: 92.5%;
	text-align: center;
	margin: 0 auto;
	padding: var(--padding-l);	
	background-image: url(../im/gradient-alt-4-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid var(--color-white);
	border-radius: var(--border-rad-l);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	box-sizing: border-box;
}
.consent .stage .buttons .button {
    display: inline-block;
    float: none;
    margin: 0 var(--gap-xs);
}

aside#moove_gdpr_cookie_info_bar {
    width: 100vw;
    height: 100vh;
    max-height: unset;
    background-color: rgba(0,0,0,.9) !important;
}
aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    width: 700px;
    max-width: 92.5%;
    padding: var(--padding-m);	
	background-image: url(../im/gradient-alt-4-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid var(--color-white);
	border-radius: var(--border-rad-l);
	box-shadow: 0 4px 40px 8px rgba(235, 0, 56, 0.4);
    animation: glow 2.5s infinite ease-in-out;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {padding: 0px;}
aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p {font-size: 16px;}
aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p:nth-child(1) {margin-bottom: 20px;}
aside#moove_gdpr_cookie_info_bar button.mgbutton,
.gdpr_lightbox .moove-gdpr-modal-content button.mgbutton {
	font-size: 16px !important;
	font-family: var(--font-compact) !important;
	line-height: 1 !important;
	padding: 16px 30px 14px 30px !important;
	border-radius: var(--border-rad-xs) !important;
}
aside#moove_gdpr_cookie_info_bar button.mgbutton:hover,
.gdpr_lightbox .moove-gdpr-modal-content button.mgbutton:hover {
	color: var(--color-white) !important;
	background-color: var(--color-brand-dark) !important;
}
aside#moove_gdpr_cookie_info_bar button.mgbutton.moove-gdpr-infobar-reject-btn {
	border: 1px solid var(--color-white) !important;
	background-color: transparent !important;
}

/* /Consent */


/* Header */

.header {
	margin: 0 auto;
	position: fixed;
	top: 16px;
	left: 0;
	right: 0;
	z-index: 999;
}

.header .inside {
	height: 100px;
	padding: 0 var(--padding-m);
	border-radius: var(--border-rad-l);
	background-color: var(--color-black);
	position: relative;
}

.header .logo {
	width: 140px;
	float: left;
	margin: 25px 0 0 0;
}
.header .logo img {
	width: 100%;
	height: auto;
	float: left;
}

.header .navigation {float: right;}
.header .navigation li {font-size: 18px;}
.header .navigation li a {position: relative;}
.header .navigation li a::before {
	content: '';
	width: 0%;
	height: 1px;
	margin: 0 auto;
	background-color: var(--color-white);
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	-moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.header .navigation li.menu-item-has-children > a::after {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	margin: -2px 0 0 5px;
	float: right;
	background-image: url(../im/icon-arrow-down-w.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.header .navigation li.current-menu-item > a::before,
.header .navigation li.current-menu-parent > a::before,
.header .navigation li a:hover::before {width: 100%;}
.header .navigation .menu > li {
	float: left;
	margin: 0 var(--gap-l) 0 0;
	padding: var(--gap-xl) 0 55px 0;	
}
.header .navigation .menu > li .sub-menu-wrapper {
	opacity: 0;
	visibility: hidden;
	height: 80px;
	padding: 0 var(--padding-m);
	border-radius: var(--border-rad-l);
	background-color: var(--color-brand);
	position: absolute;
	text-align: right;
	top: 100px;
	left: 0;
	right: 0;
	box-sizing: border-box;
}
.sub-menu-active .header .navigation .menu > li .sub-menu-wrapper {
	opacity: 1;
	visibility: visible;
	top: 116px;
}
.header .navigation .menu > li .sub-menu-wrapper:before {
    content: '';
    width: 32px;
    height: 16px;
    margin: 0 auto;
    position: absolute;
    top: -12px;
    right: 560px;
    background: var(--color-brand);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.header .navigation .menu > li ul.sub-menu > li {
	display: inline-block;
	margin: 30px 0 0 var(--gap-l);
}

.header .button {
	float: right;
	margin: 25px 0 0 0;
}
.header .button a {font-size: 20px;}

.header .toggle {
	display: none;
	width: 48px;
    margin: 0 auto;
    position: absolute;
    top: 26px;
    right: 28px;
    cursor: pointer;
}
.header .toggle img {
	width: 100%;
	height: auto;
	float: left;
}

/* /Header */


/* Logged In */

body.logged-in .header {top: 32px;}
@media screen and (max-width: 782px) {body.logged-in .header {top: 46px;}}

/* /Logged In */


/* Footer */

.footer {
	padding: var(--gap-xl) 0;
	background-color: var(--color-black);
}

.footer .top .company {
	width: 400px;
	float: left;
}
.footer .top .company img {
	width: 90px;
	height: auto;
	float: left;
	margin: 0 0 var(--gap-xl) 0;
}
.footer .top .navigation {
	width: 620px;
	float: right;
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--gap-xl);
}
.footer .top .navigation .column {position: relative;}
.footer .top .navigation .column ul.menu li {
	font-size: 18px;
	line-height: 1;
	margin: 0 0 var(--gap-s) 0;
}
.footer .top .navigation .column ul.menu li:nth-last-child(1) {margin: 0 auto;}
.footer .top .navigation .column .links {margin-bottom: var(--gap-l);}
.footer .top .navigation .column .links img {
	width: 24px;
	height: auto;
	float: left;
	margin: 0 var(--gap-s) 0 0;
}
.footer .top .navigation .column .logo {
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

.footer .bottom {
	margin: var(--gap-xl) 0 0 0;
	padding: var(--gap-l) 0 0 0;
	border-top: 1px solid var(--color-white);
}
.footer .bottom p {margin: 0 auto;}
.footer .bottom .legals {
	width: fit-content;
	float: left;
}
.footer .bottom .links {
	width: fit-content;
	float: right;
}
.footer .bottom .links p {
	float: left;
	text-decoration: underline;
	margin: 0 0 0 var(--gap-m);
}

/* /Footer */


/* Layouts */

.layouts .l-copy ul,
.layouts .l-copy ol {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}
.layouts .l-copy ul li,
.layouts .l-copy ol li {margin: 0 0 10px 15px;}
.layouts .l-copy ul li {list-style: disc;}
.layouts .l-copy ol li {list-style: decimal;}
.layouts .l-copy blockquote {
	border-left: 2px solid var(--color-black);
	padding-left: var(--gap-s);
}

.layouts .buttons .button {    
	margin-right: var(--gap-s);
    margin-bottom: var(--gap-s);
}

.layout.l-gravity-scene {
	position: relative;
	background: linear-gradient(to bottom, var(--color-black), var(--color-brand-darker));
	overflow: hidden;
}
.layout.l-gravity-scene .ellipse {
	width: 1920px;
	height: auto;
	background: radial-gradient(46.48% 50% at 50% 50%, rgba(235, 0, 56, 0.9) 0%, rgba(235, 0, 56, 0.5) 100%);
	aspect-ratio: 1/1;
	margin: 0 auto;
	position: absolute;
	top: 500px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 100%;
	transition: transform 0.1s linear;
  	will-change: transform;
}
.layout.l-gravity-scene .logo {
	width: 220px;
	height: 120px;
	margin: 0 var(--gap-m) 0 var(--gap-s);
	background-color: var(--color-white);
	border-radius: var(--border-rad-s);
	box-shadow: 0 4px 8px 0 rgba(28,28,28,0.15);
	position: absolute;
	box-sizing: border-box;
	will-change: transform, filter;
  	transition: transform 0.1s linear, filter 0.1s linear;
}
.layout.l-gravity-scene .logo img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 var(--gap-xl);
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	box-sizing: border-box;
}
.layout.l-gravity-scene .logo-1 {
	top: 150px;
	left: 2%;
	transform: scale(0.8);
}
.layout.l-gravity-scene .logo-2 {
	top: 600px;
	left: 20%;
	transform: scale(1);
}
.layout.l-gravity-scene .logo-3 {
	top: 700px;
	right: 15%;
	transform: scale(1.5);
}
.layout.l-gravity-scene .logo-4 {
	top: 250px;
	right: 5%;
	transform: scale(0.8);
}
.layout.l-gravity-scene .logo-5 {
	top: 1000px;
	left: 12%;
	transform: scale(1.4);
}
.layout.l-gravity-scene .logo-6 {
	top: 1400px;
	left: 35%;
	transform: scale(1.1);
}
.layout.l-gravity-scene .logo-7 {
	top: 1100px;
	right: 25%;
	transform: scale(1.3);
}
.layout.l-gravity-scene .logo-8 {
	top: 1500px;
	right: 10%;
	transform: scale(0.9);
}
.layout.l-gravity-scene .stage {
	height: 1000px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;	
	position: relative;
}
.layout.l-gravity-scene .stage .copy .buttons .button {
	display: inline-block;
	float: none;
	margin: 0 var(--gap-xs);
}
.layout.l-gravity-scene .depth {height: 500px;}
.layout.l-gravity-scene .games {
	height: 1000px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}
.layout.l-gravity-scene .games .carousel .slick-list {overflow: visible;}
.layout.l-gravity-scene .games .carousel .slick-dots {opacity: 0;}
.layout.l-gravity-scene .games .carousel .slick-track {display: flex !important;}
.layout.l-gravity-scene .games .carousel .item {
	filter: blur(10px);
	height: auto !important;
	padding: var(--padding-xs);
	margin-right: var(--gap-s);
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.5);
    border-radius: var(--border-rad-l);
    box-sizing: border-box;
}
.layout.l-gravity-scene .games .carousel .item.slick-active:hover {transform: scale(1.05);}
.layout.l-gravity-scene .games .carousel .item.slick-active {filter: blur(0px);}
.layout.l-gravity-scene .games .carousel .item .hero {
	background-color: var(--color-brand-darker);
	border-radius: var(--border-rad-l);
	position: relative;
	overflow: hidden;
}
.layout.l-gravity-scene .games .carousel .item .hero .fade {
    width: 100%;
    height: 60%;
    margin: 0 auto;
    background: linear-gradient(to top, var(--color-brand-dark), transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.layout.l-gravity-scene .games .carousel .item .hero img {
	width: 100%;
	height: auto;
	float: left;
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
}
.layout.l-gravity-scene .games .carousel .item .copy {
	display: flex;
    padding: var(--padding-s) 0;
    column-gap: var(--gap-m);
}
.layout.l-gravity-scene .games .carousel .item .copy h3 {margin-bottom: 0;}
.layout.l-gravity-scene .games .carousel .item .copy .arrow {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
    flex-grow: 0;
	background-color: var(--color-white);
	background-image: url(../im/icon-right-r.png);
	background-size: 24px 24px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
}

.layout.l-hero {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.layout.l-hero .stage {
	width: 1100px;
	max-width: 100%;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
}

.layout.l-hero.type-video {padding: 500px 0 var(--padding-xl) 0;}
.layout.l-hero.type-video video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	object-fit: cover;
	object-position: center;
}

.layout.l-hero.type-gradient {padding: 200px 0 var(--padding-l) 0;}
.layout.l-hero.type-gradient .fade {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: linear-gradient(to right, #020011 0%, rgba(2,0,17,0.8) 20%, rgba(2,0,17,0) 50%, rgba(2,0,17,0.8) 80%, #020011 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.layout.l-hero.type-gradient .logomark {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-image: url(../im/brand-logomark.png);
	background-size: cover;
	background-position: 50% 65%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.5;
}

.layout.l-hero.type-blur {
	display: flex;
	align-items: end;
	min-height: 700px;
	padding: 220px 0 40px 0;
}
.layout.l-hero.type-blur .stage {
	width: fit-content;
	display: flex;
	justify-content: space-between; 
	align-items: flex-start;
	gap: var(--gap-m);  
	padding: var(--gap-xl) var(--gap-xl) var(--gap-s) var(--gap-xl);
	border-radius: var(--border-rad-l);
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(2,0,17,0.2);
}
.layout.l-hero.type-blur .stage h1 {white-space: nowrap;}
.layout.l-hero.type-blur .stage .copy {max-width: 400px;}
.layout.l-hero.type-blur .stage .buttons {width: fit-content;}

.layout.l-prompt {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.layout.l-prompt.type-video-gradient {
	padding: var(--padding-l) 0 var(--padding-xl) 0;
	border-top: 1px solid var(--color-white);
	border-bottom: 1px solid var(--color-white);
}
.layout.l-prompt.type-video-gradient .stage {
	width: 55%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.layout.l-prompt.type-video-gradient video {
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}
.layout.l-prompt.type-video-gradient .logomark {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-image: url(../im/brand-logomark-light.png);
    background-size: auto 400%;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.5;
}
.layout.l-prompt.type-video-gradient .fade {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: linear-gradient(to right, var(--color-black) 0%, transparent 30%);
	position: absolute;
	top: 0;
	right: 0;
}
.layout.l-prompt.type-video-gradient .copy {
	width: 50%;
	float: left;
	position: relative;
}

.layout.l-prompt.type-blur {
	padding: var(--padding-m) 0;
	background: linear-gradient(to bottom, var(--color-brand), var(--color-black));
}
.layout.l-prompt.type-blur .stage {
	display: flex;
	column-gap: var(--gap-s);
	padding: var(--padding-m) var(--padding-xl) var(--padding-s) var(--padding-xl);
    border-radius: var(--border-rad-xl);
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}
.layout.l-prompt.type-blur .stage .blur {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255,255,255,0.2);
}
.layout.l-prompt.type-blur .stage .title {
	width: 50%;
	float: left;
	position: relative;
}
.layout.l-prompt.type-blur .stage .copy {
	width: 50%;
	float: left;
	position: relative;
}

.layout.l-logos {
	text-align: center;
	padding: var(--padding-m) 0;
	color: var(--color-black);
	background-color: var(--color-grey);
	position: relative;
	overflow: hidden;
}
.layout.l-logos .list .item {
	width: 220px;
	height: 120px;
	margin: 0 var(--gap-m) 0 var(--gap-s);
	background-color: var(--color-white);
	border-radius: var(--border-rad-s);
	box-shadow: 0 4px 8px 0 rgba(28,28,28,0.15);
	box-sizing: border-box;
}
.layout.l-logos .list .item img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 var(--gap-xl);
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	box-sizing: border-box;
}
.layout.l-logos .list .next,
.layout.l-logos .list .previous {display: none;}

.layout.l-products {	
	padding: var(--padding-l) 0;
	background-image: url(../im/gradient-bg.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}
.layout.l-products .title {
	text-align: center;
	margin-bottom: var(--gap-s);
}
.layout.l-products .list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
}
.layout.l-products .list .item {
	height: 500px;	
	background: radial-gradient(circle, var(--color-black) 0%, var(--color-brand) 100%);
	border-radius: var(--border-rad-l);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 16px 24px 0 rgba(28,28,28,0.15);
	overflow: hidden;
	position: relative;
}
.layout.l-products .list .item .hero {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.layout.l-products .list .item .fade {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: linear-gradient(to top, var(--color-brand), transparent);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.layout.l-products .list .item .stage {
	padding: var(--padding-s);
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.layout.l-products .list .item .stage .copy {
	padding: var(--padding-s) var(--padding-s) 0 var(--padding-s);
	margin-bottom: var(--gap-s);
	backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(2,0,17,0.2);
    border-radius: var(--border-rad-s);
}
.layout.l-products .list .item .stage .button {width: 100%;}

.layout.l-how-we-work {	
	padding: var(--padding-l) 0;
	background-image: url(../im/gradient-alt-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.layout.l-how-we-work .title {margin-bottom: var(--gap-s);}
.layout.l-how-we-work .list {
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
}
.layout.l-how-we-work .list .item {
	aspect-ratio: 1/1;
	background-color: var(--color-brand);
	border-radius: var(--border-rad-l);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
.layout.l-how-we-work .list .item .icon {
	padding: var(--padding-s) var(--padding-m);
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom-right-radius: 24px;
	backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    background: rgba(2,0,17,0.2);
    border-right: 1px solid var(--color-white);
    border-bottom: 1px solid var(--color-white);
}
.layout.l-how-we-work .list .item:hover .icon,
.layout.l-how-we-work .list .item.triggered .icon {
	border-width: 2px;
	background: rgba(235,0,56,0.2);
}
.layout.l-how-we-work .list .item .icon img {
	width: 24px;
	height: auto;
	float: left;
}
.layout.l-how-we-work .list .item .copy {
	padding: var(--padding-s) var(--padding-s) 0 var(--padding-s);
	backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    background: rgba(2,0,17,0.2);
    margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
}
.layout.l-how-we-work .list .item .copy h3 {padding-right: var(--gap-l);}
.layout.l-how-we-work .list .item .copy .shrouded {display: none;}
.layout.l-how-we-work .list .item .copy .shrouded h6 {
	border-top: 1px solid var(--color-white);
	padding-top: var(--gap-s);
}
.layout.l-how-we-work .list .item .copy .toggle {
	width: 20px;
	height: 20px;
	margin: 0 auto;
	position: absolute;
	top: var(--padding-s);
	right: var(--padding-s);
}
.layout.l-how-we-work .list .item .copy .toggle img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
}
.layout.l-how-we-work .list .item.triggered .copy .toggle img:nth-child(1) {opacity: 0;}

.layout.l-top-games {	
	padding: var(--padding-l) 0;
	background-color: var(--color-black);
}
.layout.l-top-games .title {
	display: flex;
	justify-content: space-between; 
	align-items: flex-start;
	column-gap: var(--gap-xl);
	margin-bottom: var(--gap-m);
}
.layout.l-top-games .title h2 {min-width: 800px;}
.layout.l-top-games .stage {
	padding: var(--padding-m) 0;
	border-radius: var(--border-rad-l);
    border: 2px solid var(--color-white);
    overflow: hidden;
    position: relative;
}
.layout.l-top-games .subtitle-bg {
	margin: 0 auto;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
    background: rgba(255, 255, 255, 0.5);
    border-radius: var(--border-rad-xl);
    z-index: 1;
    pointer-events: none;
}
.layout.l-top-games .stage .carousel .item {
	display: inline-block;
	width: 750px;
	height: 520px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.layout.l-top-games .stage .carousel .item .fade {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: radial-gradient(ellipse, transparent, var(--color-black) 70%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.layout.l-top-games .stage .carousel .item .subtitle {
	width: fit-content;
	max-width: 80%;
	padding: var(--padding-s) var(--padding-m);
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;	
    border-radius: var(--border-rad-xl);
    overflow: hidden;
    z-index: 1;
}
.layout.l-top-games .stage .carousel .item.slick-active .subtitle {
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.2);
}
.layout.l-top-games .stage .carousel .item.prev-slide .subtitle {transform: translate(25%,-50%);}
.layout.l-top-games .stage .carousel .item.next-slide .subtitle {transform: translate(-25%,-50%);}
.layout.l-top-games .stage .carousel .item .subtitle h2 {
	line-height: 1;
    margin-bottom: -0.2em;
}
.layout.l-top-games .stage .carousel .item .toolbar {
	opacity: 0;
	visibility: hidden;
	display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--gap-m);
	padding: var(--padding-xs) var(--padding-s);
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--border-rad-l);
}
.layout.l-top-games .stage .carousel .item.slick-active .toolbar {
	opacity: 1;
	visibility: visible;
}
.layout.l-top-games .stage .slide-toolbar {
	opacity: 0;
	pointer-events: none;
	width: 850px;   
	padding: var(--padding-xs) var(--padding-s);
	margin: 0 auto;
	display: flex; 
	align-items: center;
    justify-content: space-between;
    column-gap: var(--gap-m);
	position: absolute;
	bottom: var(--padding-m);
	left: 0;
	right: 0;		
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--border-rad-l);
    box-sizing: border-box;
}
.layout.l-top-games .stage .slide-toolbar.active {
	opacity: 1;
	pointer-events: all;
}
.layout.l-top-games .stage  .slide-toolbar .stat {
	display: flex;
	align-items: center;
	column-gap: var(--gap-s);
}
.layout.l-top-games .stage .slide-toolbar .stat p {margin-bottom: 0;}
.layout.l-top-games .stage .slide-toolbar .stat .number {
	display: flex;
	align-items: center;
	column-gap: var(--gap-s);
	padding: var(--padding-xs) var(--padding-s);
	background-color: var(--color-white);
	border-radius: var(--border-rad-xl);
}
.layout.l-top-games .stage .slide-toolbar .stat .number img {
	width: 24px;
    height: 24px;
}
.layout.l-top-games .stage .slide-toolbar .stat .number h4 {
	color: var(--color-black);
	line-height: 1;
    margin-bottom: -0.2em;
}
.layout.l-top-games .stage .slide-toolbar .button {white-space: nowrap;}

.layout.l-showcase-games {	
	padding: var(--padding-l) 0;
    background-image: url(../im/gradient-bg.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.layout.l-showcase-games .filter #alm-filters-live_games li {
	float: left;
	clear: none;
	margin: 0 var(--gap-s) var(--gap-xs) 0;
}
.layout.l-showcase-games .filter #alm-filters-live_games li .field-radio {
	color: var(--color-white);
	font-size: 20px;
	padding: 0 0 0 32px;
	border-bottom: 1px solid transparent;
}
.layout.l-showcase-games .filter #alm-filters-live_games li .field-radio.active {
	color: var(--color-brand);
	border-color: var(--color-brand);
}
.layout.l-showcase-games .filter #alm-filters-live_games li .field-radio.active:before {
	background-image: none !important;
    background-color: var(--color-brand);
    mask: url(../im/icon-view-all.png) no-repeat center / contain;
}
.layout.l-showcase-games .filter #alm-filters-live_games li .field-radio:before {
	width: 24px;
	height: 24px;
	background-image: url(../im/icon-view-all.png);
	background-color: transparent;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 0px;
	border-radius: 0px;
}
.layout.l-showcase-games .filter #alm-filters-live_games li .field-radio:after {content: none;}
.layout.l-showcase-games .filter .alm-filters {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: var(--gap-l);
}
.layout.l-showcase-games .filter .alm-filters .alm-filter--inner {padding: 0px;}
.layout.l-showcase-games .filter .alm-filters .alm-filter--taxonomy {margin-right: auto}
.layout.l-showcase-games .filter .alm-filters .alm-filter--sort,
.layout.l-showcase-games .filter .alm-filters .alm-filter--search {
	width: 185px;
	border-radius: 4px;
	border: 1px solid var(--color-white);
	margin-bottom: var(--gap-xs);
	box-sizing: border-box;
}
.layout.l-showcase-games .filter .alm-filters .alm-filter--sort {margin-right: var(--gap-s);}
.layout.l-showcase-games .filter .alm-filters .alm-filter--sort select,
.layout.l-showcase-games .filter .alm-filters .alm-filter--search input {
	height: 54px;
	padding: var(--gap-s);
	color: var(--color-white);
	background-color: transparent;
	border: 0px;
	font-size: 16px;
}
.layout.l-showcase-games .filter .alm-filters .alm-filter--search .alm-filter--text-wrap:before {
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(../im/icon-search-w.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    left: var(--gap-s);
}
.layout.l-showcase-games .filter .alm-filters .alm-filter--search input {padding-left: 50px;}
.layout.l-showcase-games .filter .alm-filters .alm-filter--search input::placeholder {
	opacity: 1;
	color: var(--color-white);
	font-size: 16px;
}
.layout.l-showcase-games .filter .alm-filters .alm-filter--search .alm-filter--text-wrap {
	height: unset;
	padding: 0px;
	border: 0px;
	background-color: transparent;
}
.layout.l-showcase-games .filter .alm-filters .alm-filter--search .alm-filter--text-wrap button {display: none;}
.layout.l-showcase-games .list .alm-listing {
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
}
.layout.l-showcase-games .list .alm-listing .item {
	padding: var(--padding-xs);
	border-radius: var(--border-rad-l);
	background-color: var(--color-brand);
}
.layout.l-showcase-games .list .alm-listing .item .hero {
	background-color: var(--color-brand-darker);
	border-radius: var(--border-rad-l);
	position: relative;
	overflow: hidden;
}
.layout.l-showcase-games .list .alm-listing .item .hero .fade {
    width: 100%;
    height: 60%;
    margin: 0 auto;
    background: linear-gradient(to top, var(--color-brand-dark), transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.layout.l-showcase-games .list .alm-listing .item .hero img {
	width: 100%;
	height: auto;
	float: left;
	aspect-ratio: 1/1.15;
	object-fit: cover;
	object-position: center;
}
.layout.l-showcase-games .list .alm-listing .item:hover .hero img {transform: scale(1.05);}
.layout.l-showcase-games .list .alm-listing .item .copy {
	display: flex;
    padding: var(--padding-s) 0;
    column-gap: var(--gap-m);
    justify-content: space-between;
    align-items: center;
}
.layout.l-showcase-games .list .alm-listing .item .copy h3 {margin-bottom: 0;}
.layout.l-showcase-games .list .alm-listing .item .copy .arrow {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
    flex-grow: 0;
	background-color: var(--color-white);
	background-image: url(../im/icon-right-r.png);
	background-size: 24px 24px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
}

.layout.l-game-gallery {
	padding: var(--padding-l) 0;
	background-color: var(--color-black);
}
.layout.l-game-gallery .carousel .slick-list {overflow: visible;}
.layout.l-game-gallery .carousel .item {
	opacity: 0.2;
	transform: scale(0.9);
	min-height: 400px;
	aspect-ratio: 2.075 / 1;
	border: 1px solid var(--color-white);
	border-radius: var(--border-rad-xl);
	overflow: hidden;
}
.layout.l-game-gallery .carousel .item.slick-active {
	opacity: 1;
	transform: scale(1);
}
.layout.l-game-gallery .carousel .item img,
.layout.l-game-gallery .carousel .item video {
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center;
}

.layout.l-news {
	padding: var(--padding-m) 0;
	background: linear-gradient(to bottom, var(--color-black), var(--color-brand));
}
.layout.l-news .title {
	padding: 0 160px 0 0;
	margin-bottom: var(--gap-s);
	position: relative;
}
.layout.l-news .title .button {
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
}
.layout.l-news .list .slick-list {margin: 0 calc(-1 * var(--gap-s)) 0 0;}
.layout.l-news .list .slick-list .item {margin-right: var(--gap-s);}
.layout.l-news .list .slick-track {display: flex !important;}
.layout.l-news .list .alm-paging-content {	
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--gap-s);
}
.layout.l-news .list .item {
	height: auto !important;
	background-color: var(--color-white);
	border-radius: var(--border-rad-l);
	overflow: hidden;
}
.layout.l-news .list .item .hero {
	overflow: hidden;
	background-color: var(--color-black);
}
.layout.l-news .list .item .hero img {
	width: 100%;
	height: auto;
	float: left;
	aspect-ratio: 1.5/1;
	object-fit: cover;
	object-position: center;
}
.layout.l-news .list .item:hover .hero img {transform: scale(1.05);}
.layout.l-news .list .item .copy {
	color: var(--color-black);
	padding: var(--padding-s);
}
.layout.l-news .list .item .copy .excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.layout.l-news .copy .toolbar {
    margin-bottom: var(--gap-s);
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-s);
    row-gap: var(--gap-s);
}
.layout.l-news .copy .toolbar p {
	font-size: 14px;
	line-height: 1;
  	margin-bottom: -0.2em;
}
.layout.l-news .copy .toolbar .tag {
    display: flex;
    align-items: center;
}
.layout.l-news .copy .toolbar .tag.category {
	color: var(--color-white);
	background-color: var(--color-brand);
	padding: 8px;
	border-radius: var(--border-rad-xs);
}
.layout.l-news .copy .toolbar .tag img {
	width: 24px;
	height: auto;
	margin: 0 var(--gap-xs) 0 0;
}

.layout.l-news.type-archive {background: var(--color-black);}
.layout.l-news.type-archive .sticky a {
	display: grid;
    grid-template-columns: 1fr calc((100% - 32px) / 3);
    margin-bottom: var(--gap-xl);
	border-radius: var(--border-rad-l);
    outline: 2px solid var(--color-white);
    overflow: hidden;
}
.layout.l-news.type-archive .sticky .hero {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.layout.l-news.type-archive .sticky .copy {
	padding: var(--padding-xl) var(--padding-s);
	color: var(--color-black);
	background-color: var(--color-white);
}
.layout.l-news.type-archive .sticky .copy .excerpt {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layout.l-news.type-archive .filter .alm-filters {margin-bottom: var(--gap-l);}
.layout.l-news.type-archive .filter .alm-filter--taxonomy li {
	float: left;
	clear: none;
	margin: 0 var(--gap-s) 0 0;
}
.layout.l-news.type-archive .filter .alm-filter--taxonomy li .field-radio {
	padding: 12px 16px 8px 16px;
	color: var(--color-black);
	background-color: var(--color-white);
	line-height: 1;
	border-radius: var(--border-rad-xs);
}
.layout.l-news.type-archive .filter .alm-filter--taxonomy li .field-radio.active {
	color: var(--color-white);
	background-color: var(--color-brand);
}
.layout.l-news.type-archive .filter .alm-filter--taxonomy li .field-radio:before,
.layout.l-news.type-archive .filter .alm-filter--taxonomy li .field-radio:after {display: none;}
.layout.l-news.type-archive .list .item {margin-bottom: var(--gap-s);}

.layout.l-people {	
	text-align: center;
	padding: var(--padding-m) 0;
	background-image: url(../im/gradient-alt-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.layout.l-people .list .slick-list {margin: 0 calc(-1 * var(--gap-s));}
.layout.l-people .list .slick-track {
	display: flex !important;
	gap: var(--gap-s);
}
.layout.l-people .list .item {
	height: 400px;
	color: var(--color-black);
	background-color: var(--color-white);
	border: 4px solid var(--color-white);
	border-radius: var(--border-rad-l);
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
/*.layout.l-people .list .item::before {
	content: "";
	position: absolute;
	inset: 0;
	background: inherit;
	filter: blur(5px);
	mask-image: linear-gradient(to top, var(--color-white) 20%, transparent 100%);
	-webkit-mask-image: linear-gradient(to top, var(--color-white) 20%, transparent 100%);
	z-index: 1;
}*/
.layout.l-people .list .item .fade {
    width: 100%;
    height: 50%;
    margin: 0 auto;
    background: linear-gradient(to top, var(--color-white) 40%, transparent 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.layout.l-people .list .item .stage {
	margin: 0 auto;
    padding: 0 var(--padding-xs);
    position: absolute;
    bottom: var(--padding-s);
    left: 0;
    right: 0;
    z-index: 1;
}
.layout.l-people .list .item .stage .copy h6 {margin: 0 auto;}
.layout.l-people .list .item .stage .socials {
	display: flex;
    flex-wrap: wrap;
    gap: var(--gap-s);
    row-gap: var(--gap-s);
    justify-content: center;
}
.layout.l-people .list .item .stage .socials img {
    width: 24px;
    height: auto;
    float: left;
}

.layout.l-offices {
	padding: var(--padding-m) 0;
	border-top: 1px solid var(--color-white);
	border-bottom: 1px solid var(--color-white);
}
.layout.l-offices .copy {
	width: 45%;
	float: left;
	padding-right: var(--padding-l);
	box-sizing: border-box;
}
.layout.l-offices .copy .list .item .stage {
	padding: var(--padding-s);
	border-radius: var(--border-rad-l);	
	cursor: pointer;
}
.layout.l-offices .copy .list .item.active .stage {background-color: var(--color-brand);}
.layout.l-offices .copy .list .item:nth-child(1n+2) {
	border-top: 1px solid var(--color-white);
	margin-top: var(--gap-m);
	padding-top: var(--gap-m);
}
.layout.l-offices .map {
	width: 55%;
	float: right;
	border-radius: var(--border-rad-l);
	border: 2px solid var(--color-white);
	background-color: var(--color-white);
	overflow: hidden;
	box-sizing: border-box;
}
.layout.l-offices .map iframe {
	width: 100%;
	height: 100%;
	min-height: 450px;
	float: right;
}
.layout.l-offices .map .map-2 {display: none;}

.layout.l-why {
	padding: var(--padding-l) 0;
	background-image: url(../im/placeholder-2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.layout.l-why .logomark {
	width: 100%;
    height: 100%;
    margin: 0 auto;
    background-image: url(../im/brand-logomark.png);
    background-size: cover;
    background-position: 50% 56%;
    position: absolute;
    top: 0;
    right: -25%;
    opacity: 0.5;
}
.layout.l-why .copy {
	width: 430px;
	max-width: 100%;
	float: left;
	padding: var(--padding-m);
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--border-rad-l);
    box-sizing: border-box;
}
.layout.l-why .copy .list .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-xs) 0;
    border-bottom: 1px solid var(--color-white);
}
.layout.l-why .copy .list .item img {
	width: 24px;
	height: auto;
	margin: 0 var(--gap-s) 0 0;
}
.layout.l-why .copy .list .item h6 {
	line-height: 1;
  	margin-bottom: -0.2em;
}

.layout.l-why-iconic {
	display: flex;
	border-top: 1px solid var(--color-white);
	border-bottom: 1px solid var(--color-white);
	background-color: var(--color-black);
	position: relative;
}
.layout.l-why-iconic .copy {
	width: 50%;
	float: left;
	padding: 0 0 0 40px;
	box-sizing: border-box;
}
.layout.l-why-iconic .copy .inside {
	width: 620px;
	max-width: 100%;
	float: right;
	padding: var(--padding-l) var(--padding-l) var(--padding-l) 0;
	box-sizing: border-box;
}
.layout.l-why-iconic .stage {
	width: 50%;
	float: right;
	position: relative;
}
.layout.l-why-iconic .stage .carousel,
.layout.l-why-iconic .stage .carousel .slick-list,
.layout.l-why-iconic .stage .carousel .slick-track {
	width: 100%;
	height: 100%;
	padding: 0 !important;
    margin: 0 !important; 
}
.layout.l-why-iconic .stage .carousel .item {
	width: 50vw;
	height: 100%;
	background-size: auto 140%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.layout.l-why-iconic .stage .carousel .item .subtitle {
	width: fit-content;
	padding: var(--padding-m) var(--padding-s);
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;	
    border-radius: var(--border-rad-xl);
    overflow: hidden;
}
.layout.l-why-iconic .stage .carousel .item.slick-active .subtitle {
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.2);
}
.layout.l-why-iconic .stage .carousel .item .subtitle h4 {
	line-height: 1;
    margin-bottom: -0.2em;
}
.layout.l-why-iconic .stage .slide-toolbar {
	opacity: 0;
	pointer-events: none;
	width: fit-content;   
	padding: var(--padding-xs) var(--padding-s);
	margin: 0 auto;
	display: flex; 
	align-items: center;
    column-gap: var(--gap-s);
	position: absolute;
	bottom: var(--padding-m);
	left: 0;
	right: 0;		
    background-color: var(--color-white);
    border-radius: var(--border-rad-xl);
    box-sizing: border-box;
}
.layout.l-why-iconic .stage .slide-toolbar.active {
	opacity: 1;
	pointer-events: all;
}
.layout.l-why-iconic .stage .slide-toolbar img {
    width: 24px;
    height: 24px;
}
.layout.l-why-iconic .stage .slide-toolbar p {
    color: var(--color-black);
    line-height: 1;
    margin-bottom: -0.2em;
}

.layout.l-feature-spotlight {	
	padding: var(--padding-l) 0;
	background-image: url(../im/gradient-bg.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}
.layout.l-feature-spotlight .title {margin-bottom: var(--gap-s);}
.layout.l-feature-spotlight .list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
}
.layout.l-feature-spotlight .list .item {
	height: 400px;
	background-color: var(--color-brand);
	border-radius: var(--border-rad-l);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 16px 24px 0 rgba(28,28,28,0.15);
	overflow: hidden;
	position: relative;
}
.layout.l-feature-spotlight .list .item .copy {
	padding: var(--padding-s);
	backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(2, 0, 17, 0.2);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.layout.l-feature-spotlight .list .item .copy h6 {margin: 0 auto;}

.layout.l-feature-detail {
	padding: var(--padding-l) 0;
	border-top: 1px solid var(--color-white);
	border-bottom: 1px solid var(--color-white);
}
.layout.l-feature-detail .stage {
	display: flex;
	align-items: center;
	column-gap: var(--padding-l);
}
.layout.l-feature-detail .stage .copy {
	flex: 1;
	box-sizing: border-box;
}
.layout.l-feature-detail .stage .copy .list {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
}
.layout.l-feature-detail .stage .copy .list .item {
	border-radius: var(--border-rad-m);
	color: var(--color-black);
	background-color: var(--color-white);
	padding: var(--padding-xs) var(--padding-s);
}
.layout.l-feature-detail .stage .copy .list .item .subtitle {
	display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: var(--gap-s);
}
.layout.l-feature-detail .stage .copy .list .item .subtitle img {
	width: 24px;
	height: auto;
	margin: 0 var(--gap-s) 0 0;
}
.layout.l-feature-detail .stage .copy .list .item .subtitle h6 {
	line-height: 1;
  	margin-bottom: -0.2em;
}
.layout.l-feature-detail .stage .copy .list .item p {margin: 0;}
.layout.l-feature-detail .stage .image {
	flex: 1;
	border-radius: var(--border-rad-xl);
	border: 2px solid var(--color-white);
	overflow: hidden;
	box-sizing: border-box;
}
.layout.l-feature-detail .stage .image img {
	width: 100%;
	height: 100%;
	min-height: 400px;
	float: right;
	object-fit: cover;
	object-position: center;
}

.layout.l-unique-tools {	
	padding: var(--padding-l) 0;
	background-image: url(../im/gradient-alt-2-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.layout.l-unique-tools .title {margin-bottom: var(--gap-s);}
.layout.l-unique-tools .list {
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
}
.layout.l-unique-tools .list .item {
	aspect-ratio: 1/1;
	background-color: var(--color-brand);
	border-radius: var(--border-rad-l);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
.layout.l-unique-tools .list .item .copy {
	padding: var(--padding-s) var(--padding-s) 0 var(--padding-s);
	backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    background: rgba(2,0,17,0.2);
    margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
}
.layout.l-unique-tools .list .item .copy h4 {padding-right: var(--gap-l);}
.layout.l-unique-tools .list .item .copy .shrouded {display: none;}
.layout.l-unique-tools .list .item .copy .toggle {
	width: 20px;
	height: 20px;
	margin: 0 auto;
	position: absolute;
	top: var(--padding-s);
	right: var(--padding-s);
}
.layout.l-unique-tools .list .item .copy .toggle img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
}
.layout.l-unique-tools .list .item.triggered .copy .toggle img:nth-child(1) {opacity: 0;}

.layout.l-jobs {	
	padding: var(--padding-l) 0;
	background-image: url(../im/gradient-alt-2-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.layout.l-jobs .title {margin-bottom: var(--gap-s);}
.layout.l-jobs .list p {margin-bottom: 0;}
.layout.l-jobs .list .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--gap-m);
    padding: var(--padding-s);
    margin-bottom: var(--gap-s);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--border-rad-l);
}
.layout.l-jobs .list .item:nth-last-child(1) {margin-bottom: 0px;}
.layout.l-jobs .list .item .subtitle {width: 270px;}
.layout.l-jobs .list .item .subtitle h4 {margin-bottom: var(--gap-xs);}
.layout.l-jobs .list .item .subtitle .tags {
	display: flex;
	column-gap: var(--gap-xs);
}
.layout.l-jobs .list .item .subtitle .tag {
    color: var(--color-white);
    background-color: var(--color-brand);
    padding: 8px;
    text-align: center;
    border-radius: var(--border-rad-xs);
}
.layout.l-jobs .list .item .subtitle .tag p {
    font-size: 14px;
    line-height: 1;
    margin-bottom: -0.2em;
}
.layout.l-jobs .list .item .description {width: 400px;}
.layout.l-jobs .list .item .details {
	display: grid;
	row-gap: var(--gap-xs);
	white-space: nowrap;
}
.layout.l-jobs .list .item .details .detail {
	display: flex;
    align-items: center;
}
.layout.l-jobs .list .item .details .detail img {
	width: 24px;
	height: auto;
	margin: 0 var(--gap-xs) 0 0;
}
.layout.l-jobs .list .item .details .detail p {
	font-size: 14px;
	line-height: 1;
  	margin-bottom: -0.2em;
}
.layout.l-jobs .list .item .button {white-space: nowrap;}

.layout.l-mission-vision {
	padding: var(--padding-l) 0;
	border-top: 1px solid var(--color-white);
	border-bottom: 1px solid var(--color-white);
	background-image: url(../im/placeholder-2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.layout.l-mission-vision .logomark {
	width: 100%;
    height: 100%;
    margin: 0 auto;
    background-image: url(../im/brand-logomark.png);
    background-size: cover;
    background-position: 50% 56%;
    position: absolute;
    top: 0;
    right: -25%;
    opacity: 0.5;
}
.layout.l-mission-vision .stage {
	padding: var(--padding-m);
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--border-rad-l);
    box-sizing: border-box;
}
.layout.l-mission-vision .stage h3 {margin-bottom: 0px;}
.layout.l-mission-vision .stage .tags {
	display: flex;
	column-gap: var(--gap-s);
}
.layout.l-mission-vision .stage .tag {
    color: var(--color-black);
    background-color: var(--color-white);
    padding: 10px 16px;
    text-align: center;
    border-radius: var(--border-rad-xs);
    cursor: pointer	;
}
.layout.l-mission-vision .stage .tag.active {
	color: var(--color-white);
    background-color: var(--color-brand);
}
.layout.l-mission-vision .stage .tag p {
    font-size: 14px;
    line-height: 1;
    margin-bottom: -0.2em;
}
.layout.l-mission-vision .stage .copy {padding-top: var(--padding-m);}
.layout.l-mission-vision .stage .copy .vision-copy {display: none;}

.layout.l-values {
	padding: var(--padding-l) 0;
	background: linear-gradient(to bottom, var(--color-black), var(--color-brand));
}
.layout.l-values .title {margin-bottom: var(--gap-s);}
.layout.l-values .list {
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
}
.layout.l-values .list .item {
	padding: var(--padding-xs);
	border-radius: var(--border-rad-l);
	background-color: var(--color-brand);
}
.layout.l-values .list .item .hero {
	background-color: var(--color-brand-darker);
	border-radius: var(--border-rad-l);
	position: relative;
	overflow: hidden;
}
.layout.l-values .list .item .hero .fade {
    width: 100%;
    height: 60%;
    margin: 0 auto;
    background: linear-gradient(to top, var(--color-brand-dark), transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.layout.l-values .list .item .hero img {
	width: 100%;
	height: auto;
	float: left;
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
}
.layout.l-values .list .item .copy {padding: var(--padding-s) var(--padding-s) 0 var(--padding-s);}
.layout.l-values .list .item .copy h3,
.layout.l-values .list .item .copy p {margin-bottom: 0;}

.layout.l-form {
	padding: 200px 0 var(--padding-l) 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.layout.l-form .stage {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gap-xl);
	align-items: stretch;
}
.layout.l-form .stage .form {
	padding: var(--padding-m) var(--padding-m) 0 var(--padding-m);	
	background-image: url(../im/gradient-alt-4-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid var(--color-white);
	border-radius: var(--border-rad-l);
}
.layout.l-form .stage .form .frm_primary_label,
.layout.l-form .stage .form label {
	color: var(--color-white);
	font-family: var(--font-compact);
}
.layout.l-form .stage .form input,
.layout.l-form .stage .form select,
.layout.l-form .stage .form textarea {font-family: var(--font-compact);}
.layout.l-form .stage .form select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 16px 20px;
	background-image: url(../im/icon-arrow-down-b.png);
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 24px 24px;
}
.layout.l-form .stage .form .frm_radio {margin-top: 5px;}
.layout.l-form .stage .form .vertical_radio {
	display: grid;
	align-items: center;
}
.layout.l-form .stage .form .frm_checkbox {margin-bottom: 0px;}
.layout.l-form .stage .form .frm_submit {display: block;}
.layout.l-form .stage .form .frm_button_submit {float: right;}

.layout.l-form-resources {
	padding: var(--padding-l) 0;
	background: linear-gradient(to bottom, var(--color-brand), var(--color-black));
}
.layout.l-form-resources .stage {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gap-xl);
	align-items: stretch;
}
.layout.l-form-resources .stage .form {
	padding: var(--padding-m) var(--padding-m) 0 var(--padding-m);	
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.2);
	border-radius: var(--border-rad-l);
}
.layout.l-form-resources .stage .form p,
.layout.l-form-resources .stage .form h5,
.layout.l-form-resources .stage .form h6 {margin-bottom: 0;}
.layout.l-form-resources .stage .form select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 16px 20px;
	background-image: url(../im/icon-arrow-down-b.png);
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 24px 24px;
}
.layout.l-form-resources .stage .form .frm_button_submit {width: 100%;}

.layout.l-copy {
	padding: 200px 0 var(--padding-l) 0;
	color: var(--color-black);
	background-color: var(--color-white);
}

/* Layouts */


/* Single Post */

.single-post .stage {
	padding: 180px 0 var(--padding-l) 0;
	background-color: var(--color-black);
}
.single-post .stage .copy .toolbar {margin-bottom: var(--gap-m);}
.single-post .copy .toolbar {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
}
.single-post .copy .toolbar p {
	font-size: 14px;
	line-height: 1;
  	margin-bottom: -0.2em;
}
.single-post .copy .toolbar .tag {
    display: flex;
    align-items: center;
}
.single-post .copy .toolbar .tag.category {
	color: var(--color-white);
	background-color: var(--color-brand);
	padding: 8px;
	border-radius: var(--border-rad-xs);
}
.single-post .copy .toolbar .tag img {
	width: 24px;
	height: auto;
	margin: 0 var(--gap-xs) 0 0;
}
.single-post .stage .copy .share {margin: 0 0 var(--gap-l) 0;}
.single-post .copy .share {margin: var(--gap-xs) 0 var(--gap-m) 0;}
.single-post .copy .share p {margin-bottom: var(--gap-xs);}
.single-post .copy .share a {
	padding: 4px;
	background-color: var(--color-white);
	float: left;
	border-radius: 100%;
	margin-right: var(--gap-xs);
	cursor: pointer;
	position: relative;
}
.single-post .copy .share a span {
	width: max-content;
    margin: 0 auto;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
}
.single-post .copy .share a img {
	width: 24px;
	height: 24px;
	float: left;
}
.single-post .stage .image {
	width: 100%;
	float: right;
	border-radius: var(--border-rad-xl);
	border: 1px solid var(--color-white);
	overflow: hidden;
	box-sizing: border-box;
}
.single-post .stage .image img {
	width: 100%;
	height: auto;
	float: left;
	aspect-ratio: 2/1;
	object-fit: cover;
	object-position: center;
}

.single-post.type-event .stage .fixed-width {
	display: grid;
	grid-template-columns: 1fr 500px;
	gap: var(--padding-xl);
	align-items: stretch;
}
.single-post.type-event .stage .image img {aspect-ratio: 1/1;}

.single-post .intro {
	padding: 0 0 var(--padding-m) 0;
	background: linear-gradient(to bottom, var(--color-black), var(--color-brand));
}

.single-post .l-copy {padding: 0px;}
.single-post .l-copy .fixed-width {display: flex;}
.single-post .l-copy .copy {padding: var(--padding-l) 0;}
.single-post .l-copy .related {
	width: 600px;
    float: right;
    padding: var(--padding-l) 100px;    
    background: #F2F2F3;
    position: relative;
    right: -120px;
    box-sizing: border-box;
}
.single-post .l-copy .related .list {
	display: grid;
	row-gap: var(--gap-l);
}
.single-post .l-copy .related .list .item {box-shadow: 0 4px 8px 0 rgba(28, 28, 28, 0.15);}

/* /Single Post */