:root{--cardHeight: 67.2svh;--cardTopPadding: 20px;--aspectRatio: 16/9}.container{width:100%;height:100vh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;padding-bottom:25vh;padding-right:0;scroll-behavior:smooth;margin-right:0;display:flex;flex-direction:column;align-items:center;scroll-padding-top:var(--cardTopPadding)}#cards{list-style:none;padding:0;height:calc(100vh * var(--total-cards, 1));position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.card{width:100%;height:100vh;position:sticky;top:var(--cardTopPadding);display:flex;align-items:center;justify-content:center;z-index:var(--card-index);margin-bottom:-25vh;cursor:pointer;scroll-snap-align:start;padding:0}.card-body{box-sizing:border-box;border-radius:12px;width:100%;max-width:min(1200px,calc(100% - 40px));aspect-ratio:var(--aspectRatio);height:auto;display:flex;justify-content:center;align-items:center;transition:all .5s;overflow:hidden;background:#fff;padding:0;margin:0;box-shadow:0 0 20px #0000001a}.card-body img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}h2{font-size:2.5em}.container::-webkit-scrollbar{display:none}.container{-ms-overflow-style:none;scrollbar-width:none}.card:not(:nth-child(-n+5)) .card-body{box-shadow:none}.card.active .card-body{box-shadow:0 0 20px #0000001a}@media screen and (max-width:768px){:root{--cardTopPadding: 10px}.card-body{max-width:calc(100% - 20px);border-radius:8px}.container{padding-bottom:15vh;padding-top:0}.card{margin-bottom:-15vh;height:90vh}}@media screen and (min-width:896px)and (max-width:1119px){:root{--cardTopPadding: 40px}.container{padding-top:40px;scroll-snap-type:y proximity;scroll-padding-top:40px;overflow-y:visible}.card{height:95vh;margin-bottom:-25vh;margin-top:0;scroll-snap-align:start;scroll-snap-stop:always}.card:first-child{margin-top:0;scroll-margin-top:40px}.card:not(:first-child){margin-top:10vh}}@media screen and (min-width:1120px)and (max-width:1534px){.container{width:100%;max-width:none;padding-right:0;margin-right:0}.card-body{width:calc(100% - 40px);max-width:none}}@media screen and (max-width:1120px){:root{--cardTopPadding: 0}.container{width:100%;padding:20px 0 0;box-sizing:border-box;height:calc(100vh - 40px);max-width:none;scroll-snap-type:y mandatory;scroll-padding-top:20px;overflow-y:scroll}.card{width:100%;display:flex;justify-content:center;align-items:flex-start;padding:0 20px;box-sizing:border-box;height:95vh;margin-bottom:0;margin-top:0;scroll-snap-align:start;scroll-snap-stop:always}.card:first-child{margin-top:0}.card:not(:first-child){margin-top:-45vh}.card.active{transform:none}}@media screen and (max-width:768px){:root{--cardTopPadding: 0}.container{padding-top:10px;scroll-padding-top:10px}.card{padding:0 10px;height:90vh}.card:not(:first-child){margin-top:-40vh}}@media screen and (max-width:480px){:root{--cardTopPadding: 20px}.container{padding-top:60px;scroll-padding-top:60px;height:90vh}.card{padding:0 8px;height:85vh;position:sticky;top:60px}.card:first-child{margin-top:30px}.card:not(:first-child){margin-top:-35vh}.card-body{margin-top:30px;max-width:calc(100% - 16px)}}