[lang=th] .card-hover .description .detail p{font-family:"Noto Sans Thai",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}[lang=th] .card-hover .description .title{font-family:"proxima-nova-thai",sans-serif;font-style:normal}[lang=th] .card-hover .description .detail p{font-weight:400}[lang=th] .card-hover .description .title{font-weight:500}.card-hover .description .detail p{font-family:"Karla",sans-serif;font-weight:400;font-style:normal}.card-hover .description .title{font-family:"Nunito",sans-serif;font-weight:500;font-style:normal}.card-hover{display:flex;flex-direction:column;padding:10px;align-items:center;gap:10px;flex:1 0 0;align-self:stretch;overflow:hidden}@media(min-width: 1024px){.card-hover{flex-direction:row}}.card-hover .card-item{position:relative;width:100%;height:100px;transition:all .5s;border-radius:8px;overflow:hidden}@media(min-width: 768px){.card-hover .card-item{width:100%;height:200px}}@media(min-width: 1024px){.card-hover .card-item{width:33.3333333333vw;height:400px}}.card-hover .card-item .backdrop{background-color:rgba(0,0,0,0);transition:all .5s}.card-hover .card-item:hover{height:400px}@media(min-width: 1024px){.card-hover .card-item:hover{width:40vw}}.card-hover .card-item:hover .backdrop{background-color:rgba(0,0,0,.6);transition:all .5s;position:absolute;width:100%;height:100%;top:0;left:0}.card-hover .card-item:hover .detail{max-height:400px;opacity:1}.card-hover .bg-image{width:100%;height:400px;object-fit:cover}.card-hover .description{position:absolute;flex-direction:column;bottom:0;display:flex;color:#fff;padding:20px;gap:24px}.card-hover .description p{padding:0}.card-hover .description .title{color:#fff;font-size:32px;transition:all .5s;margin:0}.card-hover .description .detail{max-height:0;opacity:0;overflow:hidden;transition:all .8s}.card-hover .description .detail p{color:#fff;font-size:16px}/*# sourceMappingURL=view.css.map */