.about{padding:16vh 0 8vh;background:linear-gradient(180deg,#5b78c9,#c9d2f0 8%,#eceef2 30%)}
.statement{font-family:var(--serif);font-weight:300;font-size:clamp(26px,4vw,50px);line-height:1.25;max-width:900px}
.statement span{opacity:.14;transition:opacity .7s,filter .7s;filter:blur(3px);display:inline-block;margin-right:.26em}
.statement span.on{opacity:1;filter:none}
.statement b{font-weight:500;font-style:italic;color:var(--mag)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:9vh}
.stat{padding:26px 22px;border-radius:26px;background:rgba(255,255,255,.55);backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(100,90,170,.12),inset 0 0 0 1px rgba(255,255,255,.8);position:relative;overflow:hidden;transition:transform .5s}
.stat::before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-40px;top:-50px;background:var(--c);filter:blur(34px);opacity:.55;transition:.6s}
.stat:hover{transform:translateY(-8px)}
.stat:hover::before{opacity:.95;transform:scale(1.4)}
.stat b{position:relative;display:block;font-family:var(--serif);font-weight:300;font-size:clamp(40px,5vw,62px);line-height:1}
.stat small{position:relative;display:block;margin-top:10px;font-size:14px;color:var(--mute);line-height:1.4}