:root{--indigo: #11131F;--indigo-deep: #0A0C16;--ink: #EEF0FF;--ink-dim: #A6ADCE;--ink-faint: #7A82AC;--aqua: #6EE7FF;--violet: #A78BFA;--pink: #FF9EDB;--display: "Unbounded", sans-serif;--body: "Schibsted Grotesk", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}body.guide{font-family:var(--body);color:var(--ink);background:radial-gradient(110% 40% at 50% -6%,rgba(110,231,255,.08),transparent 60%),radial-gradient(80% 34% at 84% 2%,rgba(167,139,250,.08),transparent 60%),linear-gradient(180deg,#161A2C 0%,var(--indigo) 30%,var(--indigo-deep) 100%);-webkit-font-smoothing:antialiased;overflow-x:clip}body.guide:after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-radius:4px}.top{position:sticky;top:0;z-index:80;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(180deg,#0a0c16e6,#0a0c1600)}.top a{text-decoration:none}.brand{font-family:var(--display);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);transition:color .3s}.brand:hover{color:var(--ink)}.brand-mark{color:var(--aqua);margin-right:9px}.back-link{font-size:13.5px;font-weight:500;color:var(--aqua);transition:color .3s}.back-link:hover{color:#fff}main{max-width:780px;margin:0 auto;padding:40px 24px 90px}.hero{padding:48px 0 26px}.overline{font-family:var(--display);font-weight:500;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--aqua);margin-bottom:22px}h1{font-family:var(--display);font-weight:250;font-size:clamp(2rem,6vw,3.6rem);line-height:1.1;margin-bottom:26px;text-shadow:0 0 40px rgba(167,139,250,.3)}.lede{font-size:18px;line-height:1.65;color:var(--ink-dim);max-width:56ch}section{padding:44px 0 8px}h2{font-family:var(--display);font-weight:400;font-size:clamp(1.25rem,3.4vw,1.7rem);line-height:1.3;margin-bottom:20px;display:flex;align-items:baseline;gap:16px}.num{font-weight:250;font-size:.72em;color:var(--violet);flex-shrink:0}h3{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--violet);margin:30px 0 14px}section p{font-size:16.5px;line-height:1.7;color:var(--ink-dim);margin-bottom:16px;max-width:66ch}section strong{color:var(--ink);font-weight:600}section em{color:var(--ink)}section a{color:var(--aqua);text-underline-offset:3px}pre{background:#06070ebf;border:1px solid rgba(110,231,255,.12);border-radius:12px;padding:20px 22px;margin:20px 0 24px;overflow-x:auto;box-shadow:inset 0 1px #eef0ff0a}pre code{font-family:var(--mono);font-size:13px;line-height:1.62;color:#bfe9f5;white-space:pre}code.inline{font-family:var(--mono);font-size:.88em;color:var(--aqua);background:#6ee7ff14;padding:2px 6px;border-radius:5px}.graph{margin:20px 0}.graph-pre{font-family:var(--mono);font-size:11.5px;line-height:1.55;color:var(--violet);background:#06070e99;border:1px dashed rgba(167,139,250,.3);border-radius:12px;padding:18px 20px;overflow-x:auto}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:6px 0 20px}.swatch{border-radius:12px;border:1px solid rgba(155,163,199,.2);overflow:hidden}.swatch:before{content:"";display:block;height:64px;background:var(--c)}.swatch span,.swatch code{display:block;padding:0 10px;font-size:11px}.swatch span{padding-top:8px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.08em}.swatch code{font-family:var(--mono);color:var(--ink-faint);padding-bottom:9px}.type-specimen{border:1px solid rgba(155,163,199,.2);border-radius:14px;padding:26px 28px;margin:22px 0;background:#11131f80}.spec-label{font-size:11px!important;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)!important;margin-bottom:10px!important}.spec-unbounded{font-family:var(--display);font-size:clamp(1.7rem,5.4vw,3rem);line-height:1.15;color:var(--ink);margin-bottom:26px!important;max-width:none!important}.spec-schibsted{font-size:19px!important;line-height:1.6;color:var(--ink)!important;max-width:none!important;margin-bottom:2px!important}.demo-wrap{margin:26px 0 10px}.demo-label{font-size:14px!important;color:var(--ink-faint)!important;margin-bottom:12px!important}#interference-demo{width:100%;height:auto;display:block;border-radius:14px;border:1px solid rgba(110,231,255,.18);background:#070810;cursor:crosshair;touch-action:manipulation}.weights{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:14.5px}.weights th{font-family:var(--display);font-weight:500;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);text-align:left;padding:8px 14px 10px 0;border-bottom:1px solid rgba(155,163,199,.25)}.weights td{padding:9px 14px 9px 0;border-bottom:1px solid rgba(155,163,199,.12);color:var(--ink-dim);line-height:1.45}.weights td:first-child{color:var(--ink);font-weight:500}.weights td:nth-child(2){font-family:var(--mono);font-size:13px;color:var(--aqua);white-space:nowrap}.diary h3:first-child{margin-top:4px}footer{margin-top:70px;padding-top:34px;border-top:1px solid rgba(155,163,199,.18)}.credit{font-size:15px;color:var(--ink-dim);margin-bottom:16px}.credit strong{color:var(--ink)}.foot-links{display:flex;flex-wrap:wrap;gap:10px 26px}.foot-links a{font-family:var(--display);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--aqua);text-decoration:none;border-bottom:1px solid rgba(110,231,255,.35);padding-bottom:3px;transition:color .3s,border-color .3s}.foot-links a:hover{color:#fff;border-color:#fff}.reveal{opacity:0}@media(prefers-reduced-motion:reduce){.reveal{opacity:1}}@media(max-width:640px){.top{padding:16px 18px}main{padding:20px 18px 60px}.hero{padding:30px 0 14px}section{padding:30px 0 4px}section p{font-size:15.5px}.lede{font-size:16.5px}.swatches{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.weights td:last-child{font-size:13px}pre{padding:14px;margin:16px 0 18px}pre code{font-size:11.5px;line-height:1.55}.type-specimen{padding:18px 20px}h3{margin:22px 0 12px}footer{margin-top:48px}}
