/* About 09 Dark (4601:373): edge-to-edge photography, information below.
   The supplied team photo and ranking replace the template's sample content. */
.baks-proof-photo { position: absolute; inset: 0; width: 1920px; height: 1080px; overflow: hidden; }
.baks-proof-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.baks-proof-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 150px,rgba(0,0,0,0) 520px,rgba(0,0,0,.72) 750px,#000 1080px); }
.baks-proof-title { position: absolute; left: 40px; top: 690px; width: 960px; font-size: 80px; font-weight: 500; }
.baks-proof-use { position: absolute; left: 40px; top: 800px; width: 960px; color: #d7d0dd; font-size: 26px; line-height: 1.4; }
.baks-proof-intro { position: absolute; left: 40px; top: 853px; width: 960px; font-size: 24px; line-height: 1.3; color: #b6afbf; }
.baks-proof-ranks { position: absolute; left: 40px; top: 901px; width: 790px; display: grid; grid-template-columns: 325px 110px 220px; align-items: start; text-align: left; }
.baks-proof-ranks strong { display: block; font-size: 100px; line-height: 1; font-weight: 500; }
.baks-proof-ranks .baks-proof-achieved { color: var(--accent); }
.baks-proof-ranks small { display: block; margin-top: 18px; font-size: 21px; line-height: 1.3; color: #a69eaf; }
.baks-proof-arrow { padding-top: 16px; color: #8f839c; font-size: 56px; line-height: 1.2; }
.baks-proof-chart { position: absolute; left: 1160px; top: 732px; width: 720px; height: 300px; }
.baks-proof-chart svg { width: 720px; height: 300px; overflow: visible; }
.baks-proof-chart text { font: 19px Poppins,Manrope,Arial,sans-serif; fill: #a99cb8; }
.baks-proof-chart .baks-proof-axis { fill: #8f819e; font-size: 18px; }
.baks-proof-chart .baks-proof-label { fill: #cec1de; font-size: 22px; }
.baks-proof-chart .baks-proof-label-highlight { fill: #d2baff; font-size: 26px; }
.baks-proof-chart .baks-proof-adoption text { fill: #e1d6ee; font-size: 22px; }
.baks-proof-adoption line { stroke: #c3b0db; stroke-width: 1; stroke-dasharray: 4 7; }
.baks-proof-adoption circle { fill: #b79aff; stroke: #e7dbf6; stroke-width: 2; }
.baks-proof-line { fill: none; stroke: #b79aff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.baks-proof-source { position: absolute; right: 40px; bottom: 24px; font-size: 19px; line-height: 1.4; color: #9b8da8; }
.baks-proof-source a { text-decoration: none; }
.baks-proof-source a:hover { color: #d2baff; }
@media(prefers-reduced-motion:no-preference) {
  .baks-proof.is-active .baks-proof-photo img { animation: baks-photo-arrive 2s cubic-bezier(.22,1,.36,1) both; }
  .baks-proof.is-active .baks-proof-line { stroke-dasharray: 1; animation: baks-ranking-draw 1.5s cubic-bezier(.22,1,.36,1) .3s both; }
}
@keyframes baks-photo-arrive { from { transform: scale(1.025); } to { transform: scale(1); } }
@keyframes baks-ranking-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }