.content-split{padding:var(--space-section) 0}.content-split__grid{align-items:start;display:grid;gap:4rem;grid-template-columns:4fr 8fr}.content-split--right .content-split__grid{grid-template-columns:7fr 5fr}.content-split--right .content-split__sidebar{order:2}.content-split--right .content-split__cards{order:1}.content-split__sidebar{border-left:2px solid color-mix(in srgb,var(--secondary) 20%,transparent);padding-left:2rem;position:sticky;top:calc(var(--nav-height) + 2rem)}.content-split__sidebar h2{font-size:2.25rem;letter-spacing:-.01em;line-height:1.2}.content-split__sidebar .label-technical{margin-bottom:var(--space-sm)}.content-split__sidebar-desc{color:var(--on-surface-variant);font-size:1.125rem;line-height:1.6;margin-top:var(--space-sm)}.content-split__cards{display:grid;gap:3rem;grid-template-columns:repeat(3,1fr)}.content-split__card{background-color:var(--surface-container-lowest);border:1px solid transparent;padding:3rem;transition:border-color var(--transition-base)}.content-split__card:hover{border-color:color-mix(in srgb,var(--secondary) 20%,transparent)}.content-split__card:after{background:color-mix(in srgb,var(--secondary) 30%,transparent);content:"";display:block;height:1px;margin-top:1.5rem;transition:width .7s ease;width:3rem}.content-split__card:hover:after{width:100%}.content-split__card-icon{color:var(--secondary);display:block;font-size:1.5rem;margin-bottom:var(--space-sm)}.content-split__card-title{margin-bottom:var(--space-xs)}.content-split__card-desc{color:var(--on-surface-variant);line-height:1.6;margin:0}@media (max-width:1023px){.content-split__grid{gap:var(--space-xl);grid-template-columns:1fr}.content-split__sidebar{position:static}.content-split--right .content-split__cards,.content-split--right .content-split__sidebar{order:0}}@media (max-width:767px){.content-split{padding:var(--space-xl) 0}.content-split__sidebar{border-left:none;padding-left:0}.content-split__cards{gap:1.5rem;grid-template-columns:1fr}.content-split__card{padding:1.5rem}}