.project-cases{width:864px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 auto}.case-component{background-color:#fff8e5;border-radius:30px;overflow:hidden}.case-image{width:100%;height:250px;-o-object-fit:cover;object-fit:cover;border-radius:30px 30px 0 0}.case-desc{display:flex;flex-direction:row;padding:24px 24px 26px;justify-content:space-between;align-items:baseline;font-family:DouyinSansBold}.ten-million{margin-left:80px;font-size:12px}.see-more-button{width:-moz-fit-content;width:fit-content;padding:15px 24px 12px;background-color:#fff8e5;color:#000;border:none;border-radius:30px;align-items:center;justify-items:center;display:flex;margin:20px 0 80px;height:auto;font-size:16px;cursor:pointer;transition:background-color .2s ease-in-out;z-index:10}.see-more-button:hover{background-color:#f7e6c7}.see-more-button svg{margin-left:4px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;overscroll-behavior:none}.modal.show{display:block;opacity:1;visibility:visible}.modal.show .modal-content{opacity:1}.modal-content{background-color:#fff;border-radius:20px;margin:10% auto;padding:0;width:100%;max-height:100vh;overflow-y:auto;opacity:0;transition:opacity .5s ease}.modal-projects{width:-moz-max-content;width:max-content;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 auto;padding-bottom:24vh}.modal-header{background-color:#fff;padding:30px 40px;position:sticky;top:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center}.modal-header h2{font-size:32px;margin:0 auto}.modal-header .brand-close{position:static;cursor:pointer;width:2vw;height:2vw}@media (max-width: 1200px){.project-cases{width:600px;padding-top:40px}.modal-header .brand-close{width:3vw;height:3vw}.case-component{height:200px;border-radius:20px}.case-image{height:160px;border-radius:20px 20px 0 0}.case-desc{padding:12px 12px 14px;font-size:11px}.ten-million{margin-left:60px;font-size:9px}.see-more-button{font-size:14px;margin-bottom:50px}}@media (max-width: 768px){.project-cases{display:flex;flex-direction:column;grid-template-columns:none;width:295px;padding-top:20px}.case-component{height:180px;border-radius:20px}.case-image{height:140px;border-radius:20px 20px 0 0}.case-desc{padding:12px 12px 13px;font-size:10px}.ten-million{margin-left:40px;font-size:8px}.see-more-button{width:-moz-fit-content;width:fit-content;padding:15px 97px 12px;background-color:#fff8e5;border:none;border-radius:30px;align-items:center;justify-items:center;display:flex;margin:30px 0 40px;height:auto;font-size:14px}.see-more-button svg{display:none}.modal-content{margin:50% auto}.modal-projects{display:flex;margin:0 auto;width:300px;flex-direction:column;overscroll-behavior:none;margin-bottom:12vh}.modal-projects .case-component{height:200px}.modal-projects .case-image{height:155px}.modal-header h2{font-size:18px;margin:0 auto}.modal-header .brand-close{position:static;cursor:pointer;width:5vw;height:5vw}}