@media(max-width:760px){
  .serviceShowcase.integrated .serviceList{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-columns:auto;grid-auto-flow:row;gap:6px;width:100%;padding:0;overflow:visible;scroll-snap-type:none}
  .serviceShowcase.integrated .service{min-width:0;min-height:54px;padding:6px 5px;scroll-snap-align:none}
  .serviceShowcase.integrated .serviceEn{font-size:7px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
  .serviceShowcase.integrated .service h3{margin-top:3px;font-size:9.5px;line-height:1.25;overflow-wrap:anywhere}
  .serviceShowcase.integrated{padding-top:38px;gap:13px}
  .works .projectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}
  .works .project{padding:13px 11px}
  .works .interactiveProject{height:210px;min-height:210px;align-self:start}
  .works .interactiveProject.expanded{height:340px;min-height:340px}
  .works .interactiveProject .projectContent{top:62px;right:11px;bottom:13px;left:11px}
  .works .projectTop{font-size:8px;line-height:1.35;letter-spacing:.08em}
  .works .projectContent h3{height:44px;margin-bottom:6px;font-size:15px;line-height:1.35}
  .works .project p{font-size:10px;line-height:1.55}
  .works .projectToggle{margin-top:auto;font-size:8px;line-height:1.4;letter-spacing:.04em}
  .works .projectDetailsPanel>p{margin-top:9px!important;font-size:9px!important;line-height:1.55!important}
  .works .interactiveProject.expanded .projectDetailsPanel{max-height:145px}
}
