@import url("../../shared.css");
body{--orange:#e7b51d;--navy:#123951;--paper:#edf2f3}
.project{clip-path:polygon(0 0,100% 0,100% 92%,92% 100%,0 100%)}
#about .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;background:transparent!important}
#about .fact{position:relative;min-width:0;min-height:180px;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.22);padding:30px 32px;color:#fff;background:var(--navy)}
#about .fact:before{position:absolute;top:0;right:0;width:58px;height:58px;background:var(--orange);clip-path:polygon(100% 0,100% 100%,0 0);content:""}
#about .fact:after{position:absolute;left:32px;top:30px;width:36px;height:3px;background:var(--orange);content:""}
#about .fact strong{font-size:clamp(38px,4.5vw,62px);font-weight:900;letter-spacing:-.055em;line-height:.9}
#about .fact span{margin-top:15px;color:rgba(255,255,255,.72);font-size:13px;font-weight:800;letter-spacing:.06em}
@media(max-width:700px){#about .facts{grid-template-columns:1fr}#about .fact{min-height:145px}}