.home-tutorials{scroll-margin-top:110px}.home-tutorials .section-heading{align-items:flex-end}.home-tutorials-intro{max-width:450px}.home-tutorials-intro>p{color:#59647a;font-size:1rem;line-height:1.8;margin:0 0 18px}.home-tutorials-intro .text-link{gap:10px}.home-tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-tutorial-card{border:1px solid #e0e5ef;border-radius:20px;overflow:hidden;background:white;transition:box-shadow .2s,border-color .2s}.home-tutorial-card:hover{border-color:#a8baff;box-shadow:0 14px 30px -24px #1e3a8a66}.home-tutorial-card>a{display:flex;flex-direction:column;text-decoration:none;height:100%;color:#17213b}.home-tutorial-art{position:relative;aspect-ratio:1.65;background:#f0f3ff;overflow:hidden}.home-tutorial-card:nth-child(2) .home-tutorial-art{background:#edf5f3}.home-tutorial-card:nth-child(3) .home-tutorial-art{background:#f7f3ed}.home-tutorial-label{position:absolute;top:20px;left:22px;font-size:.625rem;letter-spacing:.09em;font-weight:650;color:#586783}.home-tutorial-art>img{display:block;object-fit:contain;width:100%;height:100%;padding:32px 40px 8px;transition:transform .2s}.home-tutorial-card:hover .home-tutorial-art>img{transform:translateY(-3px)}.home-tutorial-play{position:absolute;right:18px;bottom:17px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#0040ff;box-shadow:0 4px 15px #253d7b12}.home-tutorial-play .icon{width:17px;height:17px}.home-tutorial-copy{display:flex;flex-direction:column;flex:1;padding:25px}.home-tutorial-copy .home-tutorial-meta{display:flex;gap:8px;font-size:.75rem;color:#627089;margin:0 0 12px}.home-tutorial-copy h3{font-size:1.2rem;letter-spacing:-.03em;line-height:1.35;margin:0 0 12px}.home-tutorial-copy>p:not(.home-tutorial-meta){font-size:.875rem;color:#59647a;line-height:1.75;margin:0 0 22px}.home-tutorial-watch{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:#0040ff;font-weight:650;margin-top:auto;padding-top:16px;border-top:1px solid #e9edf4}.home-tutorial-watch .icon{width:17px;height:17px}.home-tutorial-note{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;font-size:.8125rem;color:#657087;margin:24px 0 0}.home-tutorial-note .icon{width:17px;height:17px}.home-tutorial-card>a:focus-visible{outline:3px solid #0040ff;outline-offset:-4px}.home-tutorials-intro a:focus-visible{outline:3px solid #0040ff;outline-offset:5px}
@media(max-width:950px){.home-tutorials .section-heading{align-items:flex-start;gap:24px}.home-tutorials-intro{max-width:380px}.home-tutorial-grid{gap:16px}.home-tutorial-copy{padding:20px}.home-tutorial-art{aspect-ratio:1.25}.home-tutorial-art>img{padding:32px 20px 10px}.home-tutorial-label{left:16px;font-size:.5625rem}}
@media(max-width:700px){.home-tutorials .section-heading{flex-direction:column}.home-tutorials-intro{max-width:none}.home-tutorial-grid{grid-template-columns:1fr;gap:22px}.home-tutorial-art{aspect-ratio:1.7}.home-tutorial-art>img{padding:24px 38px 4px}.home-tutorial-label{left:22px;font-size:.625rem}.home-tutorial-copy{padding:24px}.home-tutorial-copy h3{font-size:1.25rem}.home-tutorial-note{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.home-tutorial-card,.home-tutorial-art>img{transition:none}}