.item-container .item{background-color:var(--bg-color-secondary);aspect-ratio:2/1.5;z-index:1;will-change:transform;border-radius:10px;height:60vh;padding:35px;position:relative;overflow:hidden}@media (max-width:768px){.item-container .item{height:50vh}}.item-container .item:hover .infos-left :where(.title,.type){opacity:1;transform:translateY(0)}.item-container .item:hover .infos-left .type{transition-delay:.1s}.item-container .item:hover .infos-right .link{opacity:1;transition:opacity .4s ease-in .5s}.item-container .item__link{width:100%;height:100%;position:absolute;top:0;left:0}.item-container .item .infos-left .title{font-size:20px;font-weight:var(--font-medium);margin:0 0 4px}.item-container .item .infos-left .type{font-weight:var(--font-medium);margin:0;font-size:14px}.item-container .item .infos-left :where(.title,.type){will-change:transform;opacity:0;transition:opacity .2s,transform .4s;transform:translateY(30px)}@media (hover:none){.item-container .item .infos-left :where(.title,.type){opacity:1;transform:translateY(0)}}.item-container .item .infos-right .link{opacity:0;will-change:opacity;transition:opacity .3s;display:flex}@media (hover:none){.item-container .item .infos-right .link{opacity:1}}.item-container .item .infos-right .link:hover svg{opacity:.5}.item-container .item .infos-right .link svg{transition:opacity 1.2s cubic-bezier(.23,1,.32,1)}
.pagination{will-change:transform;justify-content:center;align-items:center;display:flex;position:fixed;bottom:50px;left:50%;transform:translate(-50%)}@media (hover:none){.pagination{display:none}}.pagination .stick{background-color:var(--txt-color-secondary);will-change:transform;width:1px;height:10px;margin:0 5px;transition:all .5s ease-out}.pagination .stick.active{background-color:var(--txt-color-primary);transform:scaleY(2.5)}.pagination .stick.prev,.pagination .stick .stick.next{transform:scaleY(1.5)}
.home{height:100%;display:flex}@media (hover:none){.home{overflow-x:scroll}}