/* 11-cases: Seção Cases. */

/* cases */
.cases-head{max-width:15ch;}
.cases-head .w{display:inline;}
.case-list{list-style:none;margin:clamp(56px,7vw,104px) 0 0;padding:0;}
.case{
  position:relative;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.2vw,36px);
  padding:clamp(28px,3.4vw,48px) 0;
  align-items:end;
}
.case::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--ink);
  transform-origin:left;transform:scaleX(var(--line,1));
}
.case:last-child::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink);}
.case .number{grid-column:1 / span 6;color:var(--red);}
.case .number.word{font-size:clamp(2.25rem, 1.2rem + 4vw, 4.25rem);letter-spacing:-.03em;}
.case-body{grid-column:7 / -1;}
.case-name{font-weight:800;font-stretch:105%;font-size:var(--t-h3);line-height:1.2;margin:0 0 8px;}
.case-ctx{margin:0;color:var(--muted-on-light);max-width:46ch;}
@media (max-width:760px){
  .case .number,.case-body{grid-column:1 / -1;}
  .case-body{margin-top:16px;}
}
.case .arrow{display:inline-block;font-weight:400;margin:0 .12em;color:var(--ink);}
