.works-index-page{font-family:"Noto Sans JP",sans-serif;color:#1e1e1e}.works-index-page .site-header{position:relative;background:#2a2a2a;color:#fff}.works-list-shell{width:min(1340px,calc(100% - 7%));margin-inline:auto}.works-list-hero{height:202px;padding-top:36px;background:#2a2a2a;color:#fff}.works-list-hero h1{margin:0;font-size:36px;line-height:1.5}.works-list-hero p{margin:8px 0;font-size:14px}.works-breadcrumb{width:min(1340px,calc(100% - 7%));margin:18px auto 0;display:flex;justify-content:flex-end;gap:10px;color:#888;font-size:12px}.works-list{padding:46px 0 110px}.works-grid-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:70px 30px}.works-card{min-width:0}.works-card>a{display:block;height:100%}.works-thumb{width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:8px;background:#d9d9d9}.works-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}.works-card:hover .works-thumb img{transform:scale(1.045)}.works-card-body h2{margin:13px 0 8px;font-size:22px;line-height:1.42;letter-spacing:-.025em}.works-card-body>p{display:-webkit-box;margin:0 0 15px;overflow:hidden;color:#555;font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.works-card dl{margin:0;font-size:13px}.works-card dl>div{display:grid;grid-template-columns:80px 1fr;margin-top:7px}.works-card dt{padding:6px 12px;background:#f2f2f2;color:#6f6f6f}.works-card dd{margin:0;padding:6px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.works-featured{grid-column:span 2}.works-featured .works-thumb{aspect-ratio:865/577}.works-featured .works-card-body h2{font-size:24px}.works-index-page .footer{background:#050505;color:#fff}.works-index-page .footer .dark-logo img{filter:brightness(0) invert(1)}
@media(max-width:900px){.works-index-page .site-header{height:74px}.works-list-shell{width:calc(100% - 40px)}.works-list-hero{height:180px;padding-top:38px}.works-list-hero h1{font-size:30px}.works-breadcrumb{width:calc(100% - 40px)}.works-grid-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 20px}.works-featured{grid-column:1/-1}.works-index-page .global-nav{color:#fff}}
@media(max-width:750px){.works-index-page::after{border-width:5px}.works-index-page .site-header{height:58px;padding:14px 16px;align-items:center}.works-index-page .header-logo{width:130px;height:auto;flex-basis:130px}.works-index-page .header-logo img{width:130px;height:auto}.works-index-page .menu-button{top:2vw;right:1.6vw;width:13.333vw;height:13.333vw;background:#fff;border-radius:.667vw;gap:1.867vw}.works-index-page .menu-button span{width:7.333vw;height:1px;background:#191717}.works-index-page .menu-button b{display:none}}
@media(max-width:560px){.works-list-hero{height:155px;padding-top:25px}.works-list-hero h1{font-size:26px}.works-list-hero p{font-size:12px}.works-breadcrumb{justify-content:flex-start;font-size:10px}.works-list{padding:35px 0 70px}.works-grid-list{grid-template-columns:1fr;gap:42px}.works-featured{grid-column:auto}.works-card-body h2,.works-featured .works-card-body h2{font-size:20px}.works-card-body>p{font-size:13px}.works-card dl{font-size:11px}.works-card dl>div{grid-template-columns:62px 1fr}.works-card dt,.works-card dd{padding:5px 8px}}

/* Display every work image without cropping or stretching. */
.works-thumb,
.works-featured .works-thumb{
  height:auto;
  aspect-ratio:auto;
  background:#f4f4f4;
}
.works-thumb img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
  transform:none;
}
.works-card:hover .works-thumb img{transform:none}

/* Figma 387:860 — keep the first row, enlarge the cards in rows two and three. */
.works-list.works-list-shell{
  width:93vw;
  max-width:none;
}

@media(min-width:901px){
  .works-grid-list{
    grid-template-columns:repeat(6,minmax(0,1fr));
    column-gap:30px;
  }
  .works-grid-list>.works-card{
    grid-column:span 2;
  }
  .works-grid-list>.works-card:first-child{
    grid-column:span 4;
  }
  .works-grid-list>.works-card:nth-child(n+3):nth-child(-n+6){
    grid-column:span 3;
  }
  .works-grid-list>.works-card:nth-child(n+3):nth-child(-n+6) .works-thumb{
    aspect-ratio:3/2;
    overflow:hidden;
  }
  .works-grid-list>.works-card:nth-child(n+3):nth-child(-n+6) .works-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
}

@media(min-width:561px) and (max-width:900px){
  .works-list.works-list-shell{
    width:calc(100vw - 40px);
  }
  .works-grid-list>.works-card,
  .works-grid-list>.works-card:nth-child(n+3):nth-child(-n+6){
    grid-column:span 1;
  }
  .works-grid-list>.works-card:first-child{
    grid-column:1/-1;
  }
}

@media(max-width:560px){
  .works-list.works-list-shell{
    width:calc(100vw - 40px);
  }
  .works-grid-list>.works-card,
  .works-grid-list>.works-card:first-child,
  .works-grid-list>.works-card:nth-child(n+3):nth-child(-n+6){
    grid-column:auto;
  }
}