<style type="text/css">.breadcrumb { left: 1em; top: 0; z-index: 5 } .breadcrumb .chevron { padding: 5px 7px } .breadcrumb .home-icon { padding-left: 10px }[class*=main-title] { overflow: hidden; position: relative } .small-main-title { min-height: 273px }@media screen and (max-width:480px) { .small-main-title { margin-bottom: 0; min-height: unset } }@media screen and (max-width:480px) { .team-project-head { padding: 40px 0 } } .preview-articles { gap: 40px .5em }.diblock { display: inline-block }.p8 { padding: 8px }.mb-60px { margin-bottom: 60px !important } .mt-40px { margin-top: 40px !important } .mt-60px { margin-top: 60px !important } .mlr-1em { margin-left: 1em !important; margin-right: 1em !important } .mtb-1em { margin-bottom: 1em !important; margin-top: 1em !important }div[class*=background-color] { height: 100%; left: 0; mix-blend-mode: multiply; position: absolute; top: 0; width: 100%; z-index: 0 } .preview-category { height: 301px; max-width: 626px; overflow: hidden; padding: 48px; position: relative; width: 100% } .preview-category img { height: 100%; object-fit: cover; position: absolute; width: 100%; z-index: -1 } .preview-title { font-family: YWFT; font-size: 50px; line-height: 60px; z-index: 2 } @media screen and (max-width:480px) { .preview-title { font-size: 40px; line-height: 48px } }</style>