.home{--bg:#f3f0e9;--bg-2:#ebe7de;--panel:#f8f6f1;--fg:#121110;--fg-2:#55524c;--fg-3:#69655e;--line:#1211101a;--line-2:#12111038;--accent:#bd2f19;--accent-2:#bd2f191f;--sans:var(--font-geist-sans), system-ui, -apple-system, sans-serif;--mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--gutter:clamp(20px, 4.5vw, 72px);--nav-h:64px;--ease:cubic-bezier(.2, .8, .2, 1);background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}html.dark .home{--bg:#0b0b0c;--bg-2:#121214;--panel:#0f0f11;--fg:#ece8e0;--fg-2:#a19d95;--fg-3:#837f77;--line:#ece8e014;--line-2:#ece8e02e;--accent:#ff5a36;--accent-2:#ff5a3624;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.home *,.home :before,.home :after{box-sizing:border-box}.home a{color:inherit;text-decoration:none}.home ::selection{background:var(--accent);color:#fff}.home .label{font:500 11px/1.4 var(--mono);letter-spacing:0;color:var(--fg-3)}.home .label b{color:var(--accent);font-weight:500}.home .h2{letter-spacing:-.038em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(34px,4.4vw,68px);font-weight:500;line-height:1.02}.home .dim{color:var(--fg-3)}.home .body{color:var(--fg-2);max-width:46ch;margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.6}.home .nav{z-index:50;padding:8px var(--gutter);pointer-events:none;font:500 11px/1 var(--mono);letter-spacing:0;position:fixed;top:0;left:0;right:0}.home .nav-in{pointer-events:auto;height:52px;transition:background-color .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:0 8px 0 16px;display:grid}.home .nav[data-scrolled] .nav-in,.home .nav.is-open .nav-in{background:var(--bg);border-color:var(--line-2);box-shadow:0 12px 32px -18px #00000059}html.dark .home .nav[data-scrolled] .nav-in,html.dark .home .nav.is-open .nav-in{box-shadow:0 16px 40px -20px #000000e6,inset 0 1px #ffffff0a}.home .progress{background:var(--accent);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.home .nav-brand{white-space:nowrap;color:var(--fg);justify-self:start;align-items:center;gap:8px;display:inline-flex}.home .nav-mark-wrap{display:grid}.home .nav-mark{width:20px;height:20px;display:block}.home .nav-ver{border:1px solid var(--line-2);letter-spacing:0;text-transform:none;color:var(--fg-3);border-radius:4px;padding:4px 8px;font-size:9.5px;display:none}@media (min-width:640px){.home .nav-ver{display:inline-block}}.home .nav-links{justify-self:center;gap:28px;display:none}.home .nav-links a,.home .nav-gh,.home .nav-more{color:var(--fg-2);padding:8px 0;transition:color .2s;position:relative}.home .nav-links a:after,.home .nav-gh:after,.home .nav-more:after{content:"";transform-origin:100%;height:1px;transition:transform .35s var(--ease);background:currentColor;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.home .nav-links a:hover,.home .nav-gh:hover,.home .nav-more:hover,.home .nav-more[aria-expanded=true]{color:var(--fg)}.home .nav-links a:hover:after,.home .nav-gh:hover:after,.home .nav-more:hover:after{transform-origin:0;transform:scaleX(1)}.home .nav-gh span{color:var(--fg-3)}.home .nav-links a[aria-current=page]{color:var(--fg)}.home .nav-links a[aria-current=page]:after{background:var(--accent);transform:scaleX(1)}.home .menu-links a[aria-current=page] .menu-n{color:var(--accent)}.home .nav-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.home .nav-gh{margin-right:8px;display:none}.home .nav-theme,.home .nav-burger{border:1px solid var(--line-2);width:38px;height:40px;color:var(--fg-2);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:color .2s,border-color .2s,background-color .2s;display:grid}.home .nav-theme:hover,.home .nav-burger:hover{color:var(--fg);border-color:var(--fg-3)}.home .nav-theme svg{width:16px;height:16px}.home .nav-burger{align-content:center;gap:4px}.home .nav-burger i{width:15px;height:1.5px;transition:transform .35s var(--ease);background:currentColor;border-radius:1px;display:block}.home .nav.is-open .nav-burger i:first-child{transform:translateY(3.25px)rotate(45deg)}.home .nav.is-open .nav-burger i:last-child{transform:translateY(-3.25px)rotate(-45deg)}.home .btn.nav-cta{height:40px;display:none}@media (min-width:1024px){.home .nav-in{grid-template-columns:1fr auto 1fr}.home .nav-links{display:flex}.home .nav-gh{display:inline-block}.home .btn.nav-cta{display:inline-flex}.home .nav-burger{display:none}}.home .menu{z-index:45;padding:96px var(--gutter) max(24px, env(safe-area-inset-bottom));background:var(--bg);opacity:0;transition:opacity .35s var(--ease);grid-template-rows:1fr auto;display:grid;position:fixed;inset:0}.home .menu[hidden]{display:none}.home .menu.is-open{opacity:1}.home .menu-links{align-content:center;display:grid}.home .menu-links a{border-bottom:1px solid var(--line);font-family:var(--sans);letter-spacing:-.035em;color:var(--fg);text-transform:none;opacity:0;animation:menu-in .5s var(--ease) forwards;animation-delay:calc(var(--i) * 45ms + 60ms);align-items:baseline;gap:16px;padding:12px 0;font-size:clamp(30px,8vw,44px);font-weight:500;line-height:1.1;transition:color .2s;display:flex;transform:translateY(14px)}.home .menu-links a:hover{color:var(--accent)}.home .menu-n{font:500 11px/1 var(--mono);letter-spacing:0;color:var(--fg-3)}@keyframes menu-in{to{opacity:1;transform:none}}.home .menu-foot{font:500 11px/1 var(--mono);letter-spacing:0;color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:20px;display:flex}.home .menu-meta{color:var(--fg-3);margin-left:auto}@media (min-width:1024px){.home .menu{display:none}}.home .nav-more{font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;display:inline-flex}.home .nav-more svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:9px;height:6px;transition:transform .3s var(--ease)}.home .nav-more[aria-expanded=true] svg{transform:rotate(180deg)}.home .nav-more.is-current{color:var(--fg)}.home .nav-more.is-current:after{background:var(--accent);transform:scaleX(1)}.home .nav-panel{pointer-events:auto;width:min(760px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line-2);background:var(--bg);text-transform:none;letter-spacing:normal;animation:panel-in .28s var(--ease);border-radius:20px;grid-template-columns:1.25fr 1.15fr .8fr;gap:32px;padding:24px;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 24px 48px -24px #00000073}html.dark .home .nav-panel{box-shadow:0 28px 56px -24px #000000f2,inset 0 1px #ffffff0a}.home .nav-panel[hidden]{display:none}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,-6px)}}.home .nav-panel-h{border-bottom:1px solid var(--line);font:500 10px/1 var(--mono);letter-spacing:0;color:var(--fg-3);margin-bottom:8px;padding-bottom:8px}.home .nav-panel ul{margin:0;padding:0;list-style:none}.home .nav-panel-frameworks ul{columns:2;column-gap:20px}.home .nav-panel a{font:400 15px/1.3 var(--sans);letter-spacing:0;color:var(--fg-2);padding:8px 0;transition:color .2s;display:block}.home .nav-panel a:hover{color:var(--fg)}.home .nav-panel a[aria-current=page]{color:var(--accent)}@media (max-width:1023px){.home .nav-panel{display:none}}.home .menu{overscroll-behavior:contain;grid-template-rows:auto auto auto;align-content:start;overflow-y:auto}.home .menu-links{align-content:start}.home .menu-more{gap:24px;padding:28px 0 8px;display:grid}.home .menu-more-g{opacity:0;animation:menu-in .5s var(--ease) forwards;animation-delay:calc(var(--i) * 45ms + 60ms);transform:translateY(14px)}.home .menu-more-h{font:500 10px/1 var(--mono);letter-spacing:0;color:var(--fg-3);margin-bottom:8px}.home .menu-more-links{flex-wrap:wrap;gap:8px;display:flex}.home .menu-more-links a{border:1px solid var(--line-2);font:400 15px/1 var(--sans);color:var(--fg-2);text-transform:none;letter-spacing:0;border-radius:8px;padding:8px 12px;transition:color .2s,border-color .2s}.home .menu-more-links a:hover{color:var(--fg);border-color:var(--fg-3)}.home .menu-more-links a[aria-current=page]{color:var(--accent);border-color:var(--accent)}.home .btn{border:1px solid var(--line-2);height:40px;font:500 11px/1 var(--mono);letter-spacing:0;color:var(--fg);cursor:pointer;transition:background .25s, color .25s, border-color .25s, transform .35s var(--ease);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.home .btn:hover{border-color:var(--fg)}.home .btn-solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.home .btn-solid:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.home .btn-sm{height:32px;padding:0 16px;font-size:10.5px}.home .btn:focus-visible,.home .chip:focus-visible,.home .tab:focus-visible,.home a:focus-visible,.home button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home [data-magnetic]{will-change:transform}.home .chip{border:1px solid var(--line-2);background:color-mix(in srgb, var(--bg-2) 70%, transparent);height:40px;color:var(--fg);font:500 13px/1 var(--mono);cursor:pointer;border-radius:8px;align-items:center;gap:16px;padding:0 4px 0 16px;transition:border-color .2s;display:inline-flex}.home .chip:hover{border-color:var(--fg)}.home .chip .prompt{color:var(--accent)}.home .chip .copy{background:var(--fg);height:32px;color:var(--bg);letter-spacing:0;border-radius:4px;align-items:center;padding:0 12px;font-size:10.5px;display:inline-flex}.home .hs{position:relative}.home .hs-draw svg,.home .hs-nib-layer{width:100%;height:auto;display:block;overflow:visible}.home .hs-nib-layer{pointer-events:none;position:absolute;inset:0}.home .hs-ink{fill:none;stroke:var(--fg);stroke-linecap:round;stroke-linejoin:round;opacity:0}.home .hs.is-ready .hs-ink{opacity:1}.home .hs-nib{transition:opacity .5s var(--ease)}.home .hs-nib-core{fill:#fff}html:not(.dark) .home .hs-nib-core{fill:var(--accent)}.home .hs-guides line{stroke:var(--line);stroke-width:1px}.home .hs-guides text{font:500 9px var(--mono);letter-spacing:0;fill:var(--fg-3)}.home .sec{padding:clamp(96px, 12vw, 192px) var(--gutter);position:relative}.home .sec+.sec{border-top:1px solid var(--line)}.home .sec-head{gap:24px;margin-bottom:clamp(40px,5.5vw,84px);display:grid}.home .sec-head .label{padding-top:8px}.home .sec-head .body{margin-top:24px}@media (min-width:900px){.home .sec-head{grid-template-columns:220px 1fr}}.home .sec-cal{border-top:1px solid var(--line);position:relative}.home .sec-cal+.sec{border-top:1px solid var(--line)}@media (prefers-reduced-motion:reduce){.home .nav-in,.home .menu{transition:none}.home .menu-links a,.home .menu-more-g{opacity:1;animation:none;transform:none}.home .nav-panel{animation:none}.home .hs-nib{display:none}}.home .site-index{padding:clamp(36px, 4vw, 56px) max(var(--gutter), calc((100% - 1560px) / 2)) clamp(40px, 5vw, 72px);border-top:1px solid var(--line)}.home .site-index-k{font:500 10px/1 var(--mono);letter-spacing:0;color:var(--fg-3);margin-bottom:24px}.home .site-index-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;display:grid}@media (min-width:900px){.home .site-index-cols{grid-template-columns:.7fr 1.9fr 1.2fr 1.3fr .8fr;gap:32px}}.home .site-index-h{border-bottom:1px solid var(--line-2);font:500 10px/1 var(--mono);letter-spacing:0;color:var(--fg-2);margin-bottom:8px;padding-bottom:8px}.home .site-index ul{margin:0;padding:0;list-style:none}@media (min-width:900px){.home .site-index-frameworks ul,.home .site-index-compare ul,.home .site-index-tools ul{columns:2;column-gap:20px}.home .site-index-tools li{break-inside:avoid}}.home .site-index a{font:400 14px/1.35 var(--sans);color:var(--fg-2);padding:4px 0;transition:color .2s;display:inline-block}.home .site-index a:hover{color:var(--fg)}.home .site-index-support{border-top:1px solid var(--line);font:400 14px/1.5 var(--sans);color:var(--fg-3);margin-top:32px;padding-top:16px}.home .site-index-support a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px;padding:0}.home .site-index-support a:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}
.home .so-stage{--so-band:18px;--so-pad:12px;--so-crop:11px;--so-crop-gap:5px;--so-pin:9px;--so-arrow:9px;--so-bottom:clamp(24px, 2.4vw, 36px);--so-split:36%;--so-hd:30px;--so-row:38px;--so-plate:92svh;padding:clamp(72px, 9vw, 152px) var(--gutter) var(--so-bottom);border-top:1px solid var(--line);position:relative}.home .so-sheet{--so-p:1;padding:calc(var(--so-band) + var(--so-pad));flex-direction:column;display:flex;position:relative}.home .so-layer{pointer-events:none;position:absolute;inset:0}.home .so-rule{pointer-events:none;display:block;position:absolute;overflow:visible}.home .so-rule-h{height:4px;margin-top:-2px}.home .so-rule-v{width:4px;margin-left:-2px}.home .so-ink,.home .so-pencil{fill:none;stroke-linecap:butt;stroke-linejoin:round}.home .so-pencil{stroke:var(--fg);opacity:.16}.home .so-rule .so-pencil{stroke-width:.75px}.home .so-rule .so-w-p{stroke-width:1.6px}.home .so-rule .so-w-s{stroke-width:1px}.home .so-rule .so-w-h{stroke-width:.75px}.home .so-t-ink{stroke:var(--fg)}.home .so-t-mute{stroke:var(--fg-2)}.home .so-t-faint{stroke:var(--line-2)}.home .so-t-accent{stroke:var(--accent)}.home .so-fade{opacity:clamp(0, calc((var(--so-p) - var(--so-at,1)) * 25), 1)}.home .so-arrow{width:var(--so-arrow);height:var(--so-arrow);pointer-events:none;position:absolute;overflow:visible}.home .so-arrow .so-ink{stroke-width:1.1px}.home .so-arrow .so-pencil{stroke-width:1px}.home .so-arrow-fill{fill:var(--fg);stroke:none}.home .so-arrow-t{left:50%;top:calc(var(--so-band) / 2);transform:translate(-50%,-50%)}.home .so-arrow-b{left:50%;top:calc(100% - var(--so-band) / 2);transform:translate(-50%,-50%)rotate(180deg)}.home .so-arrow-l{left:calc(var(--so-band) / 2);top:50%;transform:translate(-50%,-50%)rotate(-90deg)}.home .so-arrow-r{left:calc(100% - var(--so-band) / 2);top:50%;transform:translate(-50%,-50%)rotate(90deg)}.home .so-zl{font:500 9px/1 var(--mono);letter-spacing:0;color:var(--fg-3);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.home .so-zl-t{top:calc(var(--so-band) / 2)}.home .so-zl-b{top:calc(100% - var(--so-band) / 2)}.home .so-zl-l{left:calc(var(--so-band) / 2)}.home .so-zl-r{left:calc(100% - var(--so-band) / 2)}.home .so-zl-wide,.home .so-tick-odd{display:none}.home .so-head{text-align:center;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;padding:clamp(16px,3svh,40px) 0 clamp(32px,4svh,64px);display:flex;position:relative}.home .so-kicker{width:min(100%,640px);font-family:var(--mono);letter-spacing:0;color:var(--fg-3);justify-content:space-between;gap:16px;margin:0;font-size:12px;display:flex}.home .so-count{font-variant-numeric:tabular-nums;white-space:nowrap}.home .so-count>span{color:var(--fg)}.home .so-plate-clip{width:100%;margin-top:clamp(8px,1.6svh,16px);position:relative;overflow:hidden}.home .so-plate{aspect-ratio:1400/440;width:140%;margin-left:-20%;position:relative}.home .so-plate:before{content:"";background:radial-gradient(closest-side, var(--bg-2), transparent);pointer-events:none;position:absolute;inset:-16% 10%}.home .so-plate-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.home .so-plate .so-pencil{stroke-width:2.4px}.home .so-plate-pencil,.home .so-flank-pencil{opacity:.16}.home .so-plate-pencil .so-pencil,.home .so-flank-pencil .so-pencil{opacity:1}.home .so-plate .so-w-p{stroke-width:5px}.home .so-plate .so-w-s{stroke-width:3.6px}.home .so-plate .so-w-h{stroke-width:2.4px}.home .so-word{position:absolute}.home .so-lead,.home .so-notes{visibility:hidden}.home .so-dot{fill:var(--fg)}.home .so-label,.home .so-dim{font-family:var(--mono);fill:var(--fg-2);font-size:23.5px}.home .so-label-t{letter-spacing:0;fill:var(--fg-3);font-size:17px}.home .so-dim{font-size:22px}.home .so-title{max-width:24ch;font-family:var(--sans);letter-spacing:-.03em;color:var(--fg);text-wrap:balance;margin:clamp(8px,1.6svh,16px) 0 0;font-size:clamp(26px,3.2vw,52px);font-weight:500;line-height:1.04}.home .so-title>span{display:block}.home .so-cta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(20px,3.4svh,36px);display:flex}.home .so-star-svg{flex:none;width:16px;height:16px;overflow:visible}.home .so-star-svg path{fill:none;stroke-width:1.6px;stroke-linejoin:round}.home .so-star-pencil{stroke:var(--line-2)}.home .so-star-ink{stroke:var(--accent);stroke-dasharray:1;stroke-dashoffset:1px}.home .so-star-n{border-left:1px solid var(--line-2);color:var(--fg-2);font-variant-numeric:tabular-nums;opacity:0;padding-left:8px}.home .so-stage[data-done] .so-star{border-color:var(--accent);transition:border-color .3s}.home .so-stage[data-done] .so-star-ink{stroke-dashoffset:0;fill:var(--accent);transition:stroke-dashoffset .6s var(--ease), fill .3s ease .5s}.home .so-stage[data-done] .so-star-n{opacity:1;transition:opacity .3s .4s}.home .so-foot-draw{--so-p:1;margin:0 calc(-1 * var(--so-pad)) calc(-1 * var(--so-pad));position:relative}.home .so-foot{flex-direction:column;display:flex}.home .so-parts{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home .so-pl-col{grid-template-rows:var(--so-hd) auto;min-width:0;display:grid;position:relative}.home .so-pl-col.so-pl-no{display:none}.home .so-parts:after{content:"";background:repeating-linear-gradient(135deg, var(--line-2) 0 1px, transparent 1px 7px);opacity:.7;grid-column:2;margin:1px 0 0 1px}.home .so-pl-h{font:500 10px/1 var(--mono);letter-spacing:0;color:var(--fg-3);align-self:center;margin:0;padding:0 12px}.home .so-pl-list{grid-template-rows:repeat(4, var(--so-row));margin:0;padding:0;list-style:none;display:grid}.home .so-pl-list>li{align-items:center;min-width:0;display:flex}.home .so-pl-a{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;color:var(--fg-2);transition:color .25s var(--ease), background-color .25s var(--ease);align-items:center;gap:8px;padding:0 12px;font-size:14px;display:flex;overflow:hidden}.home .so-pl-a:hover{color:var(--fg);background:color-mix(in srgb, var(--bg-2) 80%, transparent)}.home .so-pl-ext{color:var(--fg-3);transition:color .25s var(--ease), transform .35s var(--ease);font-size:11px}.home .so-pl-a:hover .so-pl-ext{color:var(--accent);transform:translate(2px,-2px)}.home .so-pl-num{font:500 11px/1 var(--mono);letter-spacing:0;color:var(--fg-3);padding:0 12px;display:flex}@media (max-width:359px){.home .so-pl-a{white-space:normal;line-height:1.12}}.home .so-tb{grid-template-columns:minmax(0,1fr);margin:0;display:grid}.home .so-tb-cell{grid-template-columns:var(--so-split) minmax(0, 1fr);align-items:center;min-height:40px;display:grid;position:relative}.home .so-tb-k{font:500 9.5px/1.3 var(--mono);letter-spacing:0;color:var(--fg-3);align-items:center;gap:8px;padding:0 12px;display:flex}.home .so-tb-v{font:500 12px/1.35 var(--mono);color:var(--fg);min-width:0;margin:0;padding:8px 12px}.home .so-tb-name{font-family:var(--sans);letter-spacing:0;font-size:17px}.home .so-tb-rev{color:var(--accent)}.home .so-tb-project .so-tb-top .so-ink{stroke:var(--fg);stroke-width:1px}.home .so-delta{flex:none;width:12px;height:11px;overflow:visible}.home .so-delta .so-ink{stroke-width:2.4px}.home .so-delta .so-pencil{stroke-width:2px}.home .so-proj{width:56px;height:auto;display:block;overflow:visible}.home .so-proj .so-w-s{stroke-width:2px}.home .so-proj .so-w-h,.home .so-proj .so-pencil{stroke-width:1.4px}.home .so-flank{pointer-events:none;justify-content:center;align-items:center;width:0;display:flex;position:absolute;top:150px;bottom:clamp(32px,4svh,64px);container:so-flank/size}.home .so-flank-l{left:0}.home .so-flank-r{right:0}.home .so-flank-art{aspect-ratio:240/440;flex:none;width:min(100cqw - 20px,54.5455cqh,18.5svh);position:relative}.home .so-flank-art:before{content:"";background:radial-gradient(closest-side, var(--bg-2), transparent);pointer-events:none;position:absolute;inset:-4% -22%}.home .so-flank-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.home .so-flank .so-pencil{stroke-width:1px}.home .so-flank .so-w-p{stroke-width:2px}.home .so-flank .so-w-s{stroke-width:1.25px}.home .so-flank .so-w-h{stroke-width:.75px}.home .so-flank .so-label{font-size:20px}.home .so-flank .so-label-t{font-size:14.5px}.home .so-flank .so-dim{font-size:19px}@container so-flank (max-width:155px) or (max-height:239px){.home .so-flank-art{opacity:0}}@media (max-height:735px){.home .so-flank-art{opacity:0}}.home .so-corner,.home .so-scale{display:none}.home .so-corner{top:calc(var(--so-band) + var(--so-pad) + 4px);width:232px;font:400 11px/1.45 var(--mono);color:var(--fg-2);position:absolute}.home .so-corner-l{left:calc(var(--so-band) + var(--so-pad))}.home .so-corner-r{right:calc(var(--so-band) + var(--so-pad));width:168px}.home .so-cn-h{letter-spacing:0;color:var(--fg-3);margin:0 0 12px;padding-bottom:8px;font-size:10px;line-height:1;position:relative}.home .so-cn-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.home .so-cn-list>li{align-items:baseline;display:flex}.home .so-cn-n{width:20px;color:var(--fg-3);font-variant-numeric:tabular-nums;flex:none;display:inline-block}.home .so-corner-r .so-cn-n{width:40px;color:var(--fg)}.home .so-corner-r .so-cn-list>li{color:var(--fg-3)}.home .so-cn-sample{flex:none;align-self:center;width:38px;height:9px;margin-right:16px;position:relative}.home .so-scale{width:100px;font:500 9px/1 var(--mono);letter-spacing:0;color:var(--fg-3);flex:none;align-self:flex-end;margin:0 0 24px;position:relative}.home .so-scale-t{letter-spacing:0;margin-bottom:8px;display:block}.home .so-scale-svg{width:100px;height:6px;display:block;overflow:visible}.home .so-scale-svg .so-w-s{stroke-width:1px}.home .so-scale-svg .so-w-h,.home .so-scale-svg .so-pencil{stroke-width:.75px}.home .so-scale-fill{fill:var(--fg);stroke:none}.home .so-scale-n{white-space:nowrap;position:absolute;top:calc(100% + 8px);transform:translate(-50%)}.home .so-scale-n:last-child{transform:translate(-24%)}@media (min-width:900px){.home .so-stage{--so-band:26px;--so-pad:clamp(16px, 2vw, 32px);--so-crop:16px;--so-crop-gap:7px;--so-pin:12px;--so-arrow:11px;--so-split:0px;--so-hd:32px;--so-row:38px}.home .so-sheet{min-height:calc(100vh - var(--nav-h) - var(--so-bottom) - 10px);min-height:calc(100svh - var(--nav-h) - var(--so-bottom) - 10px)}.home .so-zl{font-size:10px}.home .so-zl-wide{display:block}.home .so-zl-phone{display:none}.home .so-tick-odd{display:block}.home .so-plate-clip{width:min(100%, var(--so-plate));overflow:visible}.home .so-kicker{width:calc(min(100%, var(--so-plate)) * .6277)}.home .so-plate{width:100%;margin-left:0}.home .so-plate .so-pencil{stroke-width:1px}.home .so-flank{width:calc((100% - min(100%, var(--so-plate))) / 2)}.home .so-plate .so-w-p{stroke-width:2.4px}.home .so-plate .so-w-s{stroke-width:1.5px}.home .so-plate .so-w-h{stroke-width:1px}.home .so-foot{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px}.home .so-parts{flex:0 46%;grid-template-columns:52px repeat(3,minmax(0,1fr));max-width:760px}.home .so-parts:after,.home .so-pl-close{display:none}.home .so-pl-col.so-pl-no{display:grid}.home .so-pl-a{padding:0 8px;font-size:13px}.home .so-pl-h{padding:0 8px}.home .so-pl-col.so-pl-no .so-pl-h,.home .so-pl-list>li.so-pl-num{padding:0 0 0 16px}.home .so-tb{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:calc(var(--so-hd) + var(--so-row)) repeat(3, var(--so-row));flex:0 40%;max-width:640px}.home .so-tb-cell{flex-direction:column;justify-content:space-between;align-items:stretch;min-height:0;padding:8px 12px;display:flex}.home .so-tb-k{padding:0;font-size:9px;line-height:1}.home .so-tb-v{white-space:nowrap;text-overflow:ellipsis;padding:0;font-size:12px;line-height:1.15;overflow:hidden}.home .so-tb-name{letter-spacing:-.03em;font-size:26px;line-height:1.1;display:block}.home .so-tb-project{grid-column:1/5}.home .so-tb-projection{grid-column:5/7}.home .so-tb-drawn{grid-column:1/3}.home .so-tb-rev{grid-column:3/5}.home .so-tb-licence{grid-column:5/7}.home .so-tb-weight{grid-column:1/3}.home .so-tb-tests{grid-column:3/7}.home .so-tb-scale{grid-column:1/3}.home .so-tb-sheet{grid-column:3/5}.home .so-tb-strokes{grid-column:5/7}.home .so-tb-projection .so-tb-v{align-items:flex-end;display:flex}.home .so-proj{width:50px}.home .so-tb-projection .so-tb-top .so-ink,.home .so-tb-drawn .so-tb-left .so-ink,.home .so-tb-weight .so-tb-left .so-ink,.home .so-tb-scale .so-tb-left .so-ink,.home .so-tb-project .so-tb-left .so-ink{stroke:var(--fg);stroke-width:1px}}@media (min-width:900px) and (max-height:880px){.home .so-stage{--so-hd:28px;--so-row:34px;--so-band:24px;--so-plate:86svh}.home .so-tb-cell{padding:8px 8px 4px}.home .so-tb-name{font-size:22px}}@media (min-width:900px) and (max-width:1179px){.home .so-foot{gap:16px}.home .so-parts{flex:0 50%;grid-template-columns:repeat(3,minmax(0,1fr))}.home .so-pl-col.so-pl-no{display:none}.home .so-tb{flex:0 48%}}@media (min-width:900px) and (max-height:800px){.home .so-stage{--so-hd:26px;--so-row:32px;--so-plate:80svh}.home .so-head{padding-top:8px}.home .so-cta{margin-top:16px}}@media (min-width:900px) and (max-height:740px){.home .so-stage{--so-plate:74svh}}@media (min-width:1180px){.home .so-lead,.home .so-notes{visibility:visible}.home .so-scale{display:block}.home .so-pl-a{padding:0 12px;font-size:14px}.home .so-pl-h{padding:0 12px}}@media (min-width:1180px) and (min-aspect-ratio:7/5){.home .so-corner{display:block}}@media (prefers-reduced-motion:reduce){.home .so-pl-a,.home .so-pl-ext,.home .so-stage[data-done] .so-star,.home .so-stage[data-done] .so-star-ink,.home .so-stage[data-done] .so-star-n{transition:none}}