:root{--card-height:200vw;--card-margin:68vw;--card-top-offset:7em;--numcards:5;--outline-width:0px}#cards{display:grid;gap:var(--card-margin);grid-template-columns:1fr;grid-template-rows:repeat(var(--numcards),var(--card-height));list-style:none;margin-bottom:var(--card-margin);padding-bottom:0;padding-left:0;padding-top:8em}#cards .reg-div{margin:1em 0!important}.cardstx{opacity:0;position:relative;top:0;transform:translateY(50px);transition:opacity .4s ease-out,transform .4s ease-out;z-index:calc(100 - var(--index))}.cardstx.active{opacity:1;transform:translateY(0)}#card_1{--index:1;margin:auto;width:80%;z-index:34}#card_2{--index:2;margin:auto;width:85%;z-index:35}#card_3{--index:3;margin:auto;width:90%;z-index:36}#card_4{--index:4;margin:auto;width:95%;z-index:37}#card_5{--index:5;margin:auto;width:100%;z-index:38}.card__content{align-items:stretch;background:#fff;border-radius:20px;box-shadow:0 .2em 1em rgba(0,0,0,.1),0 1em 2em rgba(0,0,0,.1);color:#0a0507;display:grid;grid-template-areas:"img" "text";grid-template-columns:1fr;grid-template-rows:auto;overflow:hidden;transition:box-shadow .3s ease}.card__content>figure{grid-area:img;margin:0;overflow:hidden}.card__content>figure>img{height:100%;object-fit:cover;width:100%}.card__content>div{padding:0}.box,.card__content>div{display:flex;flex-direction:column}.box{border-radius:10px;color:#000;font-size:1em;margin:1em 0;padding:.6em;width:100%}.boxitem{align-items:center;display:flex;gap:.6em;margin:.3em 0}@media (max-width:834px){.cardstx{transform:translateY(20vh);transition:opacity .5s ease-out,transform .5s ease-out}.cardstx.active{opacity:1;transform:translateY(0)}#cards{grid-template-rows:repeat(var(--numcards),150vw);margin-bottom:var(--card-margin);padding:0}}@media (min-width:440px){:root{--card-height:200vw;--card-margin:24vw;--card-top-offset:7em;--numcards:5;--outline-width:0px}}@media (min-width:834px){:root{--card-height:52vw;--card-margin:10vw;--card-top-offset:1.2em;--numcards:4;--outline-width:0px}.card__content{grid-template-areas:"text img";grid-template-columns:.5fr 1fr}.cardstx{padding-top:calc(var(--index)*var(--card-top-offset));position:sticky;top:8svh}.card__content>div{min-width:36vw;padding:1.5em 2.5em}}@media (min-width:1440px){:root{--card-height:38vw;--card-margin:8vw}}