.xz-cards-block{display:grid}.xz-cards-block[data-cols="1"]{grid-template-columns:1fr}.xz-cards-block[data-cols="2"]{grid-template-columns:1fr 1fr}.xz-cards-block[data-cols="3"]{grid-template-columns:1fr 1fr 1fr}.xz-cards-block[data-cols="4"]{grid-template-columns:1fr 1fr 1fr 1fr}.xz-cards-block[data-cols="5"]{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.xz-cards-block[data-cols="6"]{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.xz-cards-pro1{-moz-column-gap:2rem;column-gap:2rem;row-gap:2rem}.xz-card-pro1{position:relative}.xz-card-pro1 .image{aspect-ratio:1.66;overflow:hidden;width:100%}.xz-card-pro1 .image img{filter:grayscale(60%);height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s linear;width:100%}.xz-card-pro1 .tit{--start-stop:hsla(0,0%,6%,.7);--end-stop:hsla(0,0%,6%,.7);background:linear-gradient(90deg,var(--start-stop) 0,var(--end-stop));bottom:0;font-size:2rem;font-weight:500;left:0;min-height:6.8rem;padding:1.8rem 2.2rem;position:absolute;right:0;text-align:center;transition:--start-stop .3s linear,--end-stop .3s linear;z-index:9}.xz-card-pro1:hover .tit{--start-stop:#feeacf;--end-stop:#dec193;color:#101010}.xz-card-pro1:hover .image img{filter:grayscale(0)}@media screen and (max-width:1280px){.xz-cards-pro1 .tit{font-size:1.8rem}}@media screen and (max-width:1024px){.xz-cards-pro1{grid-template-columns:repeat(2,1fr)!important}}@media screen and (max-width:600px){.xz-cards-pro1{grid-template-columns:1fr!important}.xz-cards-pro1 .tit{font-size:1.6rem;min-height:auto;padding:1.2rem 2rem}}.xz-cards-pro2{-moz-column-gap:2rem;column-gap:2rem;row-gap:2rem}.xz-card-pro2{position:relative}.xz-card-pro2 .image{aspect-ratio:1.327;overflow:hidden;position:relative;width:100%}.xz-card-pro2 .image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.xz-card-pro2 .image:before{background:linear-gradient(180deg,hsla(0,0%,6%,.2),hsla(0,0%,6%,.9));transition:opacity .3s ease}.xz-card-pro2 .image:after,.xz-card-pro2 .image:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.xz-card-pro2 .image:after{background:linear-gradient(180deg,hsla(37,53%,72%,.2),#dec193);opacity:0;transition:all .3s ease;transition:opacity .3s ease;z-index:9}.xz-card-pro2 .txt-content{bottom:3rem;left:0;padding-left:3rem;padding-right:3rem;position:absolute;right:0;z-index:10}.xz-card-pro2 .tit{font-size:2rem;font-weight:500;transition:all .3s ease}.xz-card-pro2 .intro{-webkit-text-stroke:1px transparent;color:#101010;display:grid;grid-template-rows:0fr;margin-top:1rem;overflow:hidden;transition:all .3s ease}.xz-card-pro2 .intro>div{overflow:hidden}.xz-card-pro2:hover .tit{-webkit-text-stroke:1px transparent;color:#101010}.xz-card-pro2:hover .intro{grid-template-rows:1fr}.xz-card-pro2:hover .image:before{opacity:0}.xz-card-pro2:hover .image:after{opacity:1}@media screen and (max-width:1440px){.xz-cards-pro2{grid-template-columns:repeat(3,1fr)!important}}@media screen and (max-width:1024px){.xz-card-pro2 .txt-content{bottom:1.4rem;padding:0 1.4rem}}@media screen and (max-width:810px){.xz-cards-pro2{grid-template-columns:repeat(2,1fr)!important}}@media screen and (max-width:600px){.xz-cards-pro2{grid-template-columns:1fr!important}.xz-card-pro2 .tit{font-size:1.8rem}.xz-card-pro2 .image{aspect-ratio:1.56}.xz-card-pro2 .txt-content{bottom:3rem;padding:0 2.4rem}}