.gp-tutorial-video{width:100%;max-width:960px;margin:var(--space-9) auto;color:var(--ink-900)}.gp-tutorial-video :is(h2,h3){margin:0 0 var(--space-6);font-size:var(--fs-title);font-weight:var(--fw-extra);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere}.gp-tutorial-video__embed{aspect-ratio:16/9;border-radius:var(--r-xl);background:var(--ink-900);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);position:relative;overflow:clip}.gp-tutorial-video__embed:has(:focus-visible){outline:2px solid var(--brand-600);outline-offset:4px;box-shadow:var(--ring)}.gp-tutorial-video__play{cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;scroll-margin-block:112px;display:block;position:absolute;inset:0}.gp-tutorial-video__play:focus-visible{outline:none}.gp-tutorial-video .gp-tutorial-video__play img{object-fit:cover;border:0;border-radius:0;width:100%;height:100%;margin:0;display:block}.gp-tutorial-video__disc{width:var(--space-16);height:var(--space-16);border-radius:var(--r-pill);background:var(--brand-600);border:2px solid var(--text-on-brand);color:var(--text-on-brand);box-shadow:var(--shadow-sm);place-items:center;margin:auto;display:grid;position:absolute;inset:0}.gp-tutorial-video__disc svg{width:var(--space-9);height:var(--space-9);margin-left:var(--space-1);fill:currentColor}.gp-tutorial-video__play:hover .gp-tutorial-video__disc{background:var(--brand-500)}.gp-tutorial-video__play:active .gp-tutorial-video__disc{background:var(--brand-700)}.gp-tutorial-videos{max-width:980px;color:var(--ink-900)}.gp-tutorial-videos>h2{margin:0 0 var(--space-9);font-size:var(--fs-title);line-height:var(--leading-snug);font-weight:var(--fw-extra)}.gp-tutorial-videos__grid{gap:var(--space-9);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gp-tutorial-videos__grid .gp-tutorial-video{min-width:0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-xs);flex-direction:column;margin:0;display:flex}.gp-tutorial-videos__grid figcaption{flex:1}.gp-tutorial-videos__grid h3{font-size:var(--fs-h2)}@media (max-width:640px){.gp-tutorial-videos__grid{grid-template-columns:minmax(0,1fr)}}