.design-article-scene{position:relative}.design-article{padding-top:294px;position:relative}.design-article-heading,.design-article-content{max-width:1023px;margin-left:56px}.design-article-heading{position:relative}.design-article-back{border-radius:50%;place-items:center;width:48px;height:48px;transition:background-color .2s;display:grid;position:absolute;top:12px;left:-64px}.design-article-back:hover{background:#f0f2e4}.design-article-back img{transform:rotate(180deg)}.figma-site .design-article-heading h1{letter-spacing:-.025em;font-size:52px;line-height:1.2}.design-article-title-short{max-width:550px}.design-article-dek{color:#5f5f5f;max-width:704px;margin-top:12px;font-size:20px;line-height:32px}.design-article-tags{color:var(--olive);flex-wrap:wrap;gap:12px;margin-top:32px;font-size:14px;font-weight:500;display:flex}.design-article-tags span{background:#fff;border:1px solid #e1ebae;border-radius:100px;padding:6px 12px;line-height:20px}.design-article-byline{color:#5f5f5f;flex-wrap:wrap;align-items:center;gap:0 20px;margin-top:16px;font-size:14px;line-height:24px;display:flex}.design-article-byline strong{color:#343330;font-weight:500}.design-article-author-links{align-items:center;gap:4px;display:flex}.design-article-author-links a{color:#343330;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.design-article-author-links a:hover{color:var(--olive);background:#f0f2e4}.design-article-author-links a:focus-visible{outline:2px solid var(--olive);outline-offset:2px}.design-article-content{margin-top:40px}.design-article-cover{aspect-ratio:1023/437;border-radius:12px;width:100%;height:auto;display:block}.design-article-prose{color:#0a0a0a;overflow-wrap:anywhere;margin-top:20px;font-size:16px;line-height:32px}.design-article-prose>*+*{margin-top:16px}.figma-site .design-article-prose h2{letter-spacing:0;margin-top:32px;font-size:32px;line-height:1.25}.design-article-prose h2+*{margin-top:10px}.design-article-prose strong{color:inherit;font-weight:600}.design-article-prose a{color:var(--olive);text-underline-offset:4px;text-decoration-color:#bcc888}.design-article-prose a:hover{color:#3f5011;text-decoration-color:currentColor}.design-article-numbered{gap:24px;padding:0;list-style:none;display:grid}.design-article-numbered li{align-items:flex-start;gap:12px;display:flex}.design-article-number{background:#fafbf5;border:1px solid #e7e8df;border-radius:100%;flex:0 0 28px;place-items:center;height:28px;margin-top:2px;font-size:14px;line-height:1;display:grid}.design-article-numbered p{min-width:0}.design-article-bullets{padding-left:18px;list-style:outside}.design-article-bullets li{padding-left:0}.design-article-bullets li+li{margin-top:12px}.design-article-bullets li::marker{color:#ffb084}.design-article-prose blockquote{color:#3a3a3a;padding:20px 0}.design-article-prose blockquote p+p{margin-top:4px}.design-article-closing{padding-top:16px}.design-article-page .design-faq{padding-top:112px}@media (max-width:1023px){.design-article{padding-top:210px}.figma-site .design-article-heading h1{font-size:44px}}@media (max-width:767px){.design-article.design-container{width:calc(100% - 48px);padding-top:148px}.design-article-heading,.design-article-content{margin-left:0}.design-article-back{width:44px;height:44px;margin-bottom:14px;margin-left:-6px;position:static}.figma-site .design-article-heading h1{font-size:clamp(32px,6vw,42px);line-height:1.18}.design-article-dek{margin-top:16px;font-size:18px;line-height:28px}.design-article-tags{margin-top:24px}.design-article-content{margin-top:28px}.design-article-cover{border-radius:8px}.design-article-prose{line-height:29px}.figma-site .design-article-prose h2{font-size:28px}.design-article-numbered{gap:20px}.design-article-numbered li{gap:10px}.design-article-page .design-faq{padding-top:72px}}@media (prefers-reduced-motion:reduce){.design-article-back{transition:none}}