.VideoCard-module-scss-module__4p9OyG__card{gap:var(--space-4);background:var(--color-cream);border-radius:var(--radius-md);transition:transform var(--dur-medium) var(--ease-out-soft),box-shadow var(--dur-medium) var(--ease-out-soft);border:1px solid #14161a0f;flex-direction:column;display:flex;overflow:hidden}.VideoCard-module-scss-module__4p9OyG__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.VideoCard-module-scss-module__4p9OyG__media{background:var(--color-ink);aspect-ratio:4/3;position:relative;overflow:hidden}.VideoCard-module-scss-module__4p9OyG__square .VideoCard-module-scss-module__4p9OyG__media{aspect-ratio:1}.VideoCard-module-scss-module__4p9OyG__portrait .VideoCard-module-scss-module__4p9OyG__media{aspect-ratio:4/5}.VideoCard-module-scss-module__4p9OyG__poster{object-fit:cover}.VideoCard-module-scss-module__4p9OyG__posterFallback{background:var(--color-ink);position:absolute;inset:0}.VideoCard-module-scss-module__4p9OyG__video{background:var(--color-ink);width:100%;height:100%;position:absolute;inset:0}.VideoCard-module-scss-module__4p9OyG__playButton{cursor:pointer;color:var(--color-cream);transition:background var(--dur-fast) var(--ease-out-soft);background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:0}.VideoCard-module-scss-module__4p9OyG__playButton:before{content:"";transition:opacity var(--dur-fast) var(--ease-out-soft);background:linear-gradient(#14161a00 30%,#14161a66 100%);position:absolute;inset:0}.VideoCard-module-scss-module__4p9OyG__playButton>svg{width:64px;height:64px;padding:var(--space-4);border-radius:var(--radius-pill);background:var(--color-cream);color:var(--color-ink);transition:transform var(--dur-medium) var(--ease-out-soft);position:relative}.VideoCard-module-scss-module__4p9OyG__playButton:hover>svg,.VideoCard-module-scss-module__4p9OyG__playButton:focus-visible>svg{transform:scale(1.06)}.VideoCard-module-scss-module__4p9OyG__playButton:focus-visible{outline:none}.VideoCard-module-scss-module__4p9OyG__playButton:focus-visible>svg{outline:2px solid var(--color-cream);outline-offset:4px}.VideoCard-module-scss-module__4p9OyG__duration{bottom:var(--space-3);left:var(--space-3);align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--color-cream);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.02em;background:#14161ab8;display:inline-flex;position:absolute}.VideoCard-module-scss-module__4p9OyG__soon{top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--color-cream);color:var(--color-ink);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;position:absolute}.VideoCard-module-scss-module__4p9OyG__body{gap:var(--space-2);padding:0 var(--space-4) var(--space-4);flex-direction:column;display:flex}.VideoCard-module-scss-module__4p9OyG__title{font-family:var(--font-display);font-size:var(--fs-lg);line-height:var(--lh-snug);color:var(--color-ink);margin:0}.VideoCard-module-scss-module__4p9OyG__description{font-family:var(--font-body);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-ink-muted);margin:0}
.Tutorials-module-scss-module__Qxa7bq__tutorials{background:var(--color-cream-soft);padding-block:var(--space-32);min-height:100vh}.Tutorials-module-scss-module__Qxa7bq__head{gap:var(--space-4);max-width:56ch;margin-bottom:var(--space-16);flex-direction:column;display:flex}.Tutorials-module-scss-module__Qxa7bq__eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-stone);font-weight:500}.Tutorials-module-scss-module__Qxa7bq__title{font-family:var(--font-display);font-weight:400;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);font-size:var(--fs-2xl);color:var(--color-ink);text-wrap:balance;margin:0}@media (min-width:768px){.Tutorials-module-scss-module__Qxa7bq__title{font-size:var(--fs-3xl)}}.Tutorials-module-scss-module__Qxa7bq__intro{font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--color-ink-muted);text-wrap:pretty;margin:0}.Tutorials-module-scss-module__Qxa7bq__manualLink{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);background:var(--color-cream);color:var(--color-ink);transition:background var(--dur-fast) var(--ease-out-soft),border-color var(--dur-fast) var(--ease-out-soft),color var(--dur-fast) var(--ease-out-soft);border:1px solid #14161a2e;width:fit-content;text-decoration:none;display:inline-flex}.Tutorials-module-scss-module__Qxa7bq__manualLink svg{color:var(--color-blue-deep);transition:color var(--dur-fast) var(--ease-out-soft);flex-shrink:0}.Tutorials-module-scss-module__Qxa7bq__manualLink:hover{background:var(--color-blue-deep);border-color:var(--color-blue-deep);color:var(--color-cream)}.Tutorials-module-scss-module__Qxa7bq__manualLink:hover svg{color:var(--color-cream)}.Tutorials-module-scss-module__Qxa7bq__manualLink:focus-visible{outline:2px solid var(--color-blue-deep);outline-offset:3px}.Tutorials-module-scss-module__Qxa7bq__manualLabels{flex-direction:column;gap:2px;display:flex}.Tutorials-module-scss-module__Qxa7bq__manualTitle{font-family:var(--font-body);font-size:var(--fs-base)}.Tutorials-module-scss-module__Qxa7bq__manualCaption{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--color-ink-muted);transition:color var(--dur-fast) var(--ease-out-soft)}.Tutorials-module-scss-module__Qxa7bq__manualLink:hover .Tutorials-module-scss-module__Qxa7bq__manualCaption{color:#f6f1e6b3}.Tutorials-module-scss-module__Qxa7bq__grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:480px){.Tutorials-module-scss-module__Qxa7bq__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.Tutorials-module-scss-module__Qxa7bq__grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr)}}