@media (min-width:601px){.ui-cards--26-in-loop-span-4-1st-from-1200 .ui-card:nth-of-type(26n+1),.ui-cards--26-in-loop-span-4-14th-from-1200 .ui-card:nth-of-type(26n+14){display:flex;gap:12px;.ui-card__image,.ui-card__info{flex:1 1 50%}.ui-card__image{--aspect-ratio:1.88}.ui-card__info{margin:0;padding:clamp(24px,3vw,32px) clamp(16px,3vw,24px);border-top:1px solid var(--stroke_black);border-bottom:1px solid var(--stroke_black);gap:12px}.ui-card__title{font-size:clamp(1rem + 8px,2vw,1rem + 12px);line-height:calc(1em + 8px)}.ui-card__text{margin-top:auto}}.ui-cards--26-in-loop-span-4-14th-from-1200 .ui-card:nth-of-type(26n+14){flex-direction:row-reverse}}@media(min-width:1200px){.grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .ui-card:nth-of-type(14n+1),.grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .ui-card:nth-of-type(14n+10){min-height:336px;.ui-card__image{--aspect-ratio:none;height:100%}.ui-card__image:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 50%)}.ui-card__info{margin:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding:clamp(16px,3vw,24px) clamp(16px,3vw,24px);justify-content:end;gap:12px}.ui-card__title{color:#fff;font-size:clamp(1rem + 4px,2vw,1rem + 8px);line-height:calc(1em + 8px)}.ui-card__text{color:rgba(255,255,255,.72)}}.grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .blog-item:nth-of-type(14n+1),.grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .blog-item:nth-of-type(14n+10){.blog-item__image{height:100%;padding-bottom:50%}.blog-item__img{transition:scale .6s ease;will-change:scale}.blog-item__image:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 50%)}.blog-item__info{margin:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;justify-content:end}.blog-item__title{color:#fff;font-size:clamp(1rem + 4px,2vw,1rem + 8px);line-height:calc(1em + 8px);margin:0}.blog-item__text{color:rgba(255,255,255,.72);margin-top:12px}}@media (any-hover:hover){.grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .blog-item:nth-of-type(14n+1):hover .blog-item__img,.grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .blog-item:nth-of-type(14n+10):hover .blog-item__img{scale:1.05}}}