.sketch-guides-index{max-width:1000px;padding-block:48px 72px}.sketch-guides-heading{max-width:660px;margin-bottom:38px}.sketch-guides-heading h1{margin-bottom:16px;font-size:clamp(38px,4vw,54px)}.sketch-guides-heading p,.sketch-guide-copy p,.sketch-guide-step-copy p,.sketch-guide-closing,.sketch-guides-basics p{font-size:17px;line-height:1.65}.sketch-guides-category{margin-top:44px;scroll-margin-top:100px}.sketch-guides-category-heading{margin-bottom:24px}.sketch-guides-category-heading h2{margin-bottom:12px;font-size:32px}.sketch-guides-category-heading p{max-width:65ch;margin:0;font-size:17px;line-height:1.65}.sketch-guide-entry{border-bottom:1px solid var(--line);grid-template-columns:190px minmax(0,1fr);align-items:center;gap:36px;padding-bottom:32px;display:grid}.sketch-guide-entry img{border-radius:var(--corner-radius);width:100%;height:auto}.sketch-guide-entry h3{text-transform:none;max-width:23ch;font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.12}.sketch-guide-entry p{max-width:47ch;margin:16px 0;font-size:17px;line-height:1.65}.sketch-guide-entry .text-link{align-items:center;min-height:44px;display:inline-flex}.sketch-guide-entry:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.sketch-guides-basics{max-width:650px;margin-top:40px}.sketch-guides-basics h2{font-size:30px}.sketch-guides-basics a,.sketch-guide-copy p a{text-underline-offset:4px;text-decoration:underline}.sketch-guide{max-width:1060px;padding-bottom:64px}.sketch-guide .breadcrumbs{padding-block:24px 32px;font-size:14px;line-height:1.5}.sketch-guide-intro{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:64px;margin-bottom:64px;display:grid}.sketch-guide-copy h1{max-width:19ch;margin-bottom:24px;font-size:clamp(38px,4vw,54px);line-height:1.08}.sketch-guide-copy p{max-width:58ch;margin:0 0 18px}.sketch-guide-copy .sketch-guide-lead{font-size:19px;line-height:1.6}.sketch-guide-copy .button{margin-top:8px}.sketch-guide-demo{min-width:0;margin:0}.sketch-guide-demo video{aspect-ratio:9/16;object-fit:contain;border-radius:var(--corner-radius);background:var(--paper);width:100%;display:block}.sketch-guide-demo figcaption{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.5}.sketch-guide-steps{margin:0;padding:0;scroll-margin-top:100px;list-style:none}.sketch-guide-steps li{border-top:1px solid var(--line);grid-template-columns:240px minmax(0,1fr);align-items:center;gap:56px;padding-block:40px;display:grid}.sketch-guide-photo{appearance:none;border-radius:var(--corner-radius);cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.sketch-guide-photo img{border-radius:inherit;width:100%;height:auto;display:block}.sketch-guide-photo:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.sketch-guide-step-copy h2{max-width:24ch;margin-bottom:18px;font-size:clamp(28px,3vw,36px);line-height:1.12}.sketch-guide-step-number{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8em;font-weight:500}.sketch-guide-step-copy p{max-width:60ch;margin:0}.sketch-guide-closing{max-width:65ch;margin:20px 0 36px 296px}.sketch-guide-next{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:24px 32px;padding-top:28px;display:flex}.sketch-guide-next .text-link{align-items:center;min-height:44px;line-height:1.4;display:inline-flex}.sketch-guide--comparison .sketch-guide-intro{max-width:900px;margin:0 auto 48px;display:block}.sketch-guide--comparison .sketch-guide-intro>.sketch-guide-copy{max-width:760px;margin-bottom:28px}.sketch-guide--comparison .sketch-guide-copy h1{max-width:26ch}.sketch-guide-comparison-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.sketch-guide-comparison-pair figure{min-width:0;margin:0}.sketch-guide-comparison-pair figcaption{margin-bottom:12px;font-size:17px;line-height:1.4}.sketch-guide-comparison-pair strong{font-weight:500}.sketch-guide-comparison-photo{aspect-ratio:1;overflow:hidden}.sketch-guide-comparison-photo img{object-fit:cover;object-position:50% 0%;width:100%;height:100%}.sketch-guide-comparison-pair p{max-width:42ch;margin:12px 0 0;font-size:16px;line-height:1.5}.sketch-guide-comparison-caption{color:var(--muted);margin:20px 0 0;font-size:14px;line-height:1.5}.sketch-guide-method{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:64px;max-width:900px;margin:0 auto 48px;display:grid}.sketch-guide-method h2,.sketch-guide-result h2{margin-bottom:18px;font-size:clamp(28px,3vw,36px);line-height:1.12}.sketch-guide-result{max-width:65ch;margin:32px 0 28px 296px}.sketch-guide-result p{margin:0;font-size:17px;line-height:1.65}.sketch-guide-product{margin:0 0 40px 296px}.sketch-guide-product p{margin:0 0 16px;font-size:17px;line-height:1.5}.sketch-guide-product .button{white-space:normal;text-align:center;line-height:1.4}@media (width<=800px){.sketch-guide-method{gap:28px}.sketch-guide-result,.sketch-guide-product{margin-left:242px}}@media (width<=600px){.sketch-guide--comparison .sketch-guide-intro{margin-bottom:32px}.sketch-guide--comparison .sketch-guide-intro>.sketch-guide-copy{margin-bottom:24px}.sketch-guide-comparison-pair{gap:12px}.sketch-guide-comparison-pair figcaption{margin-bottom:10px;font-size:16px}.sketch-guide-comparison-pair p{font-size:15px}.sketch-guide-comparison-caption{margin-top:16px}.sketch-guide-method{flex-direction:column;align-items:stretch;gap:28px;margin-bottom:36px;display:flex}.sketch-guide-method .sketch-guide-demo{width:min(100%,240px)}.sketch-guide-result,.sketch-guide-product{margin-left:0}.sketch-guide-product .button{width:100%}}@media (hover:hover) and (pointer:fine){.sketch-guide-entry:hover .text-link{text-decoration-color:var(--ink)}}@media (width<=800px){.sketch-guide-intro{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.sketch-guide-copy h1{font-size:38px}.sketch-guide-copy .sketch-guide-lead{font-size:17px}.sketch-guide-steps li{grid-template-columns:210px minmax(0,1fr);gap:32px}.sketch-guide-closing{margin-left:242px}.sketch-guide-entry{gap:28px}}@media (width<=600px){.sketch-guides-index{padding-block:32px 48px}.sketch-guides-heading{margin-bottom:28px}.sketch-guide-entry{grid-template-columns:105px minmax(0,1fr);gap:20px;padding-bottom:24px}.sketch-guide-entry h3{text-transform:none;font-size:26px;font-weight:500}.sketch-guide-entry p{margin-block:12px;font-size:16px}.sketch-guide .breadcrumbs{padding-block:20px 28px}.sketch-guide-intro{flex-direction:column;align-items:stretch;gap:28px;margin-bottom:40px;display:flex}.sketch-guide-copy h1{max-width:20ch;font-size:38px}.sketch-guide-copy p,.sketch-guide-step-copy p,.sketch-guide-closing{font-size:17px}.sketch-guide-demo{align-self:center;width:min(100%,280px)}.sketch-guide-steps li{flex-direction:column;align-items:stretch;gap:22px;padding-block:30px;display:flex}.sketch-guide-step-copy{order:-1}.sketch-guide-step-copy h2{max-width:25ch;font-size:30px}.sketch-guide-photo{align-self:center;width:min(100%,260px)}.sketch-guide-closing{margin:12px 0 32px}.sketch-guide-next{gap:18px}.sketch-guide-next .button{text-align:center;width:100%}}@media (width<=360px){.sketch-guide-entry{grid-template-columns:85px minmax(0,1fr);gap:16px}.sketch-guide-entry h3{text-transform:none;font-size:24px;font-weight:500}.sketch-guide-copy h1{font-size:34px}}