/**
 * Case detail page styles (from Home/case-detail.html)
 * Header / footer / inquiry / .ph banner use site.css
 */

/* --- 项目概览：左图右文 --- */
.pj{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:start}
.pj--text-only{grid-template-columns:1fr}
.pj-media{overflow:hidden;background:var(--sand)}
.pj-media img{width:100%;aspect-ratio:10/11;object-fit:cover;transition:transform 1.2s var(--ease)}
.pj-media:hover img{transform:scale(1.03)}

.pj-copy p{font-size:15px;color:var(--body);margin-bottom:20px}
.pj-body > *:last-child{margin-bottom:0}
.pj-body blockquote,
.pj-quote{
  margin:28px 0 32px;padding:24px 28px;background:var(--cream);border-left:2px solid var(--gold);
  font-family:var(--font-serif);font-size:17.5px;line-height:1.64;color:var(--ink);
}
.pj-body ul,.pj-body ol{margin:0 0 20px;padding-left:1.2em}
.pj-body li{margin:6px 0}
.pj-body a{color:var(--gold);border-bottom:1px solid var(--gold)}

.pj-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:32px}
.pj-row{background:var(--ivory);padding:18px 20px}
.pj-row span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.pj-row b{font-size:14px;font-weight:400;color:var(--ink);line-height:1.55}

.pj-notes{display:grid;gap:14px}
.pj-notes li{display:flex;gap:12px;font-size:14px;color:var(--body)}
.pj-notes svg{width:17px;height:17px;flex:none;color:var(--gold);margin-top:5px}

@media (max-width:1000px){
  .pj{grid-template-columns:1fr;gap:42px}
  .pj-meta{grid-template-columns:1fr}
}

/* --- 项目图集：两列 4:3 --- */
.gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gal-item{overflow:hidden;background:var(--sand);margin:0}
.gal-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.gal-item:hover img{transform:scale(1.04)}

@media (max-width:700px){.gal{grid-template-columns:1fr;gap:18px}}

/* --- 相关案例：三列 1:1 --- */
.relc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.relc-item{margin:0}
.relc-media{position:relative;display:block;overflow:hidden;background:var(--sand);aspect-ratio:1/1}
.relc-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.relc-media:hover img{transform:scale(1.06)}
.relc-cap{padding:16px 0 0}
.relc-cap b{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:7px}
.relc-cap span{font-size:13px;color:var(--muted)}
.relc-more{text-align:center;margin-top:44px}

@media (max-width:900px){.relc{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (max-width:520px){.relc{grid-template-columns:1fr}}

/* --- 结尾引导 --- */
.pcta{text-align:center}
.pcta p{
  max-width:780px;margin:0 auto 34px;font-family:var(--font-serif);
  font-size:clamp(22px,2.5vw,30px);line-height:1.42;color:var(--ink);
}
.pcta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}