:is(#whyPage,#realizationPage) .v6-hero{ min-height:430px; background-color:#07130d; background-image: linear-gradient(90deg,rgba(6,18,12,.99) 0%,rgba(6,18,12,.96) 27%,rgba(6,18,12,.80) 42%,rgba(6,18,12,.30) 58%,rgba(6,18,12,.04) 78%,rgba(6,18,12,.02) 100%), var(--hero); background-size:auto 100%; background-position:right center; background-repeat:no-repeat; } :is(#whyPage,#realizationPage) .v6-hero:after{ background:linear-gradient(180deg,rgba(3,12,7,.03) 55%,rgba(3,12,7,.26) 100%); } :is(#whyPage,#realizationPage) .v6-hero-inner{min-height:430px;padding-top:24px;padding-bottom:24px} :is(#whyPage,#realizationPage) .v6-hero-copy{max-width:520px} :is(#whyPage,#realizationPage) .v6-hero h1{font-size:58px} :is(#whyPage,#realizationPage) .v6-hero p{max-width:510px} @media(max-width:980px){ :is(#whyPage,#realizationPage) .v6-hero{ min-height:560px; background-image: linear-gradient(180deg,rgba(6,18,12,.99) 0%,rgba(6,18,12,.95) 39%,rgba(6,18,12,.54) 57%,rgba(6,18,12,.08) 76%,rgba(6,18,12,.02) 100%), var(--hero); background-size:auto 56%; background-position:center bottom; } :is(#whyPage,#realizationPage) .v6-hero-inner{min-height:560px;align-items:flex-start;padding-top:34px;padding-bottom:250px} :is(#whyPage,#realizationPage) .v6-hero-copy{max-width:650px} } @media(max-width:640px){ :is(#whyPage,#realizationPage) .v6-hero{min-height:610px;background-size:auto 48%;background-position:center bottom} :is(#whyPage,#realizationPage) .v6-hero-inner{min-height:610px;padding-top:28px;padding-bottom:245px} :is(#whyPage,#realizationPage) .v6-hero h1{font-size:44px;line-height:.9} :is(#whyPage,#realizationPage) .v6-hero h2{font-size:15px} :is(#whyPage,#realizationPage) .v6-hero p{font-size:13px} :is(#whyPage,#realizationPage) .v6-actions{margin-top:14px} }