.why-hero{background:#0d0d0c;color:#f1eee5}
.why-hero h1 em{color:#f3cb00}
.evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid;margin:5rem 0 2rem}
.evidence-grid a{display:flex;flex-direction:column;padding:2rem;border-right:1px solid;min-height:330px}
.evidence-grid a:last-child{border-right:0}
.evidence-grid small{color:#806b00}
.evidence-grid b{font:clamp(2.5rem,4vw,5rem)/1 var(--s);margin:3rem 0 1rem}
.evidence-grid p{margin-top:auto}
.evidence-note{font-size:.85rem!important;color:#555}
.cascade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:5rem 0;border-top:1px solid}
.cascade article{padding:2rem 1.5rem;border-right:1px solid;border-bottom:1px solid;min-height:310px}
.cascade article:last-child{border-right:0}
.cascade small{color:#806b00}
.cascade h3{font-size:2rem;line-height:1.05;margin:3rem 0 1rem}
.why-image{height:76vh;min-height:590px;position:relative;color:#fff;background:linear-gradient(0deg,#000d,transparent 66%),url("../assets/por-que-agora-cidade.webp") center/cover;filter:saturate(.86) contrast(1.05)}
.why-image>div{position:absolute;left:6vw;right:6vw;bottom:5rem}
.why-image small{color:#f3cb00}
.why-image h2{max-width:1100px;margin:.4em 0}
.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:5rem 0;border-top:1px solid}
.direction-grid div{padding:2rem;border-right:1px solid;border-bottom:1px solid;min-height:200px}
.direction-grid div:nth-child(3n){border-right:0}
.direction-grid b{display:block;font:2rem var(--s);margin-bottom:1rem}
.direction-grid span{display:block}
.pressure-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid}
.pressure-grid div{min-height:230px}
.pressure-grid div:nth-child(odd){border-right:1px solid}
.pressure-grid div:nth-child(2n){border-right:0}
.response-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:5rem 0;border-block:1px solid}
.response-table article{min-width:0;padding:2.5rem;border-right:1px solid;min-height:310px;display:flex;flex-direction:column}
.response-table article:last-child{border-right:0}
.response-table small{color:#806b00}
.response-table h3{font-size:clamp(2rem,3.3vw,4rem);line-height:1;margin:3rem 0 1rem;overflow-wrap:normal;word-break:normal;hyphens:none}
.response-table p{margin-top:auto}
.answer-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:5rem 0;border-block:1px solid}
.answer-principles article{padding:2rem;border-right:1px solid}
.answer-principles article:last-child{border:0}
.answer-principles i{font-style:normal;font-size:.72rem;color:#806b00}
.answer-principles h3{font-size:2.2rem;margin:3rem 0 1rem}
.evidence-grid>a,.cascade>article,.direction-grid>div,.answer-principles>article{min-width:0}
.evidence-grid b,.cascade h3,.direction-grid b,.answer-principles h3{overflow-wrap:normal;word-break:normal;hyphens:none}
@media(max-width:820px){
  .why-page .essay h2{font-size:clamp(2.5rem,11vw,3rem);letter-spacing:-.035em}
  .evidence-grid,.cascade,.answer-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evidence-grid a,.cascade article,.answer-principles article{min-height:250px;border-bottom:1px solid;padding:1.35rem}
  .evidence-grid a:nth-child(2n),.cascade article:nth-child(2n),.answer-principles article:nth-child(2n){border-right:0}
  .evidence-grid b{font-size:clamp(2rem,10vw,3rem);margin:2rem 0 1rem}
  .cascade h3,.answer-principles h3{font-size:clamp(1.45rem,7vw,1.9rem);margin:2rem 0 .8rem}
  .why-image{height:68vh;min-height:540px;background-position:55% center}
  .why-image>div{left:22px;right:22px;bottom:3rem}
  .direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .direction-grid div{padding:1.35rem;min-height:210px}
  .direction-grid b{font-size:clamp(1.45rem,7vw,1.9rem)}
  .direction-grid div:nth-child(3n){border-right:1px solid}
  .direction-grid div:nth-child(2n){border-right:0}
  .response-table{grid-template-columns:repeat(2,minmax(0,1fr))}
  .response-table article{padding:1.35rem;min-height:280px}
  .response-table h3{font-size:clamp(1.55rem,7.5vw,2rem);margin:2rem 0 1rem}
}
@media(max-width:380px){.evidence-grid,.cascade,.direction-grid,.response-table,.answer-principles{grid-template-columns:1fr}.evidence-grid a,.cascade article,.direction-grid div,.response-table article,.answer-principles article{border-right:0!important;min-height:auto}.evidence-grid a:last-child,.cascade article:last-child,.direction-grid div:last-child,.response-table article:last-child,.answer-principles article:last-child{border-bottom:0}}