span[data-astro-cid-3abrkc3b]{justify-content:center;align-items:center;width:100%;height:100%;display:flex}span[data-astro-cid-3abrkc3b] svg{width:100%;height:100%;display:block}.workspace[data-astro-cid-macdnvnm]{--u:calc(100cqw / 1328);--component:#8033d9;--component-soft:#f2e9ff;--accent:#126ee8;--scene:url(/images/scenes/figma-architecture.avif);container-type:inline-size}.workspace-inner[data-astro-cid-macdnvnm]{height:calc(640 * var(--u));background:var(--color-panel);font-size:calc(13 * var(--u));line-height:calc(20 * var(--u));border-radius:16px;display:flex;overflow:hidden}i[data-astro-cid-macdnvnm]{width:calc(16 * var(--u));height:calc(16 * var(--u));flex-shrink:0;font-style:normal;display:block}.rail[data-astro-cid-macdnvnm]{align-items:center;gap:calc(6 * var(--u));width:calc(56 * var(--u));background:var(--color-surface);border-right:1px solid var(--color-line);padding-block:calc(16 * var(--u));flex-direction:column;flex-shrink:0;display:flex}.logo[data-astro-cid-macdnvnm]{width:calc(12 * var(--u));height:calc(18 * var(--u));margin-block:calc(2 * var(--u)) calc(14 * var(--u))}.rail-item[data-astro-cid-macdnvnm]{color:var(--color-muted);align-items:center;gap:calc(4 * var(--u));width:calc(44 * var(--u));padding-block:calc(8 * var(--u));font-size:calc(10 * var(--u));line-height:calc(14 * var(--u));border-radius:8px;flex-direction:column;display:flex}.rail-item[data-astro-cid-macdnvnm] i[data-astro-cid-macdnvnm]{width:calc(20 * var(--u));height:calc(20 * var(--u))}.active[data-astro-cid-macdnvnm]{background:var(--color-panel)}.rail-item[data-astro-cid-macdnvnm].active{background:0 0}.rail-item[data-astro-cid-macdnvnm].active i[data-astro-cid-macdnvnm]{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:0 0 0 calc(6 * var(--u)) color-mix(in srgb, var(--accent) 12%, transparent);border-radius:6px}.file-title[data-astro-cid-macdnvnm]>div[data-astro-cid-macdnvnm]{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));display:flex}.file-title[data-astro-cid-macdnvnm]>div[data-astro-cid-macdnvnm] i[data-astro-cid-macdnvnm]{width:calc(10 * var(--u));height:calc(10 * var(--u))}.pages-title[data-astro-cid-macdnvnm] strong[data-astro-cid-macdnvnm],.layers-title[data-astro-cid-macdnvnm]{align-items:center;gap:calc(4 * var(--u));display:flex}.pages-title[data-astro-cid-macdnvnm] strong[data-astro-cid-macdnvnm] i[data-astro-cid-macdnvnm],.layers-title[data-astro-cid-macdnvnm] i[data-astro-cid-macdnvnm],.disclosure[data-astro-cid-macdnvnm]{width:calc(10 * var(--u));height:calc(10 * var(--u));color:var(--color-muted);flex-shrink:0}.disclosure[data-astro-cid-macdnvnm]{visibility:hidden}.disclosure[data-astro-cid-macdnvnm].expanded{visibility:visible}.layers[data-astro-cid-macdnvnm]{width:calc(200 * var(--u));background:var(--color-surface);border-right:1px solid var(--color-line);flex-shrink:0}.file-title[data-astro-cid-macdnvnm]{border-bottom:1px solid var(--color-line);gap:calc(4 * var(--u));padding:calc(20 * var(--u)) calc(16 * var(--u));flex-direction:column;display:flex}.file-title[data-astro-cid-macdnvnm] strong[data-astro-cid-macdnvnm]{font-size:calc(13 * var(--u));font-weight:600}.file-title[data-astro-cid-macdnvnm] span[data-astro-cid-macdnvnm]{color:var(--color-muted);font-size:calc(13 * var(--u));line-height:calc(20 * var(--u))}.pages-title[data-astro-cid-macdnvnm]{padding:calc(16 * var(--u));justify-content:space-between;align-items:center;display:flex}.pages-title[data-astro-cid-macdnvnm] strong[data-astro-cid-macdnvnm],.page-row[data-astro-cid-macdnvnm].active{font-weight:600}.page-row[data-astro-cid-macdnvnm]{height:calc(32 * var(--u));margin:calc(4 * var(--u)) calc(8 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u));border-radius:5px}.layers-title[data-astro-cid-macdnvnm]{padding:calc(16 * var(--u));border-top:1px solid var(--color-line);padding-top:calc(20 * var(--u));padding-bottom:calc(12 * var(--u));font-weight:600}.layer[data-astro-cid-macdnvnm]{align-items:center;gap:calc(8 * var(--u));height:calc(36 * var(--u));padding-left:calc((6 + var(--depth) * 10) * var(--u));padding-right:calc(8 * var(--u));margin-inline:calc(6 * var(--u));white-space:nowrap;border-radius:4px;display:flex}.component[data-astro-cid-macdnvnm]{color:var(--component)}.selected-layer[data-astro-cid-macdnvnm]{background:var(--component-soft)}.layer[data-astro-cid-macdnvnm]:not(.component) i[data-astro-cid-macdnvnm]{color:var(--color-muted)}.canvas[data-astro-cid-macdnvnm]{width:calc(830 * var(--u));background:var(--color-panel);flex-shrink:0;height:100%;position:relative}.canvas-label[data-astro-cid-macdnvnm]{top:calc(36 * var(--u));left:calc(48 * var(--u));color:var(--color-muted);position:absolute}.website[data-astro-cid-macdnvnm]{left:calc(48 * var(--u));top:calc(64 * var(--u));width:calc(734 * var(--u));height:calc(506 * var(--u));background:var(--color-surface);position:absolute}.website-nav[data-astro-cid-macdnvnm]{z-index:1;background:var(--color-surface);height:calc(39 * var(--u));padding-inline:calc(24 * var(--u));font-size:calc(10 * var(--u));line-height:calc(16 * var(--u));justify-content:space-between;align-items:center;display:flex;position:relative}.website-nav[data-astro-cid-macdnvnm] strong[data-astro-cid-macdnvnm]{font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));font-weight:600}.website-hero[data-astro-cid-macdnvnm]{height:calc(467 * var(--u));border:1px solid var(--component);display:flex;overflow:hidden}.website-copy[data-astro-cid-macdnvnm]{justify-content:center;gap:calc(20 * var(--u));padding:calc(32 * var(--u));width:calc(340 * var(--u));flex-direction:column;flex-shrink:0;display:flex}.website-copy[data-astro-cid-macdnvnm]>strong[data-astro-cid-macdnvnm]{font-size:calc(42 * var(--u));line-height:calc(44 * var(--u));letter-spacing:-.03em;font-weight:600}.website-copy[data-astro-cid-macdnvnm] p[data-astro-cid-macdnvnm]{font-size:calc(14 * var(--u));line-height:calc(21 * var(--u));color:var(--color-muted)}.mock-action[data-astro-cid-macdnvnm]{padding:calc(12 * var(--u)) calc(18 * var(--u));background:var(--color-ink);color:var(--color-surface);font-size:calc(12 * var(--u));line-height:calc(18 * var(--u));border-radius:8px;align-self:start;font-weight:600}.architecture[data-astro-cid-macdnvnm]{background-image:var(--scene);background-position:66%;background-size:cover;flex:1}.mobile-space[data-astro-cid-macdnvnm]{display:none}.selection-label[data-astro-cid-macdnvnm]{left:calc(48 * var(--u));top:calc(81 * var(--u));background:var(--component);color:var(--color-on-action);padding:calc(2 * var(--u)) calc(6 * var(--u));font-size:calc(11 * var(--u));line-height:calc(18 * var(--u));position:absolute}.creation-toolbar[data-astro-cid-macdnvnm]{left:calc(191 * var(--u));bottom:calc(16 * var(--u));width:calc(448 * var(--u));height:calc(48 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u));justify-content:space-between;align-items:center;gap:calc(8 * var(--u));background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-mockup);border-radius:12px;display:flex;position:absolute}.creation-toolbar[data-astro-cid-macdnvnm]>span[data-astro-cid-macdnvnm]{width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:8px;justify-content:center;align-items:center;display:flex}.creation-toolbar[data-astro-cid-macdnvnm] .active[data-astro-cid-macdnvnm]{background:var(--accent);color:#fff}.creation-toolbar[data-astro-cid-macdnvnm] i[data-astro-cid-macdnvnm]{width:calc(20 * var(--u));height:calc(20 * var(--u))}.properties[data-astro-cid-macdnvnm]{width:calc(240 * var(--u));background:var(--color-surface);border-left:1px solid var(--color-line);flex-shrink:0}.collaboration[data-astro-cid-macdnvnm]{padding:calc(16 * var(--u));justify-content:space-between;align-items:center;gap:calc(12 * var(--u));display:flex}.collaboration[data-astro-cid-macdnvnm] b[data-astro-cid-macdnvnm]{width:calc(28 * var(--u));height:calc(28 * var(--u));background:var(--component-soft);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.collaboration[data-astro-cid-macdnvnm]>span[data-astro-cid-macdnvnm]{background:var(--accent);color:#fff;padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:8px}.tabs[data-astro-cid-macdnvnm]{align-items:center;gap:calc(12 * var(--u));padding:0 calc(12 * var(--u)) calc(12 * var(--u));border-bottom:1px solid var(--color-line);display:flex}.tabs[data-astro-cid-macdnvnm] strong[data-astro-cid-macdnvnm]{padding:calc(6 * var(--u)) calc(8 * var(--u));background:var(--color-panel);border-radius:6px;font-weight:600}.tabs[data-astro-cid-macdnvnm] span[data-astro-cid-macdnvnm]:nth-child(2){color:var(--color-muted)}.instance[data-astro-cid-macdnvnm]{align-items:center;gap:calc(8 * var(--u));padding:calc(20 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u));color:var(--component);display:flex}.instance[data-astro-cid-macdnvnm] strong[data-astro-cid-macdnvnm]{font-weight:600}.property[data-astro-cid-macdnvnm]{padding:calc(8 * var(--u)) calc(16 * var(--u));gap:calc(6 * var(--u));color:var(--color-muted);flex-direction:column;display:flex}.value[data-astro-cid-macdnvnm]{background:var(--color-panel);color:var(--color-ink);padding:calc(6 * var(--u)) calc(8 * var(--u));border-radius:6px;justify-content:space-between;align-items:center;display:flex}.value[data-astro-cid-macdnvnm] i[data-astro-cid-macdnvnm]{width:calc(12 * var(--u));height:calc(12 * var(--u))}.show-button[data-astro-cid-macdnvnm]{padding:calc(12 * var(--u)) calc(16 * var(--u));min-height:44px;font-size:max(.75rem, calc(13 * var(--u)));line-height:max(1.125rem, calc(20 * var(--u)));cursor:pointer;color:var(--color-muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.show-button[data-astro-cid-macdnvnm] input[data-astro-cid-macdnvnm]{width:max(16px, calc(16 * var(--u)));height:max(16px, calc(16 * var(--u)));accent-color:var(--accent);cursor:pointer;margin:0}.auto-layout[data-astro-cid-macdnvnm]{gap:calc(12 * var(--u));padding:calc(16 * var(--u));border-top:1px solid var(--color-line);flex-direction:column;display:flex}.auto-layout[data-astro-cid-macdnvnm] strong[data-astro-cid-macdnvnm]{font-weight:600}.auto-layout[data-astro-cid-macdnvnm]>div[data-astro-cid-macdnvnm]{gap:calc(8 * var(--u));display:flex}.auto-layout[data-astro-cid-macdnvnm]>div[data-astro-cid-macdnvnm]>span[data-astro-cid-macdnvnm]{background:var(--color-panel);padding:calc(8 * var(--u));width:calc(96 * var(--u));border-radius:6px}.auto-layout[data-astro-cid-macdnvnm]>span[data-astro-cid-macdnvnm]{color:var(--color-muted)}[data-theme=dark] .workspace[data-astro-cid-macdnvnm]{--component:#b78aff;--component-soft:#30203e;--scene:url(/images/scenes/figma-architecture-dark.avif)}@media (width<=700px){.workspace[data-astro-cid-macdnvnm]{--u:1px}.workspace-inner[data-astro-cid-macdnvnm]{border-radius:12px;height:440px;position:relative}.rail[data-astro-cid-macdnvnm],.layers[data-astro-cid-macdnvnm],.creation-toolbar[data-astro-cid-macdnvnm],.collaboration[data-astro-cid-macdnvnm],.tabs[data-astro-cid-macdnvnm],.desktop-property[data-astro-cid-macdnvnm],.auto-layout[data-astro-cid-macdnvnm],.selection-label[data-astro-cid-macdnvnm]{display:none}.canvas[data-astro-cid-macdnvnm]{width:100%;height:100%}.canvas-label[data-astro-cid-macdnvnm]{top:16px;left:20px}.website[data-astro-cid-macdnvnm]{border:1px solid var(--component);width:calc(100% - 40px);height:191px;top:60px;left:20px;overflow:hidden}.website-nav[data-astro-cid-macdnvnm]{height:32px;padding-inline:14px;font-size:8px;line-height:14px}.website-nav[data-astro-cid-macdnvnm] strong[data-astro-cid-macdnvnm]{font-size:10px;line-height:14px}.website-hero[data-astro-cid-macdnvnm]{border:0;height:159px}.website-copy[data-astro-cid-macdnvnm]{gap:12px;width:50%;padding:16px}.website-copy[data-astro-cid-macdnvnm]>strong[data-astro-cid-macdnvnm]{font-size:var(--text-20);line-height:var(--leading-22)}.desktop-break[data-astro-cid-macdnvnm],.website-copy[data-astro-cid-macdnvnm] p[data-astro-cid-macdnvnm]{display:none}.mobile-space[data-astro-cid-macdnvnm]{display:inline}.mock-action[data-astro-cid-macdnvnm]{color:var(--color-ink);background:0 0;padding:0;font-size:9px;font-weight:500;line-height:14px}.architecture[data-astro-cid-macdnvnm]{background-position:65%}.properties[data-astro-cid-macdnvnm]{border:1px solid var(--color-line);width:218px;box-shadow:var(--shadow-mockup);border-radius:12px;position:absolute;top:232px;right:20px;overflow:hidden}}@media (width<=360px){.website-copy[data-astro-cid-macdnvnm]{padding:10px}.website-copy[data-astro-cid-macdnvnm]>strong[data-astro-cid-macdnvnm]{font-size:var(--text-18);line-height:21px}.website-nav[data-astro-cid-macdnvnm]{padding-inline:10px}.website-nav[data-astro-cid-macdnvnm] span[data-astro-cid-macdnvnm]{font-size:7px}}.figma-needs[data-astro-cid-g5u5mgqc]{--copy-inset:28px;padding-block:var(--section-space);gap:var(--section-heading);display:grid;container:figma-needs/inline-size}h2[data-astro-cid-g5u5mgqc]{font-size:var(--text-48);line-height:var(--leading-54);letter-spacing:-.025em;font-weight:600}.options[data-astro-cid-g5u5mgqc]{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}article[data-astro-cid-g5u5mgqc]{border:1px solid var(--color-line);border-radius:var(--radius-image);flex-direction:column;gap:0;display:flex;overflow:hidden}.graphic[data-astro-cid-g5u5mgqc]{background:var(--color-panel);padding:16px}.graphic[data-astro-cid-g5u5mgqc] svg[data-astro-cid-g5u5mgqc]{width:100%;height:auto;display:block}.graphic[data-astro-cid-g5u5mgqc] text[data-astro-cid-g5u5mgqc]{font-size:11px;font-weight:500}.graphic[data-astro-cid-g5u5mgqc] text[data-astro-cid-g5u5mgqc]:not([fill]){fill:var(--color-ink)}.graphic[data-astro-cid-g5u5mgqc] .headline[data-astro-cid-g5u5mgqc]{letter-spacing:-.6px;font-size:21px;font-weight:600}.option-copy[data-astro-cid-g5u5mgqc]{padding:var(--copy-inset);gap:16px;display:grid}h3[data-astro-cid-g5u5mgqc]{font-size:var(--text-28);line-height:var(--leading-36);letter-spacing:-.025em;font-weight:600}p[data-astro-cid-g5u5mgqc]{font-size:var(--text-19);line-height:var(--leading-31);color:var(--color-muted)}@media (width>=701px) and (width<=1100px){.options[data-astro-cid-g5u5mgqc]{gap:20px}.figma-needs[data-astro-cid-g5u5mgqc]{--copy-inset:20px}p[data-astro-cid-g5u5mgqc]{font-size:var(--text-17);line-height:var(--leading-28)}h2[data-astro-cid-g5u5mgqc]{font-size:var(--text-44);line-height:var(--leading-50)}h3[data-astro-cid-g5u5mgqc]{font-size:var(--text-22);line-height:var(--leading-29)}}@media (width>=701px){article[data-astro-cid-g5u5mgqc]{grid-row:span 3;grid-template-rows:subgrid;row-gap:0;display:grid}.option-copy[data-astro-cid-g5u5mgqc]{display:contents}h3[data-astro-cid-g5u5mgqc]{padding:var(--copy-inset) var(--copy-inset) 16px}p[data-astro-cid-g5u5mgqc]{padding:0 var(--copy-inset) var(--copy-inset)}@container figma-needs (width<=calc(43.75rem - 64px)){.options[data-astro-cid-g5u5mgqc]{grid-template-columns:1fr;gap:32px}.graphic[data-astro-cid-g5u5mgqc] svg[data-astro-cid-g5u5mgqc]{max-width:600px;margin-inline:auto}article[data-astro-cid-g5u5mgqc]{grid-row:auto;grid-template-rows:none;display:flex}.option-copy[data-astro-cid-g5u5mgqc]{display:grid}h3[data-astro-cid-g5u5mgqc],p[data-astro-cid-g5u5mgqc]{padding:0}}}@media (width<=700px){.figma-needs[data-astro-cid-g5u5mgqc]{padding-block:var(--section-compact);gap:32px}.options[data-astro-cid-g5u5mgqc]{grid-template-columns:1fr;gap:32px}h2[data-astro-cid-g5u5mgqc]{font-size:var(--text-30);line-height:var(--leading-36)}h3[data-astro-cid-g5u5mgqc]{font-size:var(--text-24);line-height:var(--leading-31)}p[data-astro-cid-g5u5mgqc]{font-size:var(--text-17);line-height:var(--leading-28)}}.figma-handover[data-astro-cid-oys556ku]{padding-block:var(--section-space);container:figma-handover/inline-size}.handover-layout[data-astro-cid-oys556ku]{grid-template-columns:minmax(0,640fr) minmax(0,592fr);align-items:center;gap:96px;display:grid}.introduction[data-astro-cid-oys556ku]{flex-direction:column;gap:24px;min-width:0;display:flex}h2[data-astro-cid-oys556ku]{font-size:var(--text-48);line-height:var(--leading-54);letter-spacing:-.025em;font-weight:600}.introduction[data-astro-cid-oys556ku]>p[data-astro-cid-oys556ku]{font-size:var(--text-19);line-height:var(--leading-31);color:var(--color-muted)}ol[data-astro-cid-oys556ku]{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}li[data-astro-cid-oys556ku]{border-top:1px solid var(--color-line);gap:24px;padding-top:24px;display:flex}.number[data-astro-cid-oys556ku]{white-space:nowrap;width:2.25rem;color:var(--color-muted);font-size:var(--text-15);line-height:var(--leading-24);flex-shrink:0}li[data-astro-cid-oys556ku]>div[data-astro-cid-oys556ku]{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex;container-type:inline-size}h3[data-astro-cid-oys556ku]{font-size:min(var(--text-24), 16cqi);letter-spacing:-.025em;font-weight:600;line-height:1.29167}li[data-astro-cid-oys556ku] p[data-astro-cid-oys556ku]{font-size:var(--text-18);line-height:var(--leading-28);color:var(--color-muted)}.responsive-scene[data-astro-cid-oys556ku]{--u:calc(100cqw / 640);--scene:url(/images/scenes/figma-architecture.avif);aspect-ratio:640/324;background:linear-gradient(120deg in oklab, oklab(94.1% .013 -.021), var(--color-panel) 62%);border-radius:16px;position:relative;overflow:hidden;container-type:inline-size}.desktop-view[data-astro-cid-oys556ku]{background:var(--color-surface);width:62.5%;height:69.753%;box-shadow:var(--shadow-mockup);border-radius:8px;position:absolute;top:9.877%;left:5%;overflow:hidden}.desktop-nav[data-astro-cid-oys556ku]{height:calc(32 * var(--u));padding-inline:calc(14 * var(--u));font-size:calc(8 * var(--u));line-height:calc(14 * var(--u));justify-content:space-between;align-items:center;display:flex}.desktop-nav[data-astro-cid-oys556ku] strong[data-astro-cid-oys556ku]{font-size:calc(10 * var(--u));font-weight:600}.desktop-body[data-astro-cid-oys556ku]{height:calc(194 * var(--u));display:flex}.desktop-copy[data-astro-cid-oys556ku]{width:50%;padding:calc(16 * var(--u));justify-content:center;gap:calc(12 * var(--u));flex-direction:column;display:flex}.desktop-copy[data-astro-cid-oys556ku] strong[data-astro-cid-oys556ku]{font-size:calc(24 * var(--u));line-height:calc(26 * var(--u));letter-spacing:-.03em;font-weight:600}.desktop-copy[data-astro-cid-oys556ku] span[data-astro-cid-oys556ku]{font-size:calc(9 * var(--u));line-height:calc(14 * var(--u))}.image[data-astro-cid-oys556ku]{background-image:var(--scene);background-position:65%;background-size:cover}.desktop-body[data-astro-cid-oys556ku] .image[data-astro-cid-oys556ku]{width:50%;height:100%}.mobile-view[data-astro-cid-oys556ku]{background:var(--color-surface);border-radius:8px;flex-direction:column;width:24.375%;height:80.247%;display:flex;position:absolute;top:9.877%;left:70.625%;overflow:hidden}.mobile-nav[data-astro-cid-oys556ku]{padding:calc(12 * var(--u));border-bottom:1px solid var(--color-line);font-size:calc(10 * var(--u));line-height:calc(12 * var(--u));justify-content:space-between;align-items:center;display:flex}.mobile-nav[data-astro-cid-oys556ku] strong[data-astro-cid-oys556ku]{font-weight:600}.mobile-nav[data-astro-cid-oys556ku] svg[data-astro-cid-oys556ku]{width:calc(12 * var(--u));height:calc(12 * var(--u));flex-shrink:0}.mobile-copy[data-astro-cid-oys556ku]{padding:calc(12 * var(--u));align-items:center;gap:calc(8 * var(--u));flex-direction:column;display:flex}.mobile-copy[data-astro-cid-oys556ku] strong[data-astro-cid-oys556ku]{font-size:calc(20 * var(--u));line-height:calc(22 * var(--u));letter-spacing:-.025em;text-align:center;font-weight:600}.mobile-copy[data-astro-cid-oys556ku] span[data-astro-cid-oys556ku]{background:var(--color-ink);color:var(--color-surface);padding:calc(8 * var(--u)) calc(16 * var(--u));font-size:calc(9 * var(--u));line-height:calc(12 * var(--u));white-space:nowrap;border-radius:6px}.mobile-view[data-astro-cid-oys556ku] .image[data-astro-cid-oys556ku]{height:calc(120 * var(--u));background-position:50%;flex:1 0 auto}[data-theme=dark] .responsive-scene[data-astro-cid-oys556ku]{--scene:url(/images/scenes/figma-architecture-dark.avif);background:#000}@media (width<=1100px){.handover-layout[data-astro-cid-oys556ku]{gap:48px}h2[data-astro-cid-oys556ku]{font-size:var(--text-44);line-height:var(--leading-50)}}@media (width>=851px){@container figma-handover (width<=49.125rem){.handover-layout[data-astro-cid-oys556ku]{grid-template-columns:1fr;gap:32px}.responsive-scene[data-astro-cid-oys556ku]{max-width:888px}}}@media (width<=850px){.handover-layout[data-astro-cid-oys556ku]{grid-template-columns:1fr;gap:32px}}@media (width<=700px){.figma-handover[data-astro-cid-oys556ku]{padding-block:var(--section-compact)}h2[data-astro-cid-oys556ku]{font-size:var(--text-30);line-height:var(--leading-36)}.introduction[data-astro-cid-oys556ku]>p[data-astro-cid-oys556ku]{font-size:var(--text-17);line-height:var(--leading-28)}ol[data-astro-cid-oys556ku]{gap:32px}li[data-astro-cid-oys556ku]{gap:16px}.number[data-astro-cid-oys556ku]{width:1.5rem;font-size:var(--text-14);line-height:var(--leading-27)}h3[data-astro-cid-oys556ku]{font-size:min(var(--text-20), 16cqi);line-height:1.35}li[data-astro-cid-oys556ku] p[data-astro-cid-oys556ku]{font-size:var(--text-16);line-height:var(--leading-25)}.responsive-scene[data-astro-cid-oys556ku]{aspect-ratio:auto;--u:1px;height:302px}.desktop-view[data-astro-cid-oys556ku]{width:270px;height:210px;top:24px;left:16px}.desktop-body[data-astro-cid-oys556ku]{height:178px}.desktop-copy[data-astro-cid-oys556ku] strong[data-astro-cid-oys556ku]{font-size:var(--text-20);line-height:var(--leading-22)}.mobile-view[data-astro-cid-oys556ku]{width:136px;height:238px;box-shadow:var(--shadow-mockup);top:40px;left:auto;right:16px}.mobile-nav[data-astro-cid-oys556ku]{padding:10px 8px;font-size:9px}.mobile-copy[data-astro-cid-oys556ku] strong[data-astro-cid-oys556ku]{font-size:var(--text-18);line-height:var(--leading-20)}}@media (width<=360px){.desktop-view[data-astro-cid-oys556ku]{width:calc(100% - 32px)}.mobile-view[data-astro-cid-oys556ku]{width:112px;top:48px;right:12px}.mobile-copy[data-astro-cid-oys556ku]{padding:8px}.mobile-copy[data-astro-cid-oys556ku] strong[data-astro-cid-oys556ku]{font-size:var(--text-16);line-height:18px}.mobile-copy[data-astro-cid-oys556ku] span[data-astro-cid-oys556ku]{padding:8px}.desktop-copy[data-astro-cid-oys556ku]{padding:10px}.desktop-copy[data-astro-cid-oys556ku] strong[data-astro-cid-oys556ku]{font-size:var(--text-18);line-height:21px}.desktop-nav[data-astro-cid-oys556ku]{padding-inline:10px}.desktop-nav[data-astro-cid-oys556ku] span[data-astro-cid-oys556ku]{display:none}}