:root{--card-height:auto;--card-margin:1px;--card-top-offset:0;--numcards:4;--outline-width:0}#cards{grid-template-columns:1fr;grid-template-rows:repeat(var(--numcards),var(--card-height));gap:var(--card-margin);padding-bottom:calc(var(--numcards) * var(--card-top-offset));margin-bottom:var(--card-margin);list-style:none;display:grid}#card-1{--index:1}#card-2{--index:2}#card-3{--index:3}#card-4{--index:4}.card{padding-top:calc(var(--index) * var(--card-top-offset));position:sticky;top:0}.card-content{overflow:hidden}.card-content>div{text-align:left;grid-area:text;place-self:center;place-items:start;gap:1em;width:95%;max-width:800px;display:grid}.card{--index0:calc(var(--index) - 1);--reverse-index:calc(var(--numcards) - var(--index0));--reverse-index0:calc(var(--reverse-index) - 1)}.card__content{transform-origin:50% 0;will-change:transform;--duration:calc(var(--reverse-index0) * 1s);--delay:calc(var(--index0) * 1s);animation:var(--duration) linear scale var(--delay) forwards;animation-timeline:cards-element-scrolls-in-body}@keyframes scale{to{transform:scale(calc(1.1 - calc(.1 * var(--reverse-index))))}}.siana,.siana2,.sianta,.sianta2{position:relative}.pt-left,.pt-right{display:none}@media (min-width:992px){.siana,.siana2{padding:25px}.siana:before,.siana:after,.siana2:before,.siana2:after{content:"";background:var(--main-color3);z-index:-1;border-radius:5px;position:absolute}.siana:before{background:var(--main-color2);width:40%;height:20%;top:10px;left:10px}.siana2:before{background:var(--main-color2);width:40%;height:20%;top:10px;right:10px}.siana:after{width:70%;height:60%;bottom:0;right:0}.siana2:after{width:70%;height:60%;bottom:0;left:0}.pt-left{opacity:.04;width:110px;display:block;position:absolute;left:-80px}.pt-right{opacity:.04;width:110px;display:block;position:absolute;right:-80px}}