.diagonal-cards{padding-block:var(--space-xxlg) var(--space-xlg);margin-inline:var(--edge);position:relative}@media only screen and (min-width: 100em){.diagonal-cards{margin-inline:calc(var(--edge) * 2)}}.diagonal-cards__title{max-width:20rem;margin-bottom:var(--space-lg);font-weight:500}@media only screen and (min-width: 64em){.diagonal-cards__title{max-width:30rem;position:absolute}}.diagonal-cards__title h1,.diagonal-cards__title h2{text-wrap:unset}.diagonal-cards__subtitle{max-width:15rem;margin-top:var(--space-lg);margin-left:auto;text-align:right;font-weight:500}@media only screen and (min-width: 64em){.diagonal-cards__subtitle{position:absolute;right:0;bottom:var(--space-xlg)}}.diagonal-cards__subtitle>*{margin-bottom:0;margin-left:auto}.diagonal-cards__subtitle .btn{margin-top:var(--space-sm)}@media only screen and (min-width: 40em){.diagonal-cards__blocks{padding-left:3rem;margin-block:-5rem;display:flex;flex-flow:row-reverse nowrap;align-items:flex-start}}@media only screen and (min-width: 64em){.diagonal-cards__blocks{padding-left:6rem;margin-block:0}}.diagonal-cards__blocks-item{width:calc(100% - 2rem);aspect-ratio:4/3;position:relative;display:block;color:var(--color);line-height:var(--line-height-md);background:var(--bg);border-radius:var(--card-border-radius);transform-origin:top;transition:transform .3s,box-shadow .3s;box-shadow:0 0 #0000}@media only screen and (min-width: 40em){.diagonal-cards__blocks-item{width:auto;flex:33.3333333333%;margin-left:-3rem}}@media only screen and (min-width: 64em){.diagonal-cards__blocks-item{margin-left:-6rem}}.diagonal-cards__blocks-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(-10deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.65) 70%);border-radius:var(--card-border-radius);z-index:1;pointer-events:none}.diagonal-cards__blocks-item:hover{transform:perspective(50rem) translateY(-1.5rem);box-shadow:0 20px 30px #0003}.diagonal-cards__blocks-item.item-2{margin-top:-4rem;margin-left:1rem;animation-delay:.2s}@media only screen and (min-width: 40em){.diagonal-cards__blocks-item.item-2{margin-top:10%;margin-left:-3rem}}@media only screen and (min-width: 64em){.diagonal-cards__blocks-item.item-2{margin-top:20%;margin-left:-6rem}}.diagonal-cards__blocks-item.item-3{margin-top:-4rem;margin-left:2rem;animation-delay:.4s}@media only screen and (min-width: 40em){.diagonal-cards__blocks-item.item-3{margin-top:20%;margin-left:-3rem}}@media only screen and (min-width: 64em){.diagonal-cards__blocks-item.item-3{margin-top:40%;margin-left:-6rem}}.diagonal-cards__blocks-item-content{width:100%;height:100%;padding:var(--space-sm);position:relative;z-index:2}.diagonal-cards__blocks-item .image{width:100%;height:100%;position:absolute;top:0;left:0}.diagonal-cards__blocks-item .image img{border-radius:var(--card-border-radius)}