.home-tutorial[data-v-df8e4250]{align-items:center;backface-visibility:hidden;display:flex;flex-direction:column;isolation:isolate;justify-content:center;transform:translateZ(0);width:100%}.home-tutorial-title[data-v-df8e4250]{color:var(--text-primary);font-family:Outfit;font-size:40px;font-weight:600;margin-bottom:32px;text-align:center}.home-tutorial-content[data-v-df8e4250]{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);width:100%}.tutorial-item[data-v-df8e4250]{background:#c4c4c4;border-radius:6px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease}.tutorial-item:hover .tutorial-video[data-v-df8e4250]{transform:scale(1.05)}.video-wrapper[data-v-df8e4250]{padding-top:56.25%;position:relative;width:100%}.tutorial-video[data-v-df8e4250]{height:100%;-o-object-fit:cover;object-fit:cover;top:0;transition:transform .3s ease;width:100%}.title-overlay[data-v-df8e4250],.tutorial-video[data-v-df8e4250]{inset-inline-start:0;position:absolute}.title-overlay[data-v-df8e4250]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));bottom:0;color:#fff;font-size:14px;font-weight:500;inset-inline-end:0;overflow:hidden;padding:16px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:950px){.home-tutorial-title[data-v-df8e4250]{font-size:24px;margin-bottom:20px}.home-tutorial-content[data-v-df8e4250]{gap:12px;grid-template-columns:1fr}}