.bento-gallery{flex-flow:wrap;justify-content:center;gap:30px;width:100%;display:flex}.bento-box{opacity:.75;flex:1;transition:opacity .5s,transform .2s;display:flex;position:relative}.bento-box .bento-image{border-radius:20px;flex:1;width:-moz-fit-content;width:fit-content;display:flex;overflow:hidden}.bento-box .bento-image img{object-fit:cover;flex:1;width:auto;height:300px;transition:all .5s}.bento-box .bento-image:before{content:" ";z-index:1;border-radius:20px;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 0 50px rgba(2,4,12,.8)}.bento-box .bento-text-and-filter{background:linear-gradient(transparent 0%,rgba(0,0,0,.8) 100%);border-radius:0 0 20px 20px;flex-direction:column;justify-content:end;align-items:center;gap:5px;width:100%;height:50%;display:flex;position:absolute;bottom:0;left:0}.bento-box .bento-text-and-filter h3,.bento-box .bento-text-and-filter p{text-align:end;text-shadow:0 0 7px #000;width:calc(100% - 40px);font-family:Montserrat,sans-serif;font-size:24px;font-weight:400}.bento-box .bento-text-and-filter p{text-shadow:0 0 7px #000;margin-bottom:20px;font-size:15px;font-weight:200}.bento-box .view-like-bundle{text-shadow:0 0 7px #000;position:absolute;top:20px;right:20px}.bento-box .view-like-bundle svg{filter:drop-shadow(0 0 7px #000)}.bento-box:hover{opacity:1}.bento-box:hover img{transform:scale(1.05)}
.view-like-bundle,.view-like-container{flex-flow:row;align-items:center;display:flex}.view-like-bundle{gap:20px}.view-like-container{gap:10px;font-size:16px}.view-like-container svg{width:20px;height:20px}
.article-list{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:75vw;display:flex}.article-list .article-item-list{opacity:.75;background-color:#070d27;border-radius:20px;width:100%;min-height:250px;transition:opacity .5s,transform .2s;display:flex;position:relative;overflow:hidden}.article-list .article-item-list .article-image,.article-list .article-item-list .article-filter{transition:transform .5s}.article-list .article-item-list:hover{opacity:1}.article-list .article-item-list:hover .article-image,.article-list .article-item-list:hover .article-filter{transform:scale(1.05)}.article-list .article-item-list .article-image{object-fit:cover;flex:1;width:66%;max-width:66%;height:250px;transition:all .5s}.article-list .article-item-list .view-like-bundle{text-shadow:0 0 7px #000;position:absolute;top:20px;right:20px}.article-list .article-item-list .view-like-bundle svg{filter:drop-shadow(0 0 7px #000)}.article-list .article-item-list .article-content{z-index:1;gap:10px;width:100%;height:100%;display:flex;position:absolute;bottom:0;left:0}.article-list .article-item-list .article-content .article-logo{width:50%;height:100%;display:flex}.article-list .article-item-list .article-content .article-text{flex-direction:column;justify-content:space-between;margin:50px 20px 20px 0;display:flex}.article-list .article-item-list .article-content .article-text .article-info{flex-direction:column;display:flex}.article-list .article-item-list .article-content .article-text .article-info h3{text-shadow:0 0 7px #000;margin-bottom:10px;font-size:20px;font-weight:700}.article-list .article-item-list .article-content .article-text .article-info p{text-shadow:0 0 7px #000;margin-bottom:10px;font-size:17px;font-weight:300}.article-list .article-item-list .article-content .article-text .article-info span{text-shadow:0 0 7px #000;font-style:italic;font-weight:200}.article-list .article-item-list .article-content .article-text .article-link-container{justify-content:flex-end;align-items:center;width:100%;display:flex}.article-list .article-item-list .article-content .article-text .article-link-container a{text-align:center;text-align:end;text-shadow:0 0 7px #000;height:40px;padding-top:10px;font-family:Lato,sans-serif;font-size:24px;text-decoration:none;transition:transform .1s;position:relative}.article-list .article-item-list .article-filter{background:linear-gradient(90deg,rgba(7,13,39,0) 0%,#070d27 100%);width:calc(66% + 1px);height:100%;position:absolute;bottom:0;left:0}.article-link:after{content:"";z-index:-1;transform-origin:bottom;background-color:#ebecfa;width:100%;height:2px;transition:transform .2s ease-out;position:absolute;bottom:12px;left:0;transform:scaleX(0)}.article-link:hover:after{transform:scaleX(1)}