.Tutorials-module__jsuqPq__index,.Tutorials-module__jsuqPq__article{padding-top:calc(var(--header-clearance) + 4rem);padding-bottom:7rem}.Tutorials-module__jsuqPq__index{min-height:75svh}.Tutorials-module__jsuqPq__indexHeader{margin-bottom:4rem}.Tutorials-module__jsuqPq__indexHeader h1,.Tutorials-module__jsuqPq__articleHeader h1{letter-spacing:-.05em;font-size:clamp(2.75rem,5.2vw,4.5rem);font-weight:500;line-height:1.05}.Tutorials-module__jsuqPq__indexHeader p{max-width:36rem;color:var(--color-muted);margin-top:1.5rem;font-size:1.125rem;line-height:1.6}.Tutorials-module__jsuqPq__listHeading{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.Tutorials-module__jsuqPq__listHeading h2{font-size:1rem;font-weight:500}.Tutorials-module__jsuqPq__listHeading p{color:var(--color-muted);font-size:.875rem}.Tutorials-module__jsuqPq__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.Tutorials-module__jsuqPq__card{min-width:0;display:block}.Tutorials-module__jsuqPq__cover{aspect-ratio:1;border-radius:var(--radius-card);background:var(--color-raised);position:relative;overflow:hidden}.Tutorials-module__jsuqPq__cover img{object-fit:cover;transition:transform .25s var(--ease-standard)}.Tutorials-module__jsuqPq__card:hover .Tutorials-module__jsuqPq__cover img{transform:scale(1.035)}.Tutorials-module__jsuqPq__card h3{letter-spacing:-.025em;margin-top:1.25rem;font-size:1.375rem;font-weight:500;line-height:1.4}.Tutorials-module__jsuqPq__meta{color:var(--color-muted);flex-wrap:wrap;gap:.5rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.Tutorials-module__jsuqPq__meta strong{color:var(--color-foreground);font-weight:500}.Tutorials-module__jsuqPq__card .Tutorials-module__jsuqPq__meta{margin-top:.75rem}.Tutorials-module__jsuqPq__cardDescription{color:var(--color-muted);margin-top:.875rem;line-height:1.6}.Tutorials-module__jsuqPq__readLink{min-height:44px;color:var(--color-foreground);align-items:center;gap:.75rem;margin-top:.75rem;font-size:.875rem;display:inline-flex}.Tutorials-module__jsuqPq__card:hover .Tutorials-module__jsuqPq__readLink{color:var(--color-accent)}.Tutorials-module__jsuqPq__card:focus-visible,.Tutorials-module__jsuqPq__back:focus-visible,.Tutorials-module__jsuqPq__contents a:focus-visible,.Tutorials-module__jsuqPq__cta a:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px;border-radius:var(--radius-card)}.Tutorials-module__jsuqPq__back{min-height:44px;color:var(--color-muted);align-items:center;gap:.75rem;font-size:.875rem;display:inline-flex}.Tutorials-module__jsuqPq__back:hover{color:var(--color-foreground)}.Tutorials-module__jsuqPq__articleHeader{text-align:center;max-width:52rem;margin:3rem auto 4rem}.Tutorials-module__jsuqPq__articleHeader .Tutorials-module__jsuqPq__meta{justify-content:center;margin-bottom:1.75rem}.Tutorials-module__jsuqPq__articleHeader h1{text-wrap:balance}.Tutorials-module__jsuqPq__subtitle{max-width:43rem;color:var(--color-muted);text-wrap:pretty;margin:1.75rem auto 0;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.6}.Tutorials-module__jsuqPq__author{color:var(--color-muted);margin-top:1.5rem;font-size:.875rem}.Tutorials-module__jsuqPq__articleLayout{grid-template-columns:10rem minmax(0,1fr) 10rem;gap:2rem;display:grid}.Tutorials-module__jsuqPq__contents{top:calc(var(--header-clearance) + 2rem);align-self:start;position:sticky}.Tutorials-module__jsuqPq__contents p{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:.75rem;font-size:.75rem}.Tutorials-module__jsuqPq__contents a{min-height:44px;color:var(--color-muted);align-items:center;padding:.5rem 0;font-size:.875rem;line-height:1.45;transition:color .15s;display:flex}.Tutorials-module__jsuqPq__contents a:hover{color:var(--color-foreground)}.Tutorials-module__jsuqPq__reading{min-width:0}.Tutorials-module__jsuqPq__intro{color:var(--color-muted);font-size:1.125rem;line-height:1.7}.Tutorials-module__jsuqPq__prerequisites{color:var(--color-muted);margin-top:1.5rem;font-size:1rem;line-height:1.7}.Tutorials-module__jsuqPq__prerequisites strong{color:var(--color-foreground);font-weight:500}.Tutorials-module__jsuqPq__videoFigure{scroll-margin-top:calc(var(--header-clearance) + 1.5rem);margin:3.5rem 0}.Tutorials-module__jsuqPq__videoHeading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.Tutorials-module__jsuqPq__videoHeading h2,.Tutorials-module__jsuqPq__steps h2,.Tutorials-module__jsuqPq__takeaway h2{letter-spacing:-.035em;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.25}.Tutorials-module__jsuqPq__videoHeading p{color:var(--color-muted);margin-top:.75rem;font-size:1rem;line-height:1.6}.Tutorials-module__jsuqPq__duration{color:var(--color-muted);font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:.3rem;font-size:.875rem}.Tutorials-module__jsuqPq__player{border-radius:var(--radius-card);background:var(--color-surface);position:relative;overflow:hidden}.Tutorials-module__jsuqPq__player video{width:100%;height:100%;display:block}.Tutorials-module__jsuqPq__player video:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px}.Tutorials-module__jsuqPq__play{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.Tutorials-module__jsuqPq__poster{object-fit:cover}.Tutorials-module__jsuqPq__play:after{content:"";background:linear-gradient(#0000 40%,#000000a6);position:absolute;inset:0}.Tutorials-module__jsuqPq__playCircle{z-index:1;background:var(--color-foreground);width:64px;height:64px;color:var(--color-canvas);box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;transition:transform .18s,background .18s;display:flex;position:relative}.Tutorials-module__jsuqPq__play:hover .Tutorials-module__jsuqPq__playCircle{background:var(--color-accent);transform:scale(1.08)}.Tutorials-module__jsuqPq__play:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.Tutorials-module__jsuqPq__playLabel{z-index:1;color:#fff;justify-content:space-between;font-size:.875rem;font-weight:500;display:flex;position:absolute;bottom:1rem;left:1.25rem;right:1.25rem}.Tutorials-module__jsuqPq__videoError{color:var(--color-muted);padding:1rem 0;line-height:1.6}.Tutorials-module__jsuqPq__videoError a{color:var(--color-accent);text-decoration:underline}.Tutorials-module__jsuqPq__steps{scroll-margin-top:calc(var(--header-clearance) + 1.5rem)}.Tutorials-module__jsuqPq__steps ol{counter-reset:steps;margin-top:1.5rem;list-style:none}.Tutorials-module__jsuqPq__steps li{counter-increment:steps;border-top:1px solid var(--color-line);scroll-margin-top:calc(var(--header-clearance) + 1.5rem);padding:1.75rem 0}.Tutorials-module__jsuqPq__steps h3{letter-spacing:-.025em;align-items:baseline;gap:1rem;font-size:1.25rem;font-weight:500;line-height:1.4;display:flex}.Tutorials-module__jsuqPq__steps h3:before{content:counter(steps, decimal-leading-zero);color:var(--color-accent);letter-spacing:0;font-size:.875rem}.Tutorials-module__jsuqPq__steps li p,.Tutorials-module__jsuqPq__takeaway p{color:var(--color-muted);margin-top:1rem;font-size:1.0625rem;line-height:1.75}.Tutorials-module__jsuqPq__recordingNote{color:var(--color-muted);margin-top:-2rem;margin-bottom:3.5rem;font-size:.875rem;line-height:1.6}.Tutorials-module__jsuqPq__takeaway{border-top:1px solid var(--color-line);padding-top:2rem}.Tutorials-module__jsuqPq__cta{border-top:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:3rem;padding-top:2rem;display:flex}.Tutorials-module__jsuqPq__cta a:first-child{background:var(--color-foreground);min-height:48px;color:var(--color-canvas);border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-size:.875rem;font-weight:500;transition:background .18s;display:inline-flex}.Tutorials-module__jsuqPq__cta a:first-child:hover{background:var(--color-accent)}.Tutorials-module__jsuqPq__cta a:last-child{min-height:44px;color:var(--color-muted);align-items:center;gap:.75rem;font-size:.875rem;display:inline-flex}@media (max-width:1199px){.Tutorials-module__jsuqPq__articleLayout{grid-template-columns:9rem minmax(0,1fr);gap:2.5rem}}@media (max-width:1023px){.Tutorials-module__jsuqPq__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (max-width:767px){.Tutorials-module__jsuqPq__index,.Tutorials-module__jsuqPq__article{padding-top:calc(var(--header-clearance) + 2rem);padding-bottom:4rem}.Tutorials-module__jsuqPq__articleHeader{text-align:left;margin-top:2rem;margin-bottom:2.5rem}.Tutorials-module__jsuqPq__articleHeader .Tutorials-module__jsuqPq__meta{justify-content:flex-start}.Tutorials-module__jsuqPq__articleLayout{display:block}.Tutorials-module__jsuqPq__contents{border-block:1px solid var(--color-line);margin-bottom:2rem;padding-block:1rem;position:static}.Tutorials-module__jsuqPq__contents ul{flex-wrap:wrap;gap:0 1.5rem;display:flex}.Tutorials-module__jsuqPq__videoFigure{margin-block:2.5rem}.Tutorials-module__jsuqPq__playCircle{width:52px;height:52px}.Tutorials-module__jsuqPq__playLabel{font-size:.75rem;bottom:.75rem;left:1rem;right:1rem}.Tutorials-module__jsuqPq__recordingNote{margin-top:-1rem}}@media (max-width:479px){.Tutorials-module__jsuqPq__grid{grid-template-columns:1fr}.Tutorials-module__jsuqPq__videoHeading{gap:.75rem}}@media (prefers-reduced-motion:reduce){.Tutorials-module__jsuqPq__cover img,.Tutorials-module__jsuqPq__playCircle{transition:none}.Tutorials-module__jsuqPq__card:hover .Tutorials-module__jsuqPq__cover img,.Tutorials-module__jsuqPq__play:hover .Tutorials-module__jsuqPq__playCircle{transform:none}}