.viaduct{--gap:clamp(10px,1.2vw,18px);--lift:clamp(18px,2.4vw,36px);display:grid;gap:calc(var(--gap) + var(--lift)) var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:calc(clamp(34px, 4vw, 58px) + var(--lift))}@media (max-width:960px){.viaduct{--lift:0px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.viaduct{grid-template-columns:1fr}}.value{--rise-base:clamp(70px,8vw,118px);--rise:var(--rise-base);--top:calc(var(--rise-base)*0.32);align-items:center;background:var(--bone);border-radius:50% 50% var(--r-card) var(--r-card)/var(--rise) var(--rise) var(--r-card) var(--r-card);display:flex;flex-direction:column;gap:14px;padding:var(--top) clamp(22px,2.4vw,38px) clamp(26px,2.6vw,40px);text-align:center;transition:background .3s var(--ease),color .3s var(--ease)}.value:nth-child(3n+2){--rise:calc(var(--rise-base) + var(--lift));margin-block-start:calc(var(--lift)*-1);padding-block-start:calc(var(--top) + var(--lift))}@media (max-width:640px){.value{--rise-base:64px}}.value:hover{background:var(--ink);color:var(--paper)}.value:hover .value__text{color:hsla(0,0%,100%,.74)}.value:hover .value__icon{background:var(--orange);color:var(--paper)}.value__icon{background:var(--orange-soft);block-size:52px;border-radius:50%;color:var(--orange-text);display:grid;flex:0 0 auto;inline-size:52px;place-items:center;transition:background .3s var(--ease),color .3s var(--ease)}.value__title{font-size:var(--fs-h3)}.value__text{color:var(--ink-2);font-size:var(--fs-sm);max-inline-size:36ch;transition:color .3s var(--ease)}@media print{.value{background:#fff!important;border:1px solid #000}.value,.value__text{color:#000!important}}
