.o-columns{container-type:inline-size;display:flex;flex-wrap:wrap;gap:2rem;list-style:none;margin:6rem 0;padding:0}@media (min-width:1280px){.o-columns{gap:3rem}}.o-column{border-bottom:3px solid #6d2a8d}@container (width < 50rem){.o-column{flex:0 0 100%;max-width:100%}}@container (width > 50rem) and (width < 76.8rem){.o-column{flex:0 0 calc(50% - 1rem);max-width:100%}}.o-column--shadow{box-shadow:0 0 2.3rem rgba(23,50,116,.2);transition:box-shadow .3s cubic-bezier(.165,.84,.44,1)}.o-column--shadow:focus,.o-column--shadow:hover{box-shadow:-.3rem 2rem 3.6rem rgba(23,50,116,.24)}