.techhero .small{margin-bottom:12px}
.techhero h1{max-width:16ch;margin-left:auto;margin-right:auto}
.techhero .autop{max-width:640px;min-height:0}
.techhero .autop p{margin:0 0 22px}
.techhero .autop p:last-child{margin-bottom:0}

.techlist{padding:0 0 40px}
.techlist .container{max-width:var(--cont, 1170px)}
.techgroup{
  display:grid;
  grid-template-columns:minmax(160px,.34fr) minmax(0,1fr);
  gap:24px 80px;
  align-items:start;
  padding:42px 0;
  border-top:1px solid #e7e7e9;
  min-width:0;
}
.techgroup:last-child{border-bottom:1px solid #e7e7e9}
.techgroup h3{
  margin:0;
  color:#050505;
  font-size:30px;
  font-weight:300;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.techgroup-copy{min-width:0}
.techgroup .stack{
  margin:0 0 14px;
  color:#8B8B8B;
  font-size:14px;
  font-weight:300;
  line-height:1.55;
  letter-spacing:.02em;
  overflow-wrap:anywhere;
}
.techgroup p{margin:0;color:#727272;font-weight:300;overflow-wrap:anywhere}

.techclose{text-align:center;border-top:1px solid #e7e7e9}
.techclose h2{color:#050505;max-width:16ch;margin:0 auto 36px;overflow-wrap:anywhere}
.techclose .autop{max-width:560px;margin:0 auto;min-height:0}
.techclose .autop p{margin:0 0 22px;color:#727272}
.techclose .autop p:last-child{margin-bottom:0}

@media (max-width:850px){
  .techgroup{grid-template-columns:1fr;gap:12px;padding:36px 0}
  .techgroup h3{font-size:24px;line-height:1.25}
}

@media (max-width:740px){
  .techhero h1{max-width:100%;margin:0}
  .techlist{padding:8px 0 24px}
  .techlist .container{width:calc(100% - 48px);max-width:100%;box-sizing:border-box}
  .techgroup{padding:28px 0}
  .techgroup h3{font-size:22px;line-height:30px}
  .techgroup .stack,.techgroup p{overflow-wrap:break-word;word-break:break-word}
  .techclose{padding-left:24px;padding-right:24px;box-sizing:border-box}
  .techclose h2{max-width:100%;font-size:32px;line-height:1.15}
  .techclose .autop{max-width:100%}
  .techclose .autop p{overflow-wrap:break-word;word-break:break-word}
}
