.tutorial{flex-wrap:nowrap;grid-template-columns:1fr 1fr 1fr;display:grid;overflow:hidden}@media (max-width:759px),(max-width:1023px) and (orientation:landscape){.tutorial{margin-top:var(--gridunit-small)}}@media (min-width:760px) and (max-width:1023px){.tutorial{margin-top:var(--gridunit)}}@media (min-width:1024px){.tutorial{margin-top:var(--gridunit)}}.tutorial{gap:var(--gridunit-medium);grid-auto-rows:auto}.tutorial>LI{box-sizing:border-box;padding:50px 0;position:relative}.tutorial>LI:nth-child(2n) .tutorial__arrow{top:auto;bottom:0;transform:scaleY(-1)}.tutorial>LI:last-child .tutorial__arrow{display:none}.tutorial__arrow{position:absolute;top:0;right:0}.tutorial__inner{gap:var(--gridunit-small);flex-flow:row;align-items:flex-start;display:flex}.tutorial__icon{background-color:var(--color-primary-50);border-radius:var(--radius-default);flex:0 0 120px;justify-content:center;align-items:center;display:flex}.tutorial__heading{font-family:var(--font-headings),serif;text-wrap:balance;font-size:1.5rem;font-weight:500;line-height:1.2}.tutorial__description{margin-top:var(--gridunit-tiny)}@media (max-width:1023px){.tutorial{flex:1 0 auto;grid-template-columns:repeat(3,280px)}.tutorial>LI{padding:0}.tutorial__icon svg{width:200px;height:200px}.tutorial__arrow{display:none}.tutorial__inner{display:block}.tutorial__heading{margin-top:var(--gridunit-small)}}