.ys-site{-webkit-font-smoothing:antialiased}
.ys-icon{width:1em;height:1em;display:inline-block;flex:0 0 auto;vertical-align:-.15em}
.ys-hero{padding-top:70px;border-bottom:1px solid #171b1f;background:#030405;isolation:isolate}
.ys-hero:after{content:"";position:absolute;z-index:-1;top:0;right:0;width:55.2%;height:calc(100% - 138px);background:url("../images/reference/hero-right-reference.png") center/cover no-repeat}
.ys-hero:before{z-index:0;background:linear-gradient(90deg,#030405 0%,rgba(3,4,5,.98) 35%,rgba(3,4,5,.5) 52%,rgba(3,4,5,0) 69%)}
.ys-hero__grid{min-height:548px}
.ys-hero h1{font-family:Impact,"Arial Narrow","Roboto Condensed",sans-serif;font-size:70px;font-weight:400;line-height:.91;letter-spacing:.1px;text-shadow:0 3px 18px rgba(0,0,0,.35)}
.ys-features span{font-size:27px;gap:10px}
.ys-actions .ys-icon{font-size:18px}
.ys-hero__car{visibility:hidden}
.ys-stats i .ys-icon{width:38px;height:38px}
.ys-info article>i{line-height:1}
.ys-info article>i .ys-icon{width:48px;height:48px}
.ys-license>span{height:126px;display:block;background:#d7dde0;position:relative;overflow:hidden}
.ys-license>span img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block}
.ys-license>span:after{display:none}
.ys-process article i .ys-icon{width:36px;height:36px}
.ys-benefits i .ys-icon{width:44px;height:44px}
.ys-benefits__icon{display:flex;width:54px;height:54px;margin:0 auto;align-items:center;justify-content:center}
.ys-benefits__icon img{display:block;width:100%;height:100%;object-fit:contain}
.ys-gallery button{background:#111;text-align:left}
.ys-gallery-art{display:block;padding:0;position:relative;background:#d7dde0}
.ys-gallery-art:before{display:none}
.ys-gallery-art img{width:100%;height:100%;object-fit:cover;display:block}
.ys-lightbox>div>.ys-icon{width:160px;height:160px;color:var(--brand-red)}
.ys-lightbox>div>span{display:none}
.ys-footer img{filter:none;background:transparent}
.ys-cta a{color:#111!important}
.ys-faq h3 button{color:#111}
.ys-elementor-page .ys-benefits,.elementor .ys-benefits{background-color:#080b0e!important;background-image:radial-gradient(circle at 50% 20%,#1a2025,#070a0d)!important}
.ys-elementor-page>.elementor{width:100%}
.ys-elementor-page .ys-elementor-section,.ys-elementor-page .elementor-widget-html{width:100%;max-width:none;padding:0;margin:0}

/* Reference screenshot density at 1440 px. */
@media(min-width:1200px){
	.ys-menu-toggle{display:none!important}
	.ys-container{width:min(1320px,calc(100% - 72px))}
	.ys-logo,.ys-logo img{width:290px}
	.ys-menu{gap:32px;font-size:16px}
	.ys-section{padding-top:58px;padding-bottom:58px}
	.ys-info{padding-top:50px;padding-bottom:40px}
	.ys-licenses{padding-top:32px;padding-bottom:56px}
	.ys-process{padding-top:48px;padding-bottom:58px}
	.ys-benefits{padding-top:46px;padding-bottom:52px}
	.ys-gallery{padding-top:42px;padding-bottom:30px}
	.ys-faq{padding-top:12px;padding-bottom:42px}
	.ys-title{margin-bottom:34px;font-size:29px}
	.ys-info article{min-height:172px}
	.ys-faq article:nth-child(-n+3){grid-column:1}
	.ys-faq article:nth-child(n+4){grid-column:2}
	.ys-faq article:nth-child(1),.ys-faq article:nth-child(4){grid-row:1}
	.ys-faq article:nth-child(2),.ys-faq article:nth-child(5){grid-row:2}
	.ys-faq article:nth-child(3),.ys-faq article:nth-child(6){grid-row:3}
}

@media(max-width:767px){
	.ys-hero h1{font-size:46px}
	.ys-hero:after{width:100%;height:42%;top:auto;bottom:138px;background-position:center}
	.ys-hero__car{display:block;visibility:hidden;height:270px;margin:0}
}

@media(max-width:390px){
	.ys-hero h1{font-size:40px}
}