.logo-scale__ruler,.logo-scale__modes{font-size:var(--font-size-min);letter-spacing:.1em;grid-template-columns:repeat(4,1fr);font-weight:800;display:grid}.logo-scale__ruler span{border-left:1px solid #0b171c33;padding-left:.5rem}.logo-scale__marks{border-bottom:1px solid #0b171c40;grid-template-columns:repeat(4,1fr);align-items:end;height:16rem;margin:1.4rem 0;display:grid}.logo-scale__marks b{background:var(--logo-ink);color:#fff;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:1rem;display:flex}.logo-scale__marks b:nth-child(2){width:2.5rem;height:2.5rem;font-size:1.5rem}.logo-scale__marks b:nth-child(3){width:4.5rem;height:4.5rem;font-size:2.5rem}.logo-scale__marks b:nth-child(4){width:9rem;height:9rem;font-size:5.5rem}.logo-scale__modes{grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.logo-scale__modes span:nth-child(2){color:#fff;background:var(--logo-ink);padding:.6rem}.logo-scale__modes span:nth-child(3){border:1px solid var(--logo-ink);padding:.55rem}@media (width<=35rem){.logo-scale__marks{height:11rem}.logo-scale__marks b:nth-child(4){width:6.5rem;height:6.5rem;font-size:3.8rem}}.logo-workbench,.logo-scale__tester,.logo-process__route,.logo-handoff__files{pointer-events:none;user-select:none}.logo-workbench{background:var(--logo-paper);border:1px solid #0b171c2e;border-radius:1.5rem;grid-template-columns:1fr auto;align-self:center;min-height:35rem;display:grid;position:relative;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 2rem 5rem #0b171c1f}.logo-workbench:before{content:"";background:linear-gradient(135deg,#0000 48.5%,#0b171c14 49% 51%,#0000 51.5%);position:absolute;inset:0}.logo-workbench__top{letter-spacing:.12em;z-index:2;border-bottom:1px solid #0b171c29;grid-column:1/-1;justify-content:flex-end;align-items:center;height:4.25rem;padding:0 1.4rem;display:flex;position:relative}.logo-workbench__top span{font-size:var(--font-size-min);margin-right:auto;font-weight:800}.logo-workbench__top i{background:var(--logo-aqua);border-radius:50%;width:.62rem;height:.62rem;margin-left:.45rem}.logo-workbench__top i:last-child{background:var(--logo-coral)}.logo-workbench__canvas{flex-direction:column;justify-content:center;align-items:center;min-height:24rem;display:flex;position:relative}.logo-workbench__canvas strong{background:var(--logo-ink);color:#fff;z-index:2;border-radius:44% 56% 56% 44%/58% 43% 57% 42%;justify-content:center;align-items:center;width:11rem;height:11rem;font-size:clamp(6rem,10vw,9rem);font-weight:500;line-height:1;display:flex;transform:rotate(-6deg)}.logo-workbench__canvas small,.logo-workbench__canvas em{font-size:var(--font-size-min);letter-spacing:.12em;z-index:2;margin-top:1rem;font-style:normal;font-weight:800}.logo-workbench__canvas em{color:#657279;margin-top:.35rem;font-weight:700}.logo-workbench__guide{border:1px solid #55c8cf8c;border-radius:50%;width:14.5rem;height:14.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-workbench__guide--y{border-color:#c8a96880;width:18rem;height:18rem}.logo-workbench__guide--x:before,.logo-workbench__guide--x:after{content:"";background:#0b171c26;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-workbench__guide--x:before{width:19rem;height:1px}.logo-workbench__guide--x:after{width:1px;height:19rem}.logo-workbench__variants{z-index:2;border-left:1px solid #0b171c29;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.logo-workbench__variants span{border-bottom:1px solid #0b171c21;flex-direction:column;align-items:center;gap:.3rem;padding:1.15rem .7rem;display:flex}.logo-workbench__variants b{font-size:2.5rem;line-height:1}.logo-workbench__variants span:nth-child(2) b{font-size:1.8rem}.logo-workbench__variants span:nth-child(3) b{font-size:1.2rem}.logo-workbench__variants small{color:#647177;font-size:var(--font-size-min)}.logo-workbench__status{background:var(--logo-ink);color:#fff;font-size:var(--font-size-min);letter-spacing:.1em;z-index:2;grid-column:1/-1;align-items:center;min-height:4.4rem;padding:0 1.4rem;font-weight:800;display:flex;position:relative}.logo-workbench__status i{background:var(--logo-aqua);border-radius:50%;width:.7rem;height:.7rem;margin-right:.85rem;animation:2.8s ease-in-out infinite logo-status-pulse;box-shadow:0 0 0 .45rem #55c8cf21}.logo-scale__tester{color:var(--logo-ink);background:#f7f5ee;border-radius:1.25rem;padding:2rem;position:relative;overflow:hidden}.logo-scale__tester>small{color:#69757a;font-size:var(--font-size-min);letter-spacing:.12em;font-weight:800}.logo-process__route{background:var(--logo-paper);clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%);font-size:var(--font-size-min);letter-spacing:.12em;border:1px solid #0b171c29;align-self:start;place-items:center;gap:.9rem;min-height:28rem;padding:3rem;font-weight:900;display:grid;position:sticky;top:7rem}.logo-process__route i{background:#9aa6aa;width:1px;height:2.4rem}.logo-process__route b{background:var(--logo-aqua);border-radius:999px;padding:.7rem 1.2rem}.logo-handoff__files{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid;position:relative}.logo-handoff__files span{background:var(--logo-aqua);color:var(--logo-ink);grid-column:1/-1;padding:2rem;font-size:1.8rem;font-weight:900}.logo-handoff__files b{font-size:var(--font-size-min);letter-spacing:.1em;border:1px solid #ffffff3d;padding:1.4rem}.logo-handoff__files small{color:#8e9a9f;font-size:var(--font-size-min);letter-spacing:.12em;grid-column:1/-1;margin-top:1rem;font-weight:800}@media (width<=64rem){.logo-workbench{min-height:31rem;transform:none}}@media (width<=52rem){.logo-process__route{min-height:18rem;position:relative;top:auto}.logo-scale__tester{order:2}.logo-workbench{margin-top:2rem}}@media (width<=35rem){.logo-workbench{grid-template-columns:1fr;min-height:29rem}.logo-workbench__variants{border-top:1px solid #0b171c29;border-left:0;flex-direction:row}.logo-workbench__variants span{border-bottom:0}.logo-workbench__canvas{min-height:19rem}.logo-workbench__canvas strong{width:8rem;height:8rem;font-size:5rem}.logo-workbench__guide{width:10.5rem;height:10.5rem}.logo-workbench__guide--y{width:13rem;height:13rem}}@media (prefers-reduced-motion:reduce){.logo-workbench__status i{animation:none}}.logo-workbench{box-shadow:-1.3rem 1.2rem #55c8cf29,1.15rem -1rem #f477671a,0 2rem 5rem #0b171c26}@media (width<=52rem){.logo-workbench{outline:0;box-shadow:0 1.5rem 3.5rem #0d20261f}}@keyframes logo-status-pulse{50%{transform:scale(.88);box-shadow:0 0 0 .8rem #55c8cf00}}