/* ============================================
   news.css — News 一覧 + 記事詳細ページ固有スタイル（T752）
   ソース正本: ceevs_website/design/ceevs-site-v2/news.html + news-1.html
   common.css 掲載分は除外。.a-vis は 1/1（詳細ページ用）のみ収録
   ============================================ */

.crumb{padding-top:34px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}

.crumb a:hover{color:var(--ink)}

.crumb span{margin:0 10px}

.nhead{padding:52px 0 40px;text-align:center}

.nhead .eyebrow{margin-bottom:16px}

.nhead h1{font-family:"Jost","Century Gothic",sans-serif;font-size:clamp(28px,3.6vw,46px);font-weight:300;letter-spacing:.06em}

.ngrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:6px 0 40px}

.ncard{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background-size:cover;background-position:center;color:#fff;background-color:var(--mist)}

.ncard::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(18,18,18,.66),rgba(18,18,18,.15) 40%,rgba(18,18,18,0) 64%);z-index:1;transition:opacity .4s}

.ncard:hover::after{opacity:.85}

.ncard .ncap{position:absolute;left:20px;right:20px;bottom:18px;z-index:2}

.ncard .ncap h3{margin:0 0 6px;font-size:14px;font-weight:400;line-height:1.65;letter-spacing:.02em;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.4)}

.ncard .ncap time{display:block;font-size:11px;letter-spacing:.16em;color:rgba(255,255,255,.88);text-shadow:0 1px 10px rgba(0,0,0,.4)}

.article{max-width:760px;margin:0 auto;padding:60px 40px 120px}

.article .a-date{font-family:"Jost",sans-serif;font-size:12px;letter-spacing:.16em;color:var(--stone)}

.article h1{font-family:"Noto Sans JP",sans-serif;font-size:clamp(22px,3vw,34px);font-weight:300;letter-spacing:.03em;line-height:1.5;margin:16px 0 40px}

.article .a-vis{aspect-ratio:1/1;background:var(--mist);background-size:cover;background-position:center;margin-bottom:44px;display:flex;align-items:center;justify-content:center}

.article p{font-family:"Noto Sans JP","Century Gothic","Jost",sans-serif;font-size:14px;line-height:2.15;color:#3a3a3a;margin-bottom:22px}

.article .back{margin-top:56px;text-align:center}

.news-empty{max-width:760px;margin:0 auto;padding:80px 40px;text-align:center;color:var(--stone);font-size:14px}

@media(max-width:720px){
.ngrid{gap:10px}
.ncard .ncap{left:13px;right:13px;bottom:12px}
.ncard .ncap h3{font-size:12px;line-height:1.55;margin-bottom:4px}
.ncard .ncap time{font-size:10px}
.article{padding:44px 22px 84px}
}