/* Walkers staging - ai-works (AI開発事例一覧) SWELLネイティブ再現 */
#ai-works-page{--wkaw-orange:#E98212;--wkaw-orange-d:#d8760f;--wkaw-navy:#2B323B;--wkaw-gray:#5b606a;}

/* 全幅ブレイクアウト共通 */
#ai-works-page .wkaw-hero,
#ai-works-page .wkaw-cta{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}

/* ヒーロー（ダークネイビー） */
#ai-works-page .wkaw-hero{background:var(--wkaw-navy);padding:64px 20px 60px;text-align:center;}
#ai-works-page .wkaw-hero__inner{max-width:820px;margin:0 auto;}
#ai-works-page .wkaw-hero__title{margin:0 0 22px;font-weight:900;font-size:clamp(28px,4vw,40px);color:#fff;letter-spacing:.02em;}
#ai-works-page .wkaw-hero__lead{margin:0 0 30px;color:#e7e9ec;line-height:2;font-size:15px;}
#ai-works-page .wkaw-hero__btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}
#ai-works-page .wkaw-hbtn{display:inline-block;min-width:230px;text-decoration:none;font-weight:800;font-size:15px;color:var(--wkaw-navy);background:#fff;padding:15px 32px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.18);transition:transform .15s,opacity .2s;}
#ai-works-page .wkaw-hbtn:hover{transform:translateY(-2px);opacity:.92;}

/* ギャラリー（フラットカード） */
#ai-works-page .wkaw-gallery{max-width:1120px;margin:0 auto;padding:64px 20px 70px;}
#ai-works-page .wkaw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px;}
#ai-works-page .wkaw-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;}
#ai-works-page .wkaw-card__cat{font-size:12px;font-weight:700;color:#8b909a;margin:0 0 10px;letter-spacing:.04em;}
#ai-works-page .wkaw-card__thumb{margin:0 0 16px;}
#ai-works-page .wkaw-card__thumb img{width:100%;aspect-ratio:1024/538;object-fit:cover;display:block;background:#e9edf1;box-shadow:0 6px 18px rgba(43,50,59,.10);transition:transform .15s,box-shadow .15s;}
#ai-works-page .wkaw-card:hover .wkaw-card__thumb img{transform:translateY(-3px);box-shadow:0 12px 26px rgba(43,50,59,.16);}
#ai-works-page .wkaw-card__title{margin:0 0 8px;font-weight:800;font-size:16px;line-height:1.5;color:var(--wkaw-navy);}
#ai-works-page .wkaw-card__company{margin:0 0 12px;font-size:12px;font-weight:700;color:#8b909a;}
#ai-works-page .wkaw-card__desc{margin:0 0 16px;font-size:13px;line-height:1.75;color:var(--wkaw-gray);}
#ai-works-page .wkaw-card__divider{height:1px;background:#e6e9ec;margin:auto 0 12px;}
#ai-works-page .wkaw-card__meta{margin:0;}
#ai-works-page .wkaw-card__row{display:grid;grid-template-columns:84px 1fr;gap:8px;padding:4px 0;font-size:13px;}
#ai-works-page .wkaw-card__row dt{margin:0;font-weight:700;color:var(--wkaw-navy);}
#ai-works-page .wkaw-card__row dd{margin:0;color:var(--wkaw-gray);}

/* 下部CTA（3カラム・薄グレー帯） */
#ai-works-page .wkaw-cta{background:#f5f6f7;padding:60px 20px;}
#ai-works-page .wkaw-cta__inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;}
#ai-works-page .wkaw-cta__ttl{margin:0 0 14px;font-weight:900;font-size:20px;color:var(--wkaw-navy);}
#ai-works-page .wkaw-cta__txt{margin:0 0 20px;font-size:13px;line-height:1.9;color:var(--wkaw-gray);}
#ai-works-page .wkaw-cta__link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:15px;color:var(--wkaw-orange);transition:opacity .2s;}
#ai-works-page .wkaw-cta__link:hover{opacity:.75;}
#ai-works-page .wkaw-cta__arrow{display:inline-block;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--wkaw-orange);position:relative;}
#ai-works-page .wkaw-cta__arrow::after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-top:1.5px solid var(--wkaw-orange);border-right:1.5px solid var(--wkaw-orange);transform:translate(-60%,-50%) rotate(45deg);}

@media (max-width:860px){
  #ai-works-page .wkaw-grid{grid-template-columns:repeat(2,1fr);gap:32px 24px;}
  #ai-works-page .wkaw-cta__inner{grid-template-columns:1fr;gap:36px;}
}
@media (max-width:520px){#ai-works-page .wkaw-grid{grid-template-columns:1fr;}}