.home-index-works-desktop{display:none!important}
@media(min-width:1000px){
  .home-index-works-desktop{display:block!important}
  .home-index-works-mobile{display:none!important}
  body[data-page="works"]{background:#f4f4f4;container-type:inline-size;--home-index-scale:calc(100cqw / 1440px)}
  .works-index{position:relative;width:1440px;min-height:2118px;margin:0 auto;background:#f4f4f4;zoom:var(--home-index-scale)}
  .works-project-grid{display:grid;grid-template-columns:662.576px 662.576px;gap:50.424px;margin-left:32px;padding-top:54px;align-items:start}
  .works-card{min-width:0;font-family:Inter,Arial,sans-serif;font-weight:600;color:#000}
  .works-cover{display:block;width:656px;height:438.9202px}
  .works-cover img{width:100%;height:100%;object-fit:cover}
  .works-card-echo .works-cover{margin-left:10px}
  .works-card-echo .works-cover img{object-fit:cover}
  .works-information{position:relative;width:656px;margin-top:9.0798px;min-height:355px}
  .works-card-echo .works-information{margin-left:10px}
  .works-information section{position:absolute;top:0}
  .works-information section>img{position:absolute;top:-.963046px;left:0;max-width:none;pointer-events:none}
  .works-services{left:0;width:151.198px;padding-top:2.889px;font-size:14.445688px;line-height:1.5;letter-spacing:.5778px}
  .works-description{left:215.7223px;width:244.614px;padding-top:2.889px;font-size:14.445688px;line-height:1.0365374755859375;letter-spacing:.2889px}
  .works-project{right:0;width:152.1613px;padding-top:2.889px;font-size:14.445688px;line-height:1.0365374755859375;letter-spacing:.2889px}
  .works-information .works-project>img{left:auto;right:0}
  .works-project h2{margin:0;width:106.898px;font:inherit;white-space:nowrap}
  .works-year{position:absolute;right:0;top:2.889px}
  .works-detail{position:absolute;right:0;top:30.8174px;text-decoration:underline;text-underline-position:from-font}
  .works-detail:is(:hover,:focus-visible){color:#fff}
  .works-card-echo .works-services{width:179px;padding-top:3px;font-size:15px;letter-spacing:0}
  .works-card-echo .works-description{font-size:15px;letter-spacing:0;padding-top:3px;width:246px}
  .works-card-echo .works-project h2{font-size:15px;letter-spacing:-.6px}
}

@media(max-width:999.98px){
  body[data-page="works"]{background:#f4f4f4}
  .works-index-mobile{padding:60px 16px 24px;background:#f4f4f4}
  .works-index-mobile .works-project-grid{display:grid;gap:24px}
  .works-index-mobile .works-card{min-width:0;font-family:Inter,Arial,sans-serif;font-weight:600;color:#000}
  .works-index-mobile .works-cover{display:block;width:100%;aspect-ratio:656 / 438.9202}
  .works-index-mobile .works-cover img{display:block;width:100%;height:100%;object-fit:cover}
  .works-index-mobile .works-information{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding-top:14px;font-size:10px;line-height:1.5}
  .works-index-mobile .works-information section>img{display:none}
  .works-index-mobile .works-services{grid-column:1;grid-row:1;border-top:1px solid #000;padding-top:6px;letter-spacing:.25px}
  .works-index-mobile .works-description{grid-column:1/-1;grid-row:2;border-top:1px solid #000;padding-top:6px;font-size:11px;line-height:1.4}
  .works-index-mobile .works-description p+p{margin-top:7px}
  .works-index-mobile .works-project{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:8px 4px;border-top:1px solid #000;padding-top:6px;line-height:1.2}
  .works-index-mobile .works-project h2{margin:0;font:inherit;white-space:nowrap}
  .works-index-mobile .works-year{text-align:right}
  .works-index-mobile .works-detail{grid-column:1/-1;justify-self:end;text-decoration:underline;text-underline-position:from-font}
  .works-index-mobile .works-detail:is(:hover,:focus-visible){color:#fff}
}