.digital-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 96px;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
.digital-principles>div{padding:28px 26px 32px 0}
.digital-principles>div+div{border-left:1px solid #ffffff26;padding-left:26px}
.digital-principles .principle-index{display:block;color:#27f4cf;font:600 10px/1.5 monospace;letter-spacing:.14em;margin-bottom:22px}
.digital-principles h3{font-size:clamp(21px,2.1vw,28px);font-weight:650;line-height:1.12;letter-spacing:-.025em;margin:0 0 17px;max-width:260px}
.digital-principles p{font-size:15px;line-height:1.6;color:#b1b5b2;margin:0;max-width:290px}
.design-toolkit{font-size:13px!important;line-height:1.8!important;color:#b1b5b2!important;max-width:610px;padding:20px 0;border-top:1px solid #ffffff26}
.design-toolkit>span{display:block;font:600 10px/1.6 monospace;letter-spacing:.12em;color:#27f4cf;margin-bottom:9px}
@media(max-width:700px){.digital-principles{grid-template-columns:1fr;margin-bottom:65px}.digital-principles>div,.digital-principles>div+div{padding:24px 0;border-left:0}.digital-principles>div+div{border-top:1px solid #ffffff26}.digital-principles .principle-index{margin-bottom:13px}.digital-principles h3{max-width:none}.digital-principles p{max-width:370px}}