/* ============================================================
   株式会社東正路建設 施工実績ページ専用CSS
   ============================================================ */
  :root{
    --wk-ink:#16262d;
    --wk-ink-2:#22383f;
    --wk-paper:#f4f1e9;
    --wk-paper-2:#eae5d8;
    --wk-stone:#7d8580;
    --wk-stone-line:#d8d2c2;
    --wk-accent:#c8632f;
    --wk-moss:#4f6650;
    --wk-white:#fffdf8;
    --wk-maxw:1120px;
  }
  body{
    background:var(--wk-paper);
    color:var(--wk-ink);
  }
  h1,h2,h3,.mincho{
    font-family:"Shippori Mincho", serif;
    letter-spacing:.04em;
  }
  .wrap{max-width:var(--wk-maxw);margin:0 auto;padding:0 28px;}

  /* Hero */
  .wk-hero{
    position:relative;
    height:46vh;min-height:320px;
    background:linear-gradient(180deg, rgba(18,30,32,.32), rgba(15,25,27,.72)),
      url('img/river-r5-13-3.jpg') center 62%/cover no-repeat;
    display:flex;align-items:flex-end;
  }
  .wk-hero .wrap{padding-bottom:46px;color:var(--wk-white);}
  .wk-hero .eyebrow{font-size:12.5px;letter-spacing:.28em;color:#e7dcc8;margin-bottom:14px;}
  .wk-hero h1{font-size:clamp(30px,4.6vw,46px);margin:0 0 10px;font-weight:600;color:var(--wk-white);}
  .wk-hero p{max-width:46em;color:#e7e6df;font-size:14.5px;margin:0;}

  /* Intro band */
  .wk-intro{padding:56px 0 8px;}
  .wk-intro .grid{
    display:grid;grid-template-columns:180px 1fr;gap:36px;align-items:start;
  }
  .wk-intro .label{
    font-family:"Shippori Mincho",serif;font-size:15px;color:var(--wk-moss);
    border-top:1px solid var(--wk-stone-line);padding-top:14px;
  }
  .wk-intro p{font-size:14.5px;color:#3c4a44;max-width:56em;margin:0;border-top:1px solid var(--wk-stone-line);padding-top:14px;}
  @media (max-width:700px){
    .wk-intro .grid{grid-template-columns:1fr;gap:8px;}
  }
  .wk-sp-br{display:none;}
  @media (max-width:700px){
    .wk-sp-br{display:inline;}
  }

  /* Works list */
  .wk-works{padding:40px 0 100px;}
  .work{padding:56px 0;border-top:1px solid var(--wk-stone-line);}
  .work:last-child{border-bottom:1px solid var(--wk-stone-line);}
  .work-head{display:grid;grid-template-columns:150px 1fr;gap:36px;margin-bottom:26px;}
  .fy{font-family:"Shippori Mincho",serif;font-size:34px;color:var(--wk-ink-2);line-height:1;}
  .fy span{display:block;font-family:"Noto Sans JP",sans-serif;font-size:11px;letter-spacing:.14em;color:var(--wk-stone);margin-top:8px;}
  .work-meta h2{font-size:22px;margin:0 0 14px;font-weight:600;color:var(--wk-ink);}
  .tags{display:flex;flex-wrap:wrap;gap:8px 10px;font-size:12.5px;color:var(--wk-ink-2);}
  .tags span{border:1px solid var(--wk-stone-line);padding:5px 12px;background:var(--wk-white);white-space:nowrap;}
  .tags span b{color:var(--wk-moss);font-weight:600;margin-right:8px;}

  .photos{display:grid;gap:18px;grid-template-columns:1fr;}
  .photos.two{grid-template-columns:1fr 1fr;}
  @media (max-width:700px){
    .work-head{grid-template-columns:1fr;gap:10px;}
    .photos.two{grid-template-columns:1fr;}
  }
  figure.photo{margin:0;background:var(--wk-white);border:1px solid var(--wk-stone-line);}
  figure.photo img{width:100%;height:340px;object-fit:cover;}
  .photos.two figure.photo img{height:280px;}