.hero-photo {
  background: radial-gradient(circle at 74% 56%, rgba(244,104,42,.92) 0 2%, rgba(224,62,25,.46) 3%, transparent 21%),
    radial-gradient(circle at 67% 63%, rgba(243,148,50,.3), transparent 30%),
    linear-gradient(125deg,#071215 0%,#11272b 53%,#351711 100%);
  transform: none;
}
.hero-photo::before,.hero-photo::after {content:"";position:absolute;border:1px solid rgba(255,139,76,.22);border-radius:50%;width:46vw;height:46vw;right:-3vw;top:3vh}
.hero-photo::after {width:32vw;height:32vw;right:4vw;top:13vh}
.hero-shade {background:linear-gradient(90deg,rgba(6,15,18,.88),rgba(8,15,17,.25) 67%,transparent)}
.project-image {background:linear-gradient(145deg,#121f22,#26383a);display:grid;place-items:center;position:relative;overflow:hidden}
.project-image::before {content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#e56832 0 2%,rgba(218,79,37,.25) 3%,transparent 58%);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 0 90px rgba(255,255,255,.025)}
.data-card {position:relative;width:min(72%,520px);padding:36px;background:rgba(8,17,19,.72);border:1px solid rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(8px)}
.data-card span {display:block;font:600 10px Manrope;letter-spacing:2px;color:#e77844;margin-bottom:34px}
.data-card b {display:inline-block;width:50px;font:600 11px Manrope}
.data-card i {display:inline-block;width:calc(100% - 58px);height:38px;margin-bottom:18px;vertical-align:middle;background:linear-gradient(135deg,transparent 0 7%,#d96535 7% 8%,transparent 8% 21%,#d96535 21% 22%,transparent 22% 35%,#d96535 35% 37%,transparent 37% 54%,#d96535 54% 56%,transparent 56% 72%,#d96535 72% 74%,transparent 74%);border-bottom:1px solid rgba(255,255,255,.14)}