.font-lab-shell{min-height:100dvh;background:#050609;color:#f5f7ff;font-family:Unbounded,sans-serif;padding:22px clamp(18px,4vw,72px) 70px}.font-lab-head{max-width:1500px;margin:0 auto;gap:28px;min-height:50px}.font-lab-brand,.font-lab-head{display:flex;align-items:center}.font-lab-brand{gap:10px;color:#fff;font-size:18px;font-weight:600;letter-spacing:-.04em}.font-lab-brand>span:last-child>span{color:#5f67ff}.font-lab-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #30334b;border-radius:50%;color:#7280ff;font-size:14px}.font-lab-head-copy{margin-left:auto;display:flex;align-items:center;gap:18px;color:#898d9e;font-size:9px}.font-lab-head-copy strong{color:#e4e7f5;font-weight:500}.font-lab-back{color:#b7bbcc;font-size:9px;border-bottom:1px solid #34384c;padding-bottom:3px}.font-lab-stage{max-width:1500px;margin:38px auto 65px;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(430px,1fr);gap:clamp(28px,8vw,140px);align-items:center}.font-lab-stage-copy{padding-left:clamp(0px,3vw,45px)}.font-lab-kicker{color:#5c66ff;font-size:10px;letter-spacing:.12em;margin-bottom:24px}.font-lab-stage h1{font-size:clamp(36px,5.8vw,88px);line-height:1.05;font-weight:500;letter-spacing:-.06em;margin:0}.font-lab-stage h1 em{color:#6871ff;font-style:normal}.font-lab-lead{color:#8b8e9e;max-width:320px;font-size:11px;line-height:1.9;margin:28px 0}.font-lab-controls{display:flex;align-items:center;gap:8px}.font-lab-controls button{width:42px;height:42px;border:1px solid #2b3044;border-radius:50%;color:#fff;font-size:19px;transition:background .18s,border-color .18s,transform .18s}.font-lab-controls button:hover{background:#2932bf;border-color:#626bff;transform:translateY(-2px)}.font-lab-controls span{margin-left:12px;color:#e1e4f0;font-size:11px}.font-lab-poster{min-height:470px;aspect-ratio:1/1.05;max-width:590px;width:100%;justify-self:end;border:1px solid #272b38;border-radius:34px;padding:clamp(24px,4vw,55px) clamp(20px,5vw,56px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 74%,#2026a94d 0,#06070b 45%,#050609 70%);box-shadow:0 20px 80px #252eff18;transition:border-color .25s,box-shadow .25s}.font-lab-poster:hover{border-color:#4d56c8;box-shadow:0 20px 90px #4149ff32}.font-lab-family{color:#757a8d;font-size:clamp(11px,1.3vw,16px);margin-bottom:26px;text-align:center}.font-lab-sample{width:100%;color:#fff;font-size:clamp(32px,4.2vw,64px);font-weight:700;line-height:.98;letter-spacing:-.055em;text-align:center;text-wrap:balance}.font-lab-glyphs{margin-top:31px;color:#858999;font-size:clamp(13px,1.6vw,22px);letter-spacing:.04em;text-align:center}.font-lab-download{margin-top:42px;min-height:54px;width:min(330px,100%);display:flex;justify-content:center;align-items:center;gap:14px;border-radius:999px;background:#575fff;color:#fff;font-size:12px;box-shadow:0 13px 35px #3f49ff4a;transition:background .18s,transform .18s,box-shadow .18s}.font-lab-download:hover{background:#7077ff;transform:translateY(-3px);box-shadow:0 18px 42px #3f49ff6b}.font-lab-download span{font-size:18px}.font-lab-browser{max-width:1500px;margin:0 auto;border-top:1px solid #1d202b;padding-top:35px}.font-lab-browser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.font-lab-browser h2{margin:0;font-size:20px;font-weight:500;letter-spacing:-.04em}.font-lab-browser-head p{color:#777c8d;font-size:10px;margin-top:9px}.font-lab-browser-head label{display:grid;gap:7px;color:#757b8c;font-size:9px}.font-lab-browser-head input{background:#10121a;border:1px solid #292e3c;border-radius:10px;color:#fff;padding:12px 14px;width:220px;font:inherit;font-size:10px;outline:none}.font-lab-browser-head input:focus{border-color:#5e67ff;box-shadow:0 0 0 3px #5e67ff24}.font-lab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.font-lab-card{text-align:left;min-height:132px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:#0c0e15;border:1px solid #1d212c;border-radius:15px;color:#f5f7ff;transition:transform .2s,border-color .2s,background .2s}.font-lab-card:hover{transform:translateY(-3px);border-color:#444cff;background:#111425}.font-lab-card.is-active{border-color:#5962ff;background:#151835}.font-lab-card-name{color:#858b9e;font-size:9px;letter-spacing:.01em}.font-lab-card>span:nth-child(2){color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:22px;line-height:1.05}.font-lab-card small{color:#676c7b;font-size:8px}.font-lab-variant{display:flex;align-items:center;gap:12px;margin:22px 0 0 auto;width:max-content;color:#858b9e;font-size:9px}.font-lab-variant select{background:#10121a;border:1px solid #292e3c;color:#fff;border-radius:8px;padding:9px 12px;font:inherit;font-size:9px;max-width:280px}.font-switcher{position:fixed;z-index:30;right:20px;bottom:20px;width:250px;border:1px solid #ffffff2b;border-radius:18px;background:#0d1019e8;color:#fff;box-shadow:0 18px 55px #0e163a35;backdrop-filter:blur(18px);font-family:Unbounded,sans-serif}.font-switcher-toggle{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;color:#fff;border:1px solid #ffffff30;background:#202747b8;font-size:18px;line-height:1}.font-switcher-body{display:grid;gap:10px;padding:18px}.font-switcher-label{color:#8f96ac;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.font-switcher-body>strong{color:#fff;font-size:17px;padding-right:25px;line-height:1.2}.font-switcher-body label{display:grid;gap:5px;color:#8f96ac;font-size:8px}.font-switcher-body select{width:100%;color:#eef1ff;background:#171c2a;border:1px solid #30364a;border-radius:8px;padding:9px 10px;font:inherit;font-size:9px}.font-slider-label{grid-template-columns:1fr auto;align-items:center}.font-slider-label output{color:#f5f7ff;font-size:8px;font-variant-numeric:tabular-nums}.font-slider-label input[type=range]{grid-column:1/-1;width:100%;height:18px;margin:0;accent-color:#6570ff;cursor:pointer}.font-switcher-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:3px}.font-switcher-actions button{color:#b8beff;font-size:8px;border-bottom:1px solid #525bd1;padding-bottom:2px}.font-switcher-actions a{color:#fff;font-size:8px;background:#4f59ff;padding:9px 11px;border-radius:8px}.font-preview-surface .font-switcher{display:grid}@media(max-width:720px){.font-switcher{right:12px;bottom:80px;width:calc(100vw - 24px);max-width:290px}}@media(prefers-reduced-motion:reduce){.font-switcher,.font-switcher *{transition:none!important}}@media(max-width:900px){.font-lab-head-copy{display:none}.font-lab-back{margin-left:auto}.font-lab-stage{grid-template-columns:1fr;margin-top:45px;gap:34px}.font-lab-stage-copy{padding-left:0}.font-lab-lead{margin:18px 0}.font-lab-poster{justify-self:center;min-height:0;max-width:540px}.font-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.font-lab-shell{padding:15px 14px 45px}.font-lab-brand{font-size:15px}.font-lab-mark{width:29px;height:29px}.font-lab-back{font-size:8px}.font-lab-stage{margin-top:36px}.font-lab-stage h1{font-size:42px}.font-lab-lead{font-size:10px}.font-lab-poster{border-radius:23px;padding:34px 18px}.font-lab-sample{font-size:35px}.font-lab-glyphs{font-size:13px}.font-lab-download{margin-top:30px;min-height:48px;font-size:10px}.font-lab-browser-head{display:grid;gap:18px}.font-lab-browser-head input{width:100%}.font-lab-grid{grid-template-columns:1fr}.font-lab-card{min-height:105px}}@media(prefers-reduced-motion:reduce){.font-lab-card,.font-lab-controls button,.font-lab-download,.font-lab-poster{transition:none}.font-lab-card:hover,.font-lab-controls button:hover,.font-lab-download:hover{transform:none}}