.guide-thumb:where(.astro-pl2wpqdb){aspect-ratio:16/10}.thumb-img-wrap:where(.astro-pl2wpqdb){background:#000}.thumb-img:where(.astro-pl2wpqdb){object-fit:cover;filter:brightness(.88)saturate(1.05);width:100%;height:100%;position:absolute;inset:0}.guide:where(.astro-pl2wpqdb):hover .thumb-img:where(.astro-pl2wpqdb){filter:brightness(.95)saturate(1.1)}.guide-thumb:where(.astro-pl2wpqdb).thumb-img-wrap .play:where(.astro-pl2wpqdb){place-items:unset;inset:14px 14px auto auto}.guide-thumb:where(.astro-pl2wpqdb).thumb-img-wrap .play:where(.astro-pl2wpqdb) span:where(.astro-pl2wpqdb){width:45px;height:45px}.guide-thumb:where(.astro-pl2wpqdb).thumb-img-wrap .play:where(.astro-pl2wpqdb) span:where(.astro-pl2wpqdb) svg{width:13px;height:13px}.lang-tag:where(.astro-pl2wpqdb){color:var(--indigo);background:var(--indigo-soft);vertical-align:middle;border:1px solid #6366f140;border-radius:999px;margin-inline-start:8px;padding:1px 7px;font-size:11px;font-weight:600;line-height:1.5;display:inline-block}.tut:where(.astro-5fmrdkjo){padding-top:80px;padding-bottom:96px}.tut-h1:where(.astro-5fmrdkjo){letter-spacing:-.04em;color:var(--ink);margin:22px 0 18px;font-family:Geist,sans-serif;font-size:clamp(48px,6vw,76px);font-weight:600;line-height:1}.tut-grad:where(.astro-5fmrdkjo){background:var(--grad);color:#0000;background-clip:text}.tut-lede:where(.astro-5fmrdkjo){max-width:640px;color:var(--ink-2);margin:0 0 56px;font-size:18px;line-height:1.55}.tut-lede:where(.astro-5fmrdkjo) a:where(.astro-5fmrdkjo){color:var(--indigo);text-underline-offset:2px;text-decoration:underline}.tut-group:where(.astro-5fmrdkjo){margin-bottom:56px}.tut-group__head:where(.astro-5fmrdkjo){flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.tut-h2:where(.astro-5fmrdkjo){letter-spacing:-.02em;color:var(--ink);margin:0 0 20px;font-family:Geist,sans-serif;font-size:24px;font-weight:600}.tut-group__head:where(.astro-5fmrdkjo) .tut-h2:where(.astro-5fmrdkjo){margin:0}.tut-carousel-controls:where(.astro-5fmrdkjo){align-items:center;gap:10px;display:flex}.tut-carousel-controls:where(.astro-5fmrdkjo)[hidden]{display:none}.tut-carousel-count:where(.astro-5fmrdkjo){color:var(--ink-3);font-variant-numeric:tabular-nums;margin-right:6px;font-size:13px}.tut-carousel-controls:where(.astro-5fmrdkjo) button:where(.astro-5fmrdkjo){border:1px solid var(--rule-2);width:42px;height:42px;color:var(--indigo);cursor:pointer;background:#fff;border-radius:50%;font-size:22px}.tut-carousel-controls:where(.astro-5fmrdkjo) button:where(.astro-5fmrdkjo):hover:not(:disabled){background:var(--indigo-soft);border-color:var(--indigo)}.tut-carousel-controls:where(.astro-5fmrdkjo) button:where(.astro-5fmrdkjo):disabled{opacity:.35;cursor:default}.tut-carousel-controls:where(.astro-5fmrdkjo) button:where(.astro-5fmrdkjo):focus-visible,.tut-carousel-track:where(.astro-5fmrdkjo):focus-visible{outline:2px solid var(--indigo);outline-offset:4px}.tut-carousel-track:where(.astro-5fmrdkjo){scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--rule-3) transparent;grid-auto-columns:calc(33.3333% - 16px);grid-auto-flow:column;gap:24px;padding:4px 0 16px;display:grid;overflow-x:auto}.tut-carousel-slide:where(.astro-5fmrdkjo){scroll-snap-align:start;min-width:0;display:flex}.tut-carousel-slide:where(.astro-5fmrdkjo) .guide{width:100%}@media (width<=980px){.tut-carousel-track:where(.astro-5fmrdkjo){grid-auto-columns:calc(50% - 12px)}}@media (width<=640px){.tut-carousel-track:where(.astro-5fmrdkjo){grid-auto-columns:88%;gap:16px}}.tut-submit:where(.astro-5fmrdkjo){letter-spacing:.08em;text-transform:uppercase;color:var(--indigo);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:gap .2s;display:inline-flex}.tut-submit:where(.astro-5fmrdkjo):hover{gap:12px}.vid-grid:where(.astro-5fmrdkjo){grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=980px){.vid-grid:where(.astro-5fmrdkjo){grid-template-columns:1fr 1fr}}@media (width<=640px){.vid-grid:where(.astro-5fmrdkjo){grid-template-columns:1fr}}.tut-docs:where(.astro-5fmrdkjo){border:1px solid var(--rule-2);background:#fff;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:28px 32px;display:flex}.tut-docs__label:where(.astro-5fmrdkjo){letter-spacing:.08em;text-transform:uppercase;color:var(--indigo);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.tut-docs__text:where(.astro-5fmrdkjo){color:var(--ink-2);max-width:560px;margin:0;font-size:15px}
