/* NBC v7.434 — Case editorial close
   Replaces decorative/interactice case labs with a text-first project decision ledger.
   Scope: seven case detail pages only. */

body.page-case-detail .case-editorial-close{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:transparent!important;
  color:#f3f5f0;
  padding-block:clamp(72px,8vw,128px)!important;
}
body.page-case-detail .case-editorial-close::before{
  content:"";
  position:absolute;
  inset:10% -10% auto auto;
  width:min(54vw,760px);
  aspect-ratio:1.4;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(ellipse at center,rgba(137,208,160,.075),rgba(137,208,160,0) 70%);
  filter:blur(18px);
}
body.page-case-detail .case-editorial-close__head{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(420px,1.28fr);
  gap:clamp(40px,6vw,96px);
  align-items:end;
  margin-bottom:clamp(40px,5vw,72px);
}
body.page-case-detail .case-editorial-close__eyebrow,
body.page-case-detail .case-editorial-close__transfer-label{
  display:block;
  margin-bottom:14px;
  font:650 10px/1.25 var(--mono,ui-monospace,monospace);
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--green,#9ee0b1);
}
body.page-case-detail .case-editorial-close__head h2{
  margin:0;
  max-width:10ch;
  color:#f5f7f2!important;
}
body.page-case-detail .case-editorial-close__intro{
  margin:0;
  max-width:760px;
  color:rgba(243,245,240,.72);
  font-size:clamp(16px,1.45vw,20px);
  line-height:1.65;
}
body.page-case-detail .case-editorial-close__ledger{
  border-top:1px solid rgba(231,239,231,.16);
}
body.page-case-detail .case-editorial-close__item{
  display:grid;
  grid-template-columns:72px minmax(240px,.72fr) minmax(0,1.28fr);
  gap:clamp(20px,3.5vw,56px);
  align-items:start;
  padding:clamp(28px,3.8vw,48px) 0;
  border-bottom:1px solid rgba(231,239,231,.13);
}
body.page-case-detail .case-editorial-close__num{
  padding-top:3px;
  font:650 11px/1.2 var(--mono,ui-monospace,monospace);
  letter-spacing:.08em;
  color:rgba(158,224,177,.72);
}
body.page-case-detail .case-editorial-close__item h3{
  margin:0;
  max-width:26ch;
  color:#f3f5f0!important;
  font-size:clamp(19px,1.8vw,27px);
  line-height:1.16;
  letter-spacing:-.025em;
}
body.page-case-detail .case-editorial-close__item p{
  margin:0;
  max-width:760px;
  color:rgba(243,245,240,.68);
  font-size:15px;
  line-height:1.7;
}
body.page-case-detail .case-editorial-close__transfer{
  display:grid;
  grid-template-columns:minmax(180px,.38fr) minmax(0,1.62fr);
  gap:clamp(26px,5vw,80px);
  margin-top:clamp(38px,5vw,72px);
  padding-top:clamp(28px,3.8vw,46px);
  border-top:1px solid rgba(158,224,177,.32);
}
body.page-case-detail .case-editorial-close__transfer-label{margin:4px 0 0}
body.page-case-detail .case-editorial-close__transfer h3{
  margin:0 0 12px;
  color:#f3f5f0!important;
  font-size:clamp(21px,2vw,30px);
  letter-spacing:-.025em;
}
body.page-case-detail .case-editorial-close__transfer p{
  margin:0;
  max-width:880px;
  color:rgba(243,245,240,.72);
  font-size:15px;
  line-height:1.72;
}
body.page-case-detail .case-editorial-close__transfer a{
  display:inline-flex;
  margin-top:18px;
  color:var(--green,#9ee0b1);
  font-weight:650;
  text-decoration:none;
  border-bottom:1px solid rgba(158,224,177,.3);
}
body.page-case-detail .case-editorial-close__transfer a:hover,
body.page-case-detail .case-editorial-close__transfer a:focus-visible{border-bottom-color:currentColor}

@media (max-width:900px){
  body.page-case-detail .case-editorial-close{padding-block:clamp(58px,12vw,88px)!important}
  body.page-case-detail .case-editorial-close__head{grid-template-columns:1fr;gap:18px;margin-bottom:34px}
  body.page-case-detail .case-editorial-close__head h2{max-width:none}
  body.page-case-detail .case-editorial-close__item{grid-template-columns:48px minmax(0,1fr);gap:10px 14px;padding:26px 0}
  body.page-case-detail .case-editorial-close__num{grid-row:1 / span 2}
  body.page-case-detail .case-editorial-close__item h3{max-width:none}
  body.page-case-detail .case-editorial-close__item p{grid-column:2}
  body.page-case-detail .case-editorial-close__transfer{grid-template-columns:1fr;gap:8px;margin-top:34px;padding-top:28px}
}
@media (max-width:520px){
  body.page-case-detail .case-editorial-close__item{grid-template-columns:36px minmax(0,1fr)}
  body.page-case-detail .case-editorial-close__item p{font-size:14px;line-height:1.68}
  body.page-case-detail .case-editorial-close__intro{font-size:15px;line-height:1.65}
}
