.banner{height:4rem}.banner .banner-link{flex:0 0 100%;text-decoration:none;cursor:pointer;background-color:var(--app-muted-light-foreground);color:var(--app-muted-light)}.banner .banner-link .banner-btn{padding:0;min-width:7rem}.main-hero{position:relative;padding-top:9rem;padding-bottom:9rem}.main-hero .main-hero-image{position:absolute;top:0;left:0;z-index:-1}.main-hero .main-hero-image::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--app-secondary);opacity:.5;z-index:1;--degree: 90deg}@supports(background: linear-gradient(90deg, var(--app-secondary) 0%, transparent 100%)){.main-hero .main-hero-image::before{background:linear-gradient(var(--degree), var(--app-secondary) 0%, transparent 100%);opacity:1}}.main-hero .main-hero-image:where([dir=rtl],[dir=rtl] *)::before{--degree: 270deg}.main-hero .main-hero-content{position:relative;z-index:1}@media screen and (min-width: 1200px){.main-hero .main-hero-content{max-width:768px}}@media screen and (min-width: 1400px){.main-hero .main-hero-content{max-width:992px}}.values .values-image{aspect-ratio:16/9}@media screen and (min-width: 1200px){.values .values-image{aspect-ratio:auto}}.long-image{max-height:18rem}@media screen and (min-width: 1200px){.long-image{max-height:27rem}}