/* 2026-09-29: スマホで施工写真8枚を横スライド（スワイプ）に。
   2026-09-30: PCでも同じく横スライドに。PCは約2.6枚、タブレットは約1.7枚見え、左右の矢印ボタンで1枚ずつ送れる。
   次の写真が右端に少し見えるので、横に動かせることが分かる。下に「01 / 08」と進み具合の線を表示。 */
.layout-balanced .work-grid{
  display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scroll-behavior:smooth;scrollbar-width:none;padding-bottom:2px;
}
.layout-balanced .work-grid::-webkit-scrollbar{display:none}
.layout-balanced .work-card,.layout-balanced .work-card.featured{flex:0 0 37%;min-width:0;scroll-snap-align:start}
.layout-balanced .work-image,.layout-balanced .featured .work-image{aspect-ratio:4/3}
/* 横に並べると画面外の写真の登場アニメーションで一瞬空白になるため、スライド内は最初から表示 */
.layout-balanced .work-grid .work-card.motion-pending{opacity:1;transform:none;clip-path:none}

.works-slider-ui{display:flex;align-items:center;gap:18px;margin-top:26px}
.works-slider-count{font:700 12px/1 Arial,sans-serif;letter-spacing:.12em;color:#c6af7a;font-variant-numeric:tabular-nums;white-space:nowrap}
.works-slider-count b{font-weight:700}
.works-slider-track{position:relative;flex:1;height:1px;background:#c6af7a40}
.works-slider-bar{position:absolute;left:0;top:-1px;height:3px;width:12.5%;background:#c6af7a;transition:transform .25s ease}
.works-slider-hint{font-size:11px;letter-spacing:.06em;color:#c5c6c2;white-space:nowrap;display:none}
.works-slider-btns{display:flex;gap:10px;order:-1}
.works-slider-btn{width:46px;height:46px;display:grid;place-items:center;border:1px solid #c6af7a;background:transparent;color:#c6af7a;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.works-slider-btn:hover:not(:disabled){background:#c6af7a;color:#111315}
.works-slider-btn:disabled{opacity:.3;cursor:default}
.works-slider-btn svg{width:20px;height:20px}
.works-slider-btn.prev svg{transform:scaleX(-1)}

@media(max-width:960px){
  .layout-balanced .work-card,.layout-balanced .work-card.featured{flex-basis:58%}
}
@media(max-width:700px){
  .layout-balanced .work-grid{
    gap:12px;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px;
  }
  .layout-balanced .work-card,.layout-balanced .work-card.featured{flex-basis:84%}
  .layout-balanced .work-card h3{font-size:15px}
  .works-slider-ui{gap:14px;margin-top:18px}
  .works-slider-count{font-size:11px}
  .works-slider-btns{display:none}
  .works-slider-hint{display:inline}
}
@media(prefers-reduced-motion:reduce){.works-slider-bar{transition:none}.layout-balanced .work-grid{scroll-behavior:auto}}