@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations")}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:"Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.2, .8, .2, 1);--bg:#060608;--bg-elev:#0b0b0f;--bg-cell:#08080b;--fg:#f4f4f6;--fg-dim:#b9b9c2;--fg-faint:#8d8d98;--rule:#ffffff17;--rule-strong:#ffffff2e;--accent:#f20d23;--accent-ink:#060608;--logo-icon:url(/brand/noxred_icon_1x1.svg);--logo-word:url(/brand/noxred-wordmark.svg);--accent-2:#67e8f9;--warn:#f5c15d;--bad:#ff8a8a;--glass:#060608c7;--grain-rgb:255, 255, 255;--grain-alpha:.05;--art-alpha:.85}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f7;--bg-elev:#fff;--bg-cell:#fbfbfc;--fg:#0b0b0f;--fg-dim:#3b3b45;--fg-faint:#5d5d68;--rule:#0b0b0f1f;--rule-strong:#0b0b0f3d;--accent:#d90b1f;--accent-ink:#fff;--logo-icon:url(/brand/noxred-icon-on-light.svg);--logo-word:url(/brand/noxred-wordmark-on-light.svg);--accent-2:#0e7490;--warn:#8a5a00;--bad:#b3261e;--glass:#f6f6f7d1;--grain-rgb:0, 0, 0;--grain-alpha:.045;--art-alpha:.7}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f6f6f7;--bg-elev:#fff;--bg-cell:#fbfbfc;--fg:#0b0b0f;--fg-dim:#3b3b45;--fg-faint:#5d5d68;--rule:#0b0b0f1f;--rule-strong:#0b0b0f3d;--accent:#d90b1f;--accent-ink:#fff;--logo-icon:url(/brand/noxred-icon-on-light.svg);--logo-word:url(/brand/noxred-wordmark-on-light.svg);--accent-2:#0e7490;--warn:#8a5a00;--bad:#b3261e;--glass:#f6f6f7d1;--grain-rgb:0, 0, 0;--grain-alpha:.045;--art-alpha:.7}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);scroll-padding-top:88px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (pointer:fine){html{overscroll-behavior:none}}body{min-height:100dvh;font-family:var(--font-sans);font-feature-settings:"ss01", "ss02", "cv11";color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;margin:0;font-size:1rem;line-height:1.6;overflow-x:clip}body:after{content:"";z-index:60;pointer-events:none;opacity:var(--grain-alpha);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.4 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{margin:0;font-weight:500}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;touch-action:manipulation;text-decoration:none}code{font-family:var(--font-mono);background:color-mix(in srgb, var(--fg) 7%, transparent);box-shadow:0 0 0 1px var(--rule);overflow-wrap:anywhere;padding:.1em .38em;font-size:.86em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:color-mix(in srgb, var(--accent) 32%, transparent);color:var(--fg)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sprite{width:0;height:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);padding:10px 16px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.wrap{width:min(1200px,100% - 2*clamp(20px,4vw,40px));margin-inline:auto}@media (min-width:1100px){.wrap{width:min(1200px,100% - 224px)}}.ic{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.micro,.eyebrow,.sec-no,.tab,.install-meta,.cmd-copy,.screen-bar,.badge,.menu-label{letter-spacing:.22em;text-transform:uppercase;font-size:.6875rem;font-weight:400;line-height:1.4}.micro{color:var(--fg-faint);margin-bottom:12px}.top{z-index:50;transition:border-color .3s var(--ease), background-color .3s var(--ease);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.top.is-stuck{border-bottom-color:var(--rule);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-in{justify-content:space-between;align-items:center;height:57px;display:flex}.brand{align-items:center;margin:0;display:inline-flex}.brand-icon,.lockup-icon{aspect-ratio:1;background:var(--logo-icon) center / contain no-repeat;flex:none}.brand-icon{width:54px;margin-left:-9px}.brand-word,.lockup-word{aspect-ratio:720/161;background:var(--logo-word) center / contain no-repeat;flex:none}.brand-word{width:84px;margin-left:2px}.top-tools{align-items:center;gap:8px;display:flex}.theme-toggle{appearance:none;border:1px solid var(--rule-strong);width:36px;height:36px;color:var(--fg);cursor:pointer;touch-action:manipulation;transition:color .15s var(--ease), background-color .15s var(--ease);background:0 0;border-radius:0;place-items:center;padding:0;display:none}:root[data-theme] .theme-toggle{display:grid}.theme-toggle .ic{width:18px;height:18px}:root[data-theme=dark] .ic-moon,:root[data-theme=light] .ic-sun{display:none}@media (hover:hover){.theme-toggle:hover{background:color-mix(in srgb, var(--fg) 6%, transparent)}}.top-nav{gap:28px;display:none}.top-nav a,.footer-links a{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);transition:color .15s var(--ease);font-size:.75rem}@media (hover:hover){.top-nav a:hover,.footer-links a:hover{color:var(--fg)}}.link{position:relative}.link:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform .32s var(--ease-out);background:currentColor;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.link:hover:after,.link:focus-visible:after{transform:scaleX(1)}.link-u{color:var(--accent)}.link-u:after{opacity:.45;transform:scaleX(1)}.link-u:hover:after{opacity:1}@media (min-width:880px){.top-nav{display:flex}.menu-toggle,.menu{display:none}}.menu-toggle{appearance:none;border:1px solid var(--rule-strong);min-height:36px;color:var(--fg);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:0;padding:0 14px}.menu{z-index:40;background:var(--bg);overscroll-behavior:contain;opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility 0s linear .3s;padding:84px 20px 32px;position:fixed;inset:0;overflow-y:auto}.menu.is-open{opacity:1;visibility:visible;transition:opacity .3s var(--ease), visibility 0s}.menu-links{border-top:1px solid var(--rule)}.menu-links a{border-bottom:1px solid var(--rule);letter-spacing:-.02em;align-items:baseline;gap:20px;padding:16px 0;font-size:1.5rem;display:flex}.menu-links span{width:2.2em;color:var(--accent);font:400 .75rem/1 var(--font-mono);letter-spacing:.1em}.rail{border:1px solid var(--rule);background:var(--rule);grid-template-columns:repeat(4,1fr);gap:1px;width:min(100% - 2*clamp(20px,4vw,40px),1200px);margin:40px auto 0;display:grid}.rail a{background:var(--bg-cell);height:64px;color:var(--fg-faint);transition:color .15s var(--ease), background-color .15s var(--ease);place-items:center;display:grid;position:relative}.rail-n{font:400 .625rem/1 var(--font-mono);letter-spacing:.04em;position:absolute;bottom:4px;right:6px}.rail a[aria-current=true]{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}@media (hover:hover){.rail a:hover{color:var(--fg);background:var(--bg-elev)}}@media (min-width:1100px){.rail{z-index:45;grid-template-columns:56px;width:58px;margin:0;position:fixed;top:50%;left:24px;transform:translateY(-50%)}.rail a{height:56px}.rail a:after{content:attr(data-label);border:1px solid var(--rule-strong);background:var(--bg-elev);color:var(--fg);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s var(--ease), transform .15s var(--ease);padding:6px 10px;font-size:.6875rem;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-4px,-50%)}.rail a:hover:after,.rail a:focus-visible:after{opacity:1;transform:translateY(-50%)}}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding:112px 0 40px;display:flex;position:relative;overflow:clip}.hero-art{aspect-ratio:1;width:min(130vw,960px);opacity:var(--art-alpha);pointer-events:none;background:radial-gradient(circle at 50% 50%, var(--accent) 0 1.1px, transparent 1.5px) 0 0 / 6px 6px, radial-gradient(circle at 50% 50%, var(--accent-2) 0 .8px, transparent 1.2px) 3px 3px / 12px 12px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 55%, transparent);border-radius:50%;position:absolute;bottom:-46%;right:-14%;-webkit-mask-image:radial-gradient(circle at 28% 22%,#0000 30%,#000 68%);mask-image:radial-gradient(circle at 28% 22%,#0000 30%,#000 68%)}.hero-grid{align-items:center;gap:40px;display:grid;position:relative}@media (min-width:1000px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:56px}}.hero-copy{min-width:0;max-width:720px}.eyebrow{color:#0000;background-image:linear-gradient(105deg, var(--fg-dim) 38%, var(--fg) 50%, var(--fg-dim) 62%);background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;display:inline-block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:no-preference){.eyebrow{animation:shimmer 5s var(--ease) infinite}}h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.125rem,4.6vw,3.9rem);line-height:1}h1 .t1{color:var(--fg)}h1 .t2{color:var(--fg-dim)}h1 .t3{color:var(--accent)}.hero-lede{max-width:54ch;color:var(--fg-dim);margin-top:24px;font-size:clamp(1rem,1.3vw,1.0625rem);line-height:1.65}.notice{border:1px solid color-mix(in srgb, var(--warn) 50%, transparent);background:color-mix(in srgb, var(--warn) 8%, transparent);border-left-width:3px;align-items:flex-start;gap:14px;max-width:640px;margin-top:28px;padding:14px 18px;display:flex}.notice-ic{color:var(--warn);margin-top:2px}.notice p{color:var(--fg);font-size:.9375rem}.notice .notice-title{margin-bottom:2px;font-weight:600}.install{max-width:640px;margin-top:28px}.install-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;display:flex}.tabs{display:flex}.tab{appearance:none;color:var(--fg-faint);cursor:pointer;touch-action:manipulation;transition:color .15s var(--ease);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:4px 10px 8px}.tab[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}@media (hover:hover){.tab:hover{color:var(--fg)}}.install-meta{color:var(--fg-faint);padding-bottom:8px;font-size:.625rem}.cmdbox{border:1px solid var(--rule);background:var(--bg-elev);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.cmd-prompt{border-right:1px solid var(--rule);color:var(--accent);font:500 .875rem/1.7 var(--font-mono);padding:14px 14px 14px 16px}.cmd-text{font:400 .8125rem/1.7 var(--font-mono);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:14px 16px}.cmd-text code{box-shadow:none;font-size:inherit;overflow-wrap:normal;background:0 0;padding:0}.cmd-copy{appearance:none;border:0;border-left:1px solid var(--rule);min-width:84px;color:var(--fg-dim);font-family:var(--font-sans);cursor:pointer;touch-action:manipulation;transition:color .15s var(--ease), background-color .15s var(--ease);background:0 0;border-radius:0;padding:0 14px;position:relative}@media (hover:hover){.cmd-copy:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 5%, transparent)}}.cmd-copy .copy-done{background:var(--bg-elev);color:var(--accent-2);opacity:0;transition:opacity .15s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.cmd-copy[data-state=done] .copy-done{opacity:1}.cmd-copy[data-state=failed] .copy-idle{color:var(--bad)}.marquee-wrap{max-width:640px;margin-top:32px}.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{flex:none;gap:8px;min-width:max-content;padding-right:8px;display:flex}.marquee-track li{border:1px solid var(--rule);color:var(--fg-dim);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding:6px 12px;font-size:.6875rem}@keyframes drift{to{transform:translate(-100%)}}@media (prefers-reduced-motion:no-preference){.marquee-track{animation:60s linear infinite drift}.marquee:hover .marquee-track{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.marquee{flex-wrap:wrap;-webkit-mask-image:none;mask-image:none}.marquee-track{flex-wrap:wrap;min-width:0}.marquee-dup{display:none}}.screen{border:1px solid var(--rule);background:var(--bg-elev);min-width:0;margin:0}.screen-bar{border-bottom:1px solid var(--rule);color:var(--fg-faint);justify-content:space-between;gap:12px;padding:10px 16px;font-size:.625rem;display:flex}.screen-tag{color:var(--accent-2)}.lockup{border-bottom:1px solid var(--rule);background:var(--bg-cell);justify-items:center;padding:18px 16px 22px;display:grid}.lockup-icon{width:190px;margin-block:-44px -42px}.lockup-word{width:190px}.lockup-label{color:var(--fg);letter-spacing:.34em;text-transform:uppercase;white-space:nowrap;margin-top:12px;margin-right:-.34em;font-size:.6875rem;font-weight:600}.screen-body{font:400 .75rem/1.75 var(--font-mono);margin:0;padding:18px 16px 20px;overflow-x:auto}.screen-body code{box-shadow:none;font-size:inherit;overflow-wrap:normal;background:0 0;padding:0}.screen figcaption{border-top:1px solid var(--rule);color:var(--fg-faint);padding:12px 16px;font-size:.8125rem}.t-dim{color:var(--fg-faint)}.t-flag{color:var(--accent-2)}.t-ok{color:var(--accent)}.t-warn{color:var(--warn)}.t-bad{color:var(--bad)}.sec{border-top:1px solid var(--rule);padding-block:clamp(64px,9vw,120px)}.sec-head{max-width:62ch;margin-bottom:clamp(32px,4vw,48px)}.sec-no{color:var(--fg-faint);gap:14px;margin-bottom:18px;display:flex}.sec-no span:first-child{color:var(--accent);font-family:var(--font-mono)}h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.05}h3{letter-spacing:-.01em;font-size:1.0625rem;line-height:1.3}.lede{color:var(--fg-dim);margin-top:20px;font-size:1.0625rem;line-height:1.65}.sec-head .lede+.lede{margin-top:12px}.note{color:var(--fg-dim);margin-top:24px;font-size:.9375rem}.cells,.rows{border:1px solid var(--rule);background:var(--rule);gap:1px;display:grid}.cell,.row{background:var(--bg-cell)}.cell{padding:28px 26px 32px}.cell .ic{color:var(--accent);margin-bottom:40px}.cell h3{margin-bottom:12px}.cell p{color:var(--fg-dim);font-size:.9375rem}.cell p+p{margin-top:12px}@media (min-width:720px){.cols-2,.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.row{gap:12px 40px;padding:26px;display:grid}.row-h{align-items:flex-start;gap:14px;display:flex}.row-h .ic{color:var(--accent);margin-top:1px}.row p{color:var(--fg-dim);font-size:.9375rem}@media (min-width:860px){.row{grid-template-columns:300px minmax(0,1fr)}}.ru{border:1px solid var(--rule);background:var(--rule);gap:1px;display:grid}.ru-col{background:var(--bg-cell);padding:28px 26px 32px}.ru-col h3{margin-bottom:18px}.marks li{color:var(--fg-dim);padding-left:24px;font-size:.9375rem;position:relative}.marks li+li{margin-top:12px}.marks li:before{content:"";background:var(--accent-2);width:7px;height:7px;position:absolute;top:.6em;left:2px}.marks-bad li:before{background:var(--accent)}@media (min-width:760px){.ru{grid-template-columns:1fr 1fr}}.product .micro{margin-bottom:8px}.wordmark{letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.05}.product .ic{margin-bottom:32px}.monogram{border:1px solid var(--rule-strong);width:56px;height:56px;color:var(--accent);font:500 1rem/1 var(--font-mono);letter-spacing:.08em;place-items:center;margin-bottom:28px;display:grid}.rows-gap,.ru{margin-top:24px}.footer{padding:28px 0 max(32px, env(safe-area-inset-bottom));border-top:1px solid var(--rule)}.footer-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;display:flex}.badge{border:1px solid var(--rule);background:var(--bg-elev);color:var(--fg-faint);padding:5px 10px;font-size:.625rem}.footer-links{flex-wrap:wrap;gap:4px 22px;display:flex}.footer-links a{padding:8px 0;display:inline-block}.footer-links .micro{margin:0;padding:8px 0}@media (prefers-reduced-motion:no-preference){.reveal-ready [data-reveal]{transition:opacity .6s var(--ease-out), transform .6s var(--ease-out)}.reveal-ready [data-reveal]:not(.in){opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.link:after,.menu,.top,.rail a,.cmd-copy{transition-duration:.01ms!important}}.nf{align-items:center;min-height:100svh;padding-block:40px;display:grid}.nf .brand{width:max-content;margin-bottom:56px;display:flex}.nf-link{margin-top:28px}.hero-kit{min-height:auto;padding-bottom:56px}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px;display:flex}.dl{border:1px solid var(--rule-strong);background:var(--bg-elev);min-height:40px;color:var(--fg);letter-spacing:.18em;text-transform:uppercase;touch-action:manipulation;transition:color .15s var(--ease), border-color .15s var(--ease), background-color .15s var(--ease);align-items:center;gap:0;padding:0 16px;font-size:.6875rem;display:inline-flex}.dl-lg{border-color:var(--accent);min-height:48px;padding:0 20px}.dl-meta{border-left:1px solid var(--rule-strong);color:var(--fg-dim);margin-left:16px;padding-left:16px}@media (hover:hover){.dl:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-elev))}}.cmdbox-sm,.cmdbox-prose{grid-template-columns:minmax(0,1fr) auto}.cmdbox-sm .cmd-text code{overflow-wrap:anywhere}.cmdbox-sm .cmd-copy,.cmdbox-prose .cmd-copy{min-width:104px}.cmdbox-prose .cmd-text{font-family:var(--font-sans);font-size:.9375rem;line-height:1.65}.cmdbox-prose .cmd-text code{overflow-wrap:break-word;font-family:inherit}.boiler{gap:28px;max-width:900px;display:grid}.facts{border:1px solid var(--rule);background:var(--rule);gap:1px;max-width:900px;margin:0;display:grid}.facts>div{background:var(--bg-cell);gap:4px 24px;padding:16px 22px;display:grid}.facts dt{color:var(--fg-faint);letter-spacing:.22em;text-transform:uppercase;font-size:.6875rem}.facts dd{color:var(--fg-dim);margin:0;font-size:.9375rem}.facts-omitted dd{color:var(--fg-faint)}@media (min-width:720px){.facts>div{grid-template-columns:160px minmax(0,1fr)}}.sub{margin:44px 0 16px;font-size:1.0625rem}.zip{border:1px solid var(--rule);background:var(--rule);gap:1px;margin-bottom:24px;display:grid}.zip>div{background:var(--bg-cell);min-width:0;padding:24px 26px 28px}.zip .micro{margin-bottom:14px}.zip-note{color:var(--fg-dim);margin-top:14px;font-size:.875rem}.zip-note a{color:var(--accent)}@media (min-width:860px){.zip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.notice-wide{max-width:none;margin:0 0 8px}.assets,.colours,.examples{border:1px solid var(--rule);background:var(--rule);gap:1px;display:grid}@media (min-width:640px){.assets,.colours,.examples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.assets,.colours,.examples{grid-template-columns:repeat(3,minmax(0,1fr))}}.asset,.colour,.ex{background:var(--bg-cell);min-width:0;margin:0}.asset-prev,.ex-stage{border-bottom:1px solid var(--rule);justify-content:center;align-items:center;display:flex;overflow:hidden}.asset-prev{height:190px;padding:20px}.asset-prev img{object-fit:contain;max-width:100%;max-height:100%}.asset-prev-dark,.ex-dark{background:#0b0b0f}.asset-prev-black{background:#000}.asset-prev-light,.ex-light{background:#f6f6f7}.asset-meta{padding:18px 20px 20px}.asset-name{color:var(--fg);font:500 .8125rem/1.4 var(--font-mono);overflow-wrap:anywhere}.asset-info{color:var(--accent-2);font:400 .75rem/1.5 var(--font-mono);margin-top:4px}.asset-about,.asset-note{color:var(--fg-dim);margin-top:8px;font-size:.875rem}.asset-note{color:var(--warn)}.asset .dl{margin-top:14px}.colour-chip{border-bottom:1px solid var(--rule);height:84px}.colour-chip[data-hex=\#F20D23]{background:#f20d23}.colour-chip[data-hex=\#D90B1F]{background:#d90b1f}.colour-chip[data-hex=\#FFFFFF]{background:#fff}.colour-chip[data-hex=\#000000]{background:#000}.colour-chip[data-hex=\#0B0B0F]{background:#0b0b0f}.colour-chip[data-hex=\#060608]{background:#060608}.colour-chip[data-hex=\#F6F6F7]{background:#f6f6f7}.colour-body{padding:20px 22px 24px}.colour-role{color:var(--fg-dim);margin:8px 0 16px;font-size:.875rem}.colour .cmdbox+.cmdbox{margin-top:8px}.ratios-label{color:var(--fg-faint);letter-spacing:.2em;text-transform:uppercase;margin-top:18px;font-size:.625rem}.ratios{color:var(--fg-dim);font:400 .75rem/1.6 var(--font-mono);margin-top:6px}.ratios li+li{margin-top:4px}.ratio{color:var(--fg);font-weight:500}.verdict{color:var(--fg-faint);display:block}.type-sample{color:var(--fg);margin:14px 0 18px;line-height:1.2}.cell .type-sample{color:var(--fg)}.type-sans{letter-spacing:-.03em;font-size:1.625rem;font-weight:500}.type-mono{font-family:var(--font-mono);letter-spacing:.04em;font-size:1rem}.cell-note{color:var(--fg-faint)}.ex-stage{gap:24px;height:210px;padding:20px}.ex-stage img{max-width:100%;height:auto}.ex-sizes{align-items:flex-end}.clear-space{outline:1px dashed var(--accent-2);outline-offset:-1px;background:color-mix(in srgb, var(--accent-2) 8%, transparent);padding:24px}.ex figcaption{color:var(--fg-dim);padding:16px 20px 22px;font-size:.875rem}.ex figcaption strong{color:var(--fg);font-weight:600}.ex-tag{letter-spacing:.2em;text-transform:uppercase;border:1px solid;margin-right:8px;padding:2px 8px;font-size:.625rem;display:inline-block}.ex-do{color:var(--accent-2)}.ex-dont{color:var(--accent)}.bad-hue{filter:hue-rotate(200deg)}.bad-stretch{transform:scale(1.5,.6)}.bad-rotate{transform:rotate(-18deg)skew(-14deg)}.bad-effect{filter:drop-shadow(0 0 12px #fff)blur(1.5px)}.ex-crop{justify-content:flex-end}.bad-crop{margin-right:-64px}@media (min-width:640px){.assets>:last-child:nth-child(odd),.colours>:last-child:nth-child(odd),.examples>:last-child:nth-child(odd){grid-column:span 2}}@media (min-width:1000px){.assets>:last-child:nth-child(n),.colours>:last-child:nth-child(n),.examples>:last-child:nth-child(n){grid-column:auto}.assets>:last-child:nth-child(3n+2),.colours>:last-child:nth-child(3n+2),.examples>:last-child:nth-child(3n+2){grid-column:span 2}.assets>:last-child:nth-child(3n+1),.colours>:last-child:nth-child(3n+1),.examples>:last-child:nth-child(3n+1){grid-column:span 3}}
/*$vite$:1*/