.tut-g{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (max-width:960px){.tut-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.tut-g{grid-template-columns:minmax(0,1fr)}}.tut-card{border:1px solid var(--line);box-shadow:var(--sh-sm);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;background:#fff;border-radius:22px;gap:0;padding:0;overflow:hidden}.tut-card:not(.soon):hover{box-shadow:var(--sh-md);border-color:#0242d84d;transform:translateY(-6px)}.tut-cover{cursor:pointer;border:0;padding:0}.tut-cover:disabled{cursor:default;filter:saturate(.55)brightness(1.08)}.tut-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:11cqw;height:11cqw;transition:transform .25s var(--ease),background .25s;background:#fff3;border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:3.5cqw;right:3.5cqw}.tut-play svg{width:45%;height:45%;margin-left:6%}.tut-cover:not(:disabled):hover .tut-play{background:#ffffff57;transform:scale(1.12)}.tut-cover:disabled .tut-play{opacity:.55}.tut-dur{color:#fff;background:#0a1028b3;border-radius:8px;padding:3px 8px;font-size:.72rem;font-weight:700;position:absolute;bottom:3cqw;right:3.5cqw}.tut-body{flex-wrap:wrap;align-items:center;gap:6px;padding:20px 22px 24px;display:flex}.tut-title{font-family:var(--disp);color:var(--navy);flex-basis:100%;margin-top:8px;font-size:1.05rem;font-weight:700;line-height:1.3}.tut-desc{color:var(--mid);flex-basis:100%;font-size:.86rem;line-height:1.6}.tut-modal{padding:18px}.tut-modal-title{font-family:var(--disp);color:var(--navy);padding-right:28px;font-size:1.05rem;font-weight:700}.tut-video{aspect-ratio:16/9;background:#000;border:0;border-radius:12px;width:100%}