.horizontal__wrap *{box-sizing:border-box}.demo-header__h1{letter-spacing:-.04em;margin-top:0;margin-bottom:0;font-size:4em;font-weight:500;line-height:.95}.horizontal__wrap{flex-flow:row;min-height:100dvh;display:flex;overflow:hidden}.horizontal__panel{flex:none;width:100%}.horizontal__panel:has(+.horizontal__panel) .horizontal__panel-inner{padding-right:0}.horizontal__panel-inner{width:100%;height:100%;padding:5vw}@media (max-width:768px){.horizontal__panel-inner{padding:0;height:auto}}.demo-card{border-radius:1.25em;flex-flow:column;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;padding:5vw;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.demo-card{flex-direction:column;overflow:visible}}.demo-card__bg{z-index:0;position:absolute;top:0;bottom:0;left:-10%;width:110%}@media (max-width:768px){.demo-card__bg{left:0;width:100%;position:relative;margin-bottom:2rem;aspect-ratio:16/9}}.demo-card__bg:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:11;opacity:.75;background:linear-gradient(195deg,transparent 0,rgba(0,0,0,.9) 79%,#000 100%)}@media (max-width:768px){.demo-card__bg:before{content:none}}.demo-card__inner{z-index:1;position:relative;max-width:50%}@media (max-width:768px){.demo-card__inner{max-width:100%}}.demo-card__inner .block-title{color:#fff}.demo-card__inner .block-text{color:#fff;font-size:2.5rem;line-height:1.3}@media (max-width:768px){.demo-card__inner .block-text{font-size:1.8rem}}.demo-card__bg-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}@media (max-width:768px){.demo-card__bg-img{aspect-ratio:10/8}}@media screen and (max-width:767px){.demo-header__h1{font-size:2.5em}.horizontal__wrap{flex-flow:column}.demo-card{padding:1.25em}}