/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ease:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--ink:#171716;--paper:#f2f0e9;--bright:#faf9f5;--line:#c8c4ba;--muted:#6d6a64}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0}body.modal-open{overflow:hidden}button,a{color:inherit;font:inherit}.color-system{width:min(1600px,100%);margin:0 auto;padding:22px 32px 0}.site-header{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 0;font-size:9px;display:grid}.brand-stamp{justify-self:start;align-items:center;gap:9px;font-weight:700;text-decoration:none;display:inline-flex}.signal-dot{background:var(--ink);border-radius:50%;width:7px;height:7px}.header-count{color:var(--muted);justify-self:end}.header-actions{justify-self:end;align-items:center;gap:16px;display:flex}.header-actions a{border-left:1px solid var(--line);padding-left:16px;text-decoration:none}.header-actions a:hover{text-underline-offset:3px;text-decoration:underline}.toolbar{z-index:10;border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f2f0e9f5;justify-content:space-between;align-items:center;min-height:70px;padding:12px 16px;display:flex;position:sticky;top:0}.toolbar-copy{align-items:center;gap:18px;display:flex}.toolbar-copy span,.stage-label,.card-footer>span,.asset-links,.lightbox-header>div>span{font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;font-size:8px}.toolbar-copy p{color:var(--muted);margin:0;font-size:10px}.segmented{display:flex}.segmented button{border:1px solid var(--line);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;cursor:pointer;background:0 0;border-right:0;padding:9px 14px;font-size:8px}.segmented button:last-child{border-right:1px solid var(--line)}.segmented button.active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.segmented button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.color-stage:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.asset-links a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.lightbox-header button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hero{border-bottom:1px solid var(--ink);grid-template-columns:.72fr 1.28fr;min-height:650px;display:grid}.hero-copy{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:76px 5vw 70px 2vw;display:flex}.kicker{font-family:var(--font-geist-mono), monospace;letter-spacing:.11em;text-transform:uppercase;margin:0 0 22px;font-size:9px}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(64px,7.7vw,118px);font-weight:620;line-height:.82}.hero h1 i,.collection-intro h2 i,.signal-intro h2 i,.broadcast-intro h2 i,.crisp-intro h2 i{font-family:Georgia,serif;font-weight:400}.lede{max-width:500px;color:var(--muted);margin:38px 0 0;font-size:15px;line-height:1.6}.selection-spec{border-top:1px solid var(--line);font-family:var(--font-geist-mono), monospace;letter-spacing:.07em;gap:8px;margin-top:40px;padding-top:16px;font-size:8px;display:grid}.selection-spec span{color:var(--muted);justify-content:space-between;gap:18px;display:flex}.selection-spec strong{color:var(--ink);font-weight:600}.master-stage{background:var(--bright);place-items:center;padding:96px 5vw 70px;transition:background .2s;display:grid;position:relative}.master-stage .logo-asset{width:min(100%,850px)}.stage-label{color:var(--muted);position:absolute;top:18px;left:18px}.master-stage .asset-links{position:absolute;bottom:18px;right:18px}.logo-asset{width:100%;height:auto;display:block}.crisp-study{padding-top:112px}.crisp-intro{grid-template-columns:1fr 1fr;align-items:end;gap:50px;padding:0 2vw 58px;display:grid}.crisp-intro h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,86px);line-height:.9}.crisp-intro-copy{max-width:590px;margin-left:auto}.crisp-intro-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.crisp-intro-copy p+p{margin-top:12px}.crisp-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.crisp-card{color:#e9e5dc;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#171716;min-width:0;transition:background .2s,color .2s}.crisp-card-header{border-bottom:1px solid #45433f;grid-template-columns:28px 1fr 58px;align-items:center;gap:10px;min-height:88px;padding:11px 12px;display:grid}.crisp-card-header>span{font-family:var(--font-geist-mono), monospace;align-self:start;padding-top:4px;font-size:9px}.crisp-card-header h3{letter-spacing:-.04em;margin:0;font-size:18px}.crisp-card-header p{color:#8d8981;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;margin:5px 0 0;font-size:7px}.crisp-orb-asset{width:54px;height:54px;display:block}.crisp-stage{place-items:center;min-height:285px;padding:52px 2vw;display:grid}.crisp-stage .logo-asset{width:min(100%,520px)}.crisp-card-footer{border-top:1px solid #45433f;gap:14px;min-height:108px;padding:12px;display:grid}.crisp-card-footer>p{color:#8d8981;margin:0;font-size:10px;line-height:1.45}.crisp-links{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;align-self:end;gap:6px;font-size:7px;display:flex}.crisp-links a{border:1px solid #45433f;min-height:28px;padding:8px 9px;text-decoration:none}.crisp-links a:hover{color:#171716;background:#e9e5dc;border-color:#e9e5dc}.canvas-paper .crisp-card{color:var(--ink);background:var(--bright)}.canvas-paper .crisp-card-header,.canvas-paper .crisp-card-footer{border-color:var(--line)}.canvas-paper .crisp-card-header p,.canvas-paper .crisp-card-footer>p{color:var(--muted)}.canvas-paper .crisp-links a{border-color:var(--line)}.canvas-paper .crisp-links a:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.broadcast-study{padding-top:112px}.broadcast-intro{grid-template-columns:1fr 1fr;align-items:end;gap:50px;padding:0 2vw 58px;display:grid}.broadcast-intro h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,86px);line-height:.9}.broadcast-intro-copy{max-width:590px;margin-left:auto}.broadcast-intro-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.broadcast-intro-copy p+p{margin-top:12px}.broadcast-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.broadcast-card{color:#e9e5dc;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#171716;min-width:0;transition:background .2s,color .2s}.broadcast-card-header{border-bottom:1px solid #45433f;grid-template-columns:32px 1fr 66px;align-items:center;gap:12px;min-height:92px;padding:12px 14px;display:grid}.broadcast-card-header>span{font-family:var(--font-geist-mono), monospace;align-self:start;padding-top:4px;font-size:9px}.broadcast-card-header h3{letter-spacing:-.04em;margin:0;font-size:20px}.broadcast-card-header p{color:#8d8981;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;margin:5px 0 0;font-size:7px}.broadcast-orb-asset{width:58px;height:58px;display:block}.broadcast-stage{place-items:center;min-height:340px;padding:58px 4vw;display:grid}.broadcast-stage .logo-asset{width:min(100%,700px)}.broadcast-card-footer{border-top:1px solid #45433f;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:12px 14px;display:flex}.broadcast-card-footer>p{color:#8d8981;max-width:390px;margin:0;font-size:10px;line-height:1.45}.broadcast-links{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;flex-shrink:0;gap:6px;font-size:7px;display:flex}.broadcast-links a{border:1px solid #45433f;min-height:28px;padding:8px 9px;text-decoration:none}.broadcast-links a:hover{color:#171716;background:#e9e5dc;border-color:#e9e5dc}.canvas-paper .broadcast-card{color:var(--ink);background:var(--bright)}.canvas-paper .broadcast-card-header,.canvas-paper .broadcast-card-footer{border-color:var(--line)}.canvas-paper .broadcast-card-header p,.canvas-paper .broadcast-card-footer>p{color:var(--muted)}.canvas-paper .broadcast-links a{border-color:var(--line)}.canvas-paper .broadcast-links a:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.signal-study{padding-top:112px}.signal-intro{grid-template-columns:1fr 1fr;align-items:end;gap:50px;padding:0 2vw 58px;display:grid}.signal-intro h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,86px);line-height:.9}.signal-intro-copy{max-width:580px;margin-left:auto}.signal-intro-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.signal-intro-copy p+p{margin-top:12px}.signal-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.signal-card{background:var(--bright);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-width:0;transition:background .2s,color .2s}.signal-card-header{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr 68px;align-items:center;gap:12px;min-height:92px;padding:12px 14px;display:grid}.signal-card-header>span{font-family:var(--font-geist-mono), monospace;align-self:start;padding-top:4px;font-size:9px}.signal-card-header p{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:7px}.signal-card-header h3{letter-spacing:-.04em;margin:0;font-size:20px}.signal-orb-asset{width:60px;height:60px;display:block}.signal-stage{place-items:center;min-height:330px;padding:56px 4vw;display:grid}.signal-stage .logo-asset{width:min(100%,700px)}.signal-meta{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:24px;min-height:62px;padding:12px 14px;display:grid}.signal-meta>p{max-width:390px;color:var(--muted);margin:0;font-size:10px;line-height:1.45}.signal-palette{border:1px solid var(--line);display:flex}.signal-palette span{background:var(--signal-tone);border-right:1px solid #17171638;width:22px;height:22px}.signal-palette span:last-child{border-right:0}.signal-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:55px;padding:11px 14px;display:flex}.signal-card-footer>span,.signal-links{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:7px}.signal-card-footer>span{color:var(--muted)}.signal-links{gap:6px;display:flex}.signal-links a{border:1px solid var(--line);min-height:28px;padding:8px 9px;text-decoration:none}.signal-links a:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.favicon-study{border:1px solid var(--ink);grid-template-columns:.72fr 1.28fr;min-height:440px;margin-top:112px;display:grid}.favicon-copy{border-right:1px solid var(--ink);flex-direction:column;justify-content:center;padding:44px 4vw 40px 2vw;display:flex}.favicon-copy h2{letter-spacing:-.06em;margin:0;font-size:clamp(48px,5vw,76px);line-height:.9}.favicon-copy>p:last-of-type{max-width:430px;color:var(--muted);margin:25px 0 0;font-size:12px;line-height:1.6}.favicon-downloads{flex-wrap:wrap;gap:6px;margin-top:30px;display:flex}.favicon-downloads a{border:1px solid var(--line);font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;padding:8px 10px;font-size:8px;text-decoration:none}.favicon-downloads a:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.favicon-demo{background:var(--bright);align-content:center;gap:44px;padding:44px 4vw;display:grid}.browser-shell{color:#dad7cf;background:#242423;border-radius:10px 10px 0 0;grid-template-columns:auto minmax(0,1fr) 40px;align-items:end;height:58px;padding:0 12px;display:grid;box-shadow:0 14px 32px #0000001f}.browser-controls{align-self:center;gap:6px;padding-right:18px;display:flex}.browser-controls i{background:#6a6863;border-radius:50%;width:8px;height:8px}.browser-tab{color:#292826;background:#f1efe8;border-radius:8px 8px 0 0;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;height:42px;padding:0 13px;font-size:10px;display:grid}.browser-tab img{display:block}.browser-tab span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browser-tab b{color:#77736c;font-size:14px;font-weight:400}.browser-new-tab{color:#aaa69d;place-self:center;font-size:18px}.size-tests{grid-template-columns:repeat(3,92px) minmax(150px,1fr);align-items:end;gap:12px;display:grid}.size-test{gap:10px;display:grid}.size-test>div{border:1px solid var(--line);background:#f2f0e9;place-items:center;height:92px;display:grid}.size-test.large>div{background:#171716;height:150px}.size-test.large img{width:118px;height:118px}.size-test>span{font-family:var(--font-geist-mono), monospace;color:var(--muted);letter-spacing:.08em;font-size:7px}.asset-links{align-items:center;gap:6px;display:flex}.asset-links>span{color:var(--muted);margin-right:5px}.asset-links a{border:1px solid var(--line);justify-content:center;align-items:center;min-height:28px;padding:5px 8px;text-decoration:none;display:inline-flex}.asset-links a:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.collection-intro{grid-template-columns:1fr 1fr;align-items:end;gap:50px;padding:118px 2vw 58px;display:grid}.collection-intro h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,86px);line-height:.9}.collection-intro>p{max-width:540px;color:var(--muted);margin:0 0 4px auto;font-size:14px;line-height:1.65}.color-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.color-card{background:var(--bright);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);flex-direction:column;min-width:0;min-height:510px;transition:background .2s,color .2s;display:flex}.card-header{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;gap:10px;min-height:84px;padding:16px;display:grid}.card-header>span{font-family:var(--font-geist-mono), monospace;font-size:9px}.card-header h3{letter-spacing:-.035em;margin:0;font-size:18px}.card-header p{color:var(--muted);margin:5px 0 0;font-size:10px}.color-stage{cursor:zoom-in;background:0 0;border:0;flex:1;place-items:center;min-height:300px;padding:52px 4vw;display:grid}.color-stage .logo-asset{width:min(100%,690px);transition:transform .22s}.color-stage:hover .logo-asset{transform:scale(1.018)}.palette-row{border-top:1px solid var(--line);grid-template-columns:repeat(6,1fr);display:grid}.tone{border-right:1px solid var(--line);min-width:0;padding:8px}.tone:last-child{border-right:0}.tone>span{background:var(--tone);height:25px;margin-bottom:6px;display:block}.tone code{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:7px}.card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:11px 13px;display:flex}.card-footer>span{color:var(--muted)}.card-footer .asset-links>span{display:none}.site-footer{font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;justify-content:space-between;padding:25px 0;font-size:8px;display:flex}.brand-book{width:min(1600px,100%);color:var(--ink);background:var(--paper);margin:0 auto;padding:22px 32px 0}.book-header{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 0;font-size:9px;display:grid}.book-header-links{justify-self:end;gap:16px;display:flex}.book-header-links a{text-decoration:none}.book-header-links a+a{border-left:1px solid var(--line);padding-left:16px}.book-header-links a:hover{text-underline-offset:3px;text-decoration:underline}.book-brand{justify-self:start;align-items:center;gap:9px;font-weight:700;text-decoration:none;display:inline-flex}.book-brand span{background:var(--ink);border-radius:50%;width:7px;height:7px}.book-hero{border-bottom:1px solid var(--ink);grid-template-columns:.78fr 1.22fr;min-height:650px;display:grid}.book-hero-copy{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:80px 5vw 70px 2vw;display:flex}.book-kicker,.book-section-title>span,.book-section-title>div>span,.component-copy>span,.identity-card header,.clearspace-card header,.minimum-card header,.expression-stage>span{font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:8px}.book-kicker{margin:0 0 25px}.book-hero h1{letter-spacing:-.072em;margin:0;font-size:clamp(62px,7.2vw,108px);line-height:.86}.book-hero h1 i,.book-section-title h2 i{font-family:Georgia,serif;font-weight:400}.book-hero-copy>p:not(.book-kicker){max-width:520px;color:var(--muted);margin:38px 0 0;font-size:15px;line-height:1.65}.book-status{border-top:1px solid var(--line);font-family:var(--font-geist-mono), monospace;letter-spacing:.07em;gap:8px;margin-top:38px;padding-top:16px;font-size:8px;display:grid}.book-status span{color:var(--muted);justify-content:space-between;gap:18px;display:flex}.book-status strong{color:var(--ink)}.book-hero-mark{color:#e9e5dc;background:#171716;place-items:center;padding:92px 5vw 62px;display:grid;position:relative}.book-hero-mark>span{color:#8d8981;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:8px;position:absolute;top:18px;left:18px}.book-hero-mark img{width:min(100%,850px)}.book-index{z-index:9;border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f2f0e9f5;grid-template-columns:repeat(7,1fr);display:grid;position:sticky;top:0}.book-index a{border-right:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:58px;padding:10px 12px;font-size:9px;text-decoration:none;display:grid}.book-index a:last-child{border-right:0}.book-index a span{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:7px}.book-index a:hover{color:var(--paper);background:var(--ink)}.book-section{padding-top:116px;scroll-margin-top:58px}.book-section-title{max-width:760px;padding:0 2vw 54px}.book-section-title h2{letter-spacing:-.065em;margin:18px 0 0;font-size:clamp(48px,6vw,86px);line-height:.9}.book-section-title>p,.split-title>p{color:var(--muted);margin:28px 0 0;font-size:14px;line-height:1.65}.split-title{grid-template-columns:1fr 1fr;align-items:end;gap:60px;max-width:none;display:grid}.split-title>p{max-width:560px;margin:0 0 4px auto}.identity-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.identity-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.identity-card header{border-bottom:1px solid;justify-content:space-between;padding:14px;display:flex}.identity-card header strong{font-weight:500}.identity-card>div{place-items:center;min-height:390px;padding:68px 4vw;display:grid}.identity-card>div img{width:min(100%,700px)}.identity-card footer{border-top:1px solid;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px;display:flex}.identity-card footer p{max-width:330px;margin:0;font-size:10px;line-height:1.45}.identity-card.carbon{color:#e9e5dc;background:#171716}.identity-card.carbon header,.identity-card.carbon footer{border-color:#45433f}.identity-card.carbon footer p{color:#8d8981}.identity-card.paper{background:var(--bright)}.identity-card.paper footer p{color:var(--muted)}.book-downloads{flex-wrap:wrap;gap:6px;display:flex}.book-downloads a{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;white-space:nowrap;border:1px solid;padding:8px 9px;font-size:7px;text-decoration:none}.book-downloads a:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.carbon .book-downloads a:hover,.expression-stage .book-downloads a:hover{color:var(--ink);background:#e9e5dc;border-color:#e9e5dc}.component-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.component-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-rows:370px auto;display:grid}.component-visual{border-bottom:1px solid var(--ink);place-items:center;padding:58px 4vw;display:grid}.component-visual.carbon{background:#171716}.component-visual.paper{background:var(--bright)}.orb-card .component-visual img{width:min(100%,270px)}.wordmark-card .component-visual img{width:min(100%,700px)}.component-copy{padding:24px 2vw 26px}.component-copy h3{letter-spacing:-.045em;margin:10px 0 0;font-size:30px}.component-copy p{max-width:520px;color:var(--muted);margin:18px 0 24px;font-size:12px;line-height:1.6}.construction-grid{border-left:1px solid var(--ink);grid-template-columns:1.05fr .95fr;display:grid}.construction-card,.tone-map-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.construction-card>header,.tone-map-card>header,.wordmark-type-card>header,.type-family>header{border-bottom:1px solid var(--ink);font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;justify-content:space-between;gap:20px;padding:14px;font-size:8px;font-weight:400;display:flex}.construction-card>header strong,.tone-map-card>header strong,.wordmark-type-card>header strong,.type-family>header strong{font-weight:500}.construction-visual{place-items:center;min-height:320px;padding:60px 4vw;display:grid}.construction-visual.carbon{background:#171716}.construction-visual img{width:min(100%,690px)}.construction-specs{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.construction-specs>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:142px;padding:17px}.construction-specs>div:nth-child(2n){border-right:0}.construction-specs span,.wordmark-metrics span{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;font-size:7px;display:block}.construction-specs strong,.wordmark-metrics strong{letter-spacing:-.035em;margin-top:14px;font-size:18px;font-weight:600;display:block}.construction-specs p{max-width:280px;color:var(--muted);margin:11px 0 0;font-size:10px;line-height:1.5}.construction-note{color:var(--muted);border-top:1px solid var(--ink);margin:0;padding:16px;font-size:10px;line-height:1.55}.construction-note strong{color:var(--ink)}.tone-map-pair{grid-template-columns:1fr 1fr;min-height:605px;display:grid}.orb-tone{flex-direction:column;align-items:center;padding:28px 20px 20px;display:flex}.orb-tone+.orb-tone{border-left:1px solid var(--ink)}.orb-tone>span{font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;align-self:stretch;font-size:7px}.orb-tone>img{width:min(72%,230px);margin:54px auto 44px}.orb-tone.paper{background:#f2f0e9}.orb-tone.carbon{color:#f2f0e9;background:#171716}.orb-tone-strip{border-top:1px solid;align-self:stretch;margin-top:auto}.orb-tone-strip>div{border-bottom:1px solid;grid-template-columns:22px 1fr;align-items:center;gap:9px;padding:7px 0;display:grid}.orb-tone-strip i{border:1px solid #8d89818c;border-radius:50%;width:18px;height:18px}.orb-tone-strip span{font-family:var(--font-geist-mono), monospace;letter-spacing:.07em;justify-content:space-between;gap:8px;font-size:6px;display:flex}.orb-tone-strip code{color:#8d8981;font-family:inherit}.typography-section{scroll-margin-top:58px}.wordmark-type-card{border:1px solid var(--ink)}.wordmark-specimen{color:#f2f0e9;min-height:340px;font-family:var(--font-inter), Arial, sans-serif;white-space:nowrap;background:#171716;justify-content:center;align-items:baseline;padding:72px 4vw;font-size:clamp(62px,9.4vw,142px);line-height:.9;display:flex;overflow:hidden}.wordmark-specimen span{letter-spacing:-.0317em;font-weight:770}.wordmark-specimen b{letter-spacing:-.0079em;margin-left:.238em;font-weight:420}.wordmark-metrics{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.wordmark-metrics>div{border-right:1px solid var(--line);min-height:145px;padding:17px}.wordmark-metrics>div:last-child{border-right:0}.wordmark-metrics code{color:var(--muted);font-family:var(--font-geist-mono), monospace;margin-top:12px;font-size:7px;line-height:1.5;display:block}.type-rule{border-top:1px solid var(--ink);grid-template-columns:130px 1fr auto;align-items:center;gap:28px;padding:18px 16px;display:grid}.type-rule>strong{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:500}.type-rule p{max-width:760px;color:var(--muted);margin:0;font-size:11px;line-height:1.55}.supporting-type-grid{border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.type-family{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-rows:auto 1fr auto;min-height:370px;display:grid}.type-family>div{padding:40px 24px}.type-family b{letter-spacing:-.055em;font-size:clamp(34px,3.6vw,54px);line-height:.96;display:block}.type-family p{max-width:380px;color:var(--muted);margin:32px 0 0;font-size:11px;line-height:1.55}.type-family footer{color:var(--muted);border-top:1px solid var(--line);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;padding:13px 16px;font-size:7px}.type-family.mono>div,.type-family.mono b{font-family:var(--font-geist-mono), monospace}.type-family.mono b{letter-spacing:-.03em;font-size:clamp(26px,2.8vw,42px)}.type-family.serif b{letter-spacing:-.045em;font-family:Georgia,serif;font-style:italic;font-weight:400}.core-colours{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.colour-chip{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:300px}.colour-chip>div{min-height:220px;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;border-bottom:1px solid #17171659;flex-direction:column;justify-content:space-between;padding:16px;font-size:8px;display:flex}.colour-chip p{margin:0;padding:14px;font-size:10px;line-height:1.45}.colour-chip.mineral{color:#f2f0e9;background:#171716}.colour-chip.paper-chip{background:#f2f0e9}.colour-chip.warm{background:#e9e5dc}.colour-chip.neutral{color:#171716;background:#8d8981}.colour-rule{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:200px 1fr;align-items:start;gap:30px;padding:22px 16px;display:grid}.colour-rule strong{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.colour-rule p{max-width:700px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.spacing-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:1.25fr .75fr;display:grid}.clearspace-card,.minimum-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.clearspace-card header,.minimum-card header{border-bottom:1px solid var(--ink);justify-content:space-between;padding:14px;display:flex}.clearspace-card header strong,.minimum-card header strong{font-weight:500}.clearspace-demo{color:#e9e5dc;background:#171716;border:1px dashed #8d8981;place-items:center;min-height:430px;margin:54px;padding:70px;display:grid;position:relative}.clearspace-demo img{width:min(100%,680px)}.clearspace-label{color:#171716;font-family:var(--font-geist-mono), monospace;background:#f2f0e9;padding:4px 6px;font-size:7px;position:absolute}.clearspace-label.top{top:-10px;left:50%;transform:translate(-50%)}.clearspace-label.side{top:50%;left:-10px;transform:translateY(-50%)}.clearspace-card>p{border-top:1px solid var(--ink);color:var(--muted);margin:0;padding:14px;font-size:11px;line-height:1.55}.minimum-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 110px;align-items:center;gap:24px;min-height:190px;padding:34px;display:grid}.minimum-row img{width:240px;max-width:100%}.minimum-row.orb img{width:48px}.minimum-row span{color:var(--muted);font-size:10px}.minimum-row strong{color:var(--ink);font-family:var(--font-geist-mono), monospace;margin-bottom:5px;font-size:9px;display:block}.minimum-note{grid-template-columns:32px 1fr;align-items:center;gap:14px;padding:18px 34px;display:grid}.minimum-note p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.usage-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.usage-list{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.usage-list header{border-bottom:1px solid var(--ink);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:14px;font-size:8px;display:flex}.usage-list header strong{font-size:22px;font-weight:400}.usage-list ul{color:var(--muted);gap:14px;margin:0;padding:30px 34px 34px 50px;font-size:12px;line-height:1.5;display:grid}.usage-list.do header{color:#e9e5dc;background:#171716}.usage-list.dont header{color:#171716;background:#ff4b16}.misuse-grid{border-left:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.misuse-grid article{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.misuse-demo{background:#171716;place-items:center;min-height:190px;padding:38px 24px;display:grid;overflow:hidden}.misuse-demo img{width:100%}.misuse-demo.stretched img{transform:scaleX(1.25)}.misuse-demo.low-contrast{background:#32322f}.misuse-demo.low-contrast img{opacity:.25}.misuse-demo.rotated img{transform:rotate(-9deg)}.misuse-demo.effects img{filter:drop-shadow(0 0 8px #00f5ff)drop-shadow(0 0 13px #ff00d6)}.misuse-grid article>p{color:var(--muted);margin:0;padding:12px;font-size:9px;line-height:1.4}.misuse-grid article>p strong{color:var(--ink);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:7px}.expression-stage{color:#e9e5dc;border:1px solid var(--ink);background:#171716;place-items:center;min-height:520px;padding:95px 7vw 100px;display:grid;position:relative}.expression-stage>span{color:#8d8981;position:absolute;top:16px;left:16px}.expression-stage>img{width:min(100%,1000px)}.expression-footer{justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.expression-footer p{color:#8d8981;max-width:650px;margin:0;font-size:10px;line-height:1.5}.expression-footer p strong{color:#e9e5dc}.book-footer{font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;justify-content:space-between;padding:26px 0;font-size:8px;display:flex}.book-footer a{text-decoration:none}.book-footer a:hover{text-underline-offset:3px;text-decoration:underline}.motion-header{z-index:2;position:relative}.motion-hero{border-bottom:1px solid var(--ink);grid-template-columns:1.05fr .95fr;align-items:end;min-height:560px;padding:100px 2vw 72px;display:grid}.motion-hero>.book-kicker{grid-column:1/-1;align-self:start}.motion-hero h1{letter-spacing:-.078em;margin:0;font-size:clamp(72px,10vw,150px);line-height:.82}.motion-hero h1 i,.motion-guidance h2 i{font-family:Georgia,serif;font-weight:400}.motion-hero-copy{justify-self:end;max-width:570px;padding-bottom:6px}.motion-hero-copy>p{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.motion-hero-copy>div{flex-wrap:wrap;gap:7px;margin-top:30px;display:flex}.motion-hero-copy span{border:1px solid var(--line);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;padding:7px 9px;font-size:7px}.motion-note{border-bottom:1px solid var(--ink);grid-template-columns:220px 1fr;gap:36px;padding:22px 16px;display:grid}.motion-note strong{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.motion-note p{max-width:760px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.motion-note b{color:var(--ink)}.motion-toolbar{z-index:8;border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f2f0e9f5;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:11px 12px;display:grid;position:sticky;top:0}.motion-filter{flex-wrap:wrap;gap:5px;display:flex}.motion-filter button,.motion-surface-toggle button,.motion-rhythm-toggle button{min-height:30px;color:var(--muted);border:1px solid var(--line);font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;cursor:pointer;background:0 0;align-items:center;gap:7px;padding:6px 9px;font-size:7px;display:inline-flex}.motion-filter button span{min-width:16px;height:16px;color:var(--muted);background:#8d898126;border-radius:9px;place-items:center;padding:0 4px;display:grid}.motion-filter button:hover,.motion-filter button.active,.motion-surface-toggle button:hover,.motion-surface-toggle button.active,.motion-rhythm-toggle button:hover,.motion-rhythm-toggle button.active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.motion-filter button.active span{color:var(--ink);background:var(--paper)}.motion-surface-toggle,.motion-rhythm-toggle{align-items:center;gap:5px;display:flex}.motion-surface-toggle>span,.motion-rhythm-toggle>span{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;margin-right:6px;font-size:7px}.motion-results{color:var(--muted);border-bottom:1px solid var(--ink);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;justify-content:space-between;padding:13px 14px;font-size:7px;display:flex}.motion-grid{border-left:1px solid var(--ink);grid-template-columns:1fr;display:grid}.motion-grid.expanded{grid-template-columns:1fr 1fr}.motion-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-width:0}.motion-card-header{border-bottom:1px solid var(--ink);grid-template-columns:34px 1fr auto;align-items:start;gap:12px;min-height:84px;padding:15px;display:grid}.motion-card-header>span{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:8px}.motion-card-header>span:last-child{color:var(--muted);padding-left:13px;position:relative}.motion-card-header>span:last-child:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;left:0}.motion-card-header>span.playing{color:#167548}.motion-card-header h2{letter-spacing:-.04em;margin:0;font-size:21px}.motion-card-header p{color:var(--muted);margin:5px 0 0;font-size:10px}.motion-pair{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;min-height:610px;display:grid}.motion-surface{place-items:center;min-width:0;padding:48px;display:grid;position:relative;overflow:hidden}.motion-surface+.motion-surface{border-left:1px solid var(--ink)}.motion-surface.paper{background:#f2f0e9}.motion-surface.carbon{background:#171716}.motion-surface>span{color:#8d8981;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:7px;position:absolute;top:13px;left:13px}.motion-open{z-index:2;color:#8d8981;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;padding:3px 0;font-size:7px;text-decoration:none;position:absolute;top:11px;right:12px}.motion-open:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.motion-surface.carbon .motion-open:hover{color:#f2f0e9}.motion-surface object{aspect-ratio:1;pointer-events:none;width:min(76%,440px);display:block}.motion-surface img{aspect-ratio:1;width:min(76%,440px);display:block}.motion-surface.single{border-bottom:1px solid var(--ink);min-height:500px}.motion-card-copy{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:34px;min-height:120px;padding:20px 16px;display:grid}.motion-card-copy>p{max-width:520px;color:var(--muted);margin:0;font-size:11px;line-height:1.55}.motion-card-copy.detailed{grid-template-columns:1fr 1fr;gap:26px 34px;min-height:205px}.motion-card-copy.detailed>div>span{color:var(--ink);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:7px}.motion-card-copy.detailed>div>p{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.55}.motion-card-copy.detailed dl{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-start;padding-top:14px}.motion-card-copy dl{gap:28px;margin:0;display:flex}.motion-card-copy dl div{min-width:82px}.motion-card-copy dt{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:7px}.motion-card-copy dd{font-family:var(--font-geist-mono), monospace;margin:7px 0 0;font-size:8px}.motion-card-footer{justify-content:space-between;align-items:center;gap:18px;min-height:60px;padding:11px 13px;display:flex}.motion-controls{gap:6px;display:flex}.motion-controls button{color:var(--ink);border:1px solid var(--line);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;cursor:pointer;background:0 0;padding:8px 9px;font-size:7px}.motion-controls button:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.motion-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.motion-guidance{padding:116px 2vw 0}.motion-guidance>span{font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:8px}.motion-guidance h2{letter-spacing:-.065em;margin:20px 0 58px;font-size:clamp(48px,6vw,86px);line-height:.9}.motion-rules{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.motion-rules article{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:270px;padding:18px}.motion-rules article>strong{font-family:var(--font-geist-mono), monospace;font-size:8px;font-weight:400}.motion-rules h3{letter-spacing:-.04em;margin:62px 0 14px;font-size:25px}.motion-rules p{max-width:360px;color:var(--muted);margin:0;font-size:11px;line-height:1.55}.canvas-carbon .master-stage,.canvas-carbon .color-card,.canvas-carbon .signal-card{color:#e9e5dc;background:#171716}.canvas-carbon .card-header p,.canvas-carbon .stage-label,.canvas-carbon .card-footer>span,.canvas-carbon .asset-links>span,.canvas-carbon .tone code,.canvas-carbon .signal-card-header p,.canvas-carbon .signal-meta>p,.canvas-carbon .signal-card-footer>span{color:#8d8981}.canvas-carbon .signal-links a{border-color:#45433f}.canvas-carbon .signal-links a:hover{color:#171716;background:#e9e5dc;border-color:#e9e5dc}.canvas-carbon .color-card .asset-links a{border-color:#45433f}.canvas-carbon .color-card .asset-links a:hover{color:#171716;background:#e9e5dc;border-color:#e9e5dc}.canvas-carbon .color-stage:focus-visible{outline-color:#e9e5dc}.lightbox{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171716d6;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.lightbox-panel{width:min(1450px,100%);max-height:calc(100vh - 44px);color:var(--ink);background:var(--bright);border:1px solid var(--ink);overflow:auto;box-shadow:0 28px 90px #0000004d}.lightbox-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.lightbox-header>div>span{color:var(--muted)}.lightbox-header h2{letter-spacing:-.035em;margin:4px 0 0;font-size:19px}.lightbox-header button{font-family:var(--font-geist-mono), monospace;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:6px;font-size:8px;display:flex}.lightbox-header b{font-family:Arial,sans-serif;font-size:28px;font-weight:400;line-height:.7}.lightbox-stage{place-items:center;min-height:570px;padding:78px 7vw;display:grid}.lightbox-stage .logo-asset{width:min(100%,1150px)}.lightbox-footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:30px;padding:15px 18px;display:flex}.lightbox-footer p{color:var(--muted);margin:0;font-size:11px}.canvas-carbon .lightbox-panel{color:#e9e5dc;background:#171716;border-color:#e9e5dc}.canvas-carbon .lightbox-header,.canvas-carbon .lightbox-footer{border-color:#45433f}.canvas-carbon .lightbox-header>div>span,.canvas-carbon .lightbox-footer p,.canvas-carbon .lightbox-footer .asset-links>span{color:#8d8981}.canvas-carbon .lightbox-footer .asset-links a{border-color:#45433f}@media (max-width:1050px){.hero{grid-template-columns:.85fr 1.15fr;min-height:550px}.color-card{min-height:450px}.color-stage{min-height:255px}.tone{padding:6px}.tone code{font-size:6px}.book-index{grid-template-columns:repeat(3,1fr)}.book-index a:nth-child(-n+3){border-bottom:1px solid var(--line)}.core-colours{grid-template-columns:1fr 1fr}.spacing-grid{grid-template-columns:1fr}.misuse-grid{grid-template-columns:1fr 1fr}.motion-pair{min-height:470px}.motion-surface{padding:36px}.motion-card-copy,.motion-toolbar{grid-template-columns:1fr}.motion-surface-toggle,.motion-rhythm-toggle{justify-self:start}.motion-grid.expanded{grid-template-columns:1fr}}@media (max-width:760px){.color-system{padding:12px 14px 0}.site-header{grid-template-columns:1fr auto}.site-header>span:nth-child(2),.header-actions .header-count{display:none}.toolbar{gap:16px;padding-inline:0}.toolbar-copy p{display:none}.hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--line);padding:74px 8px 56px}.hero h1{font-size:clamp(65px,19vw,96px)}.master-stage{min-height:400px;padding:78px 22px 76px}.master-stage .asset-links{bottom:12px;right:10px}.collection-intro{grid-template-columns:1fr;gap:30px;padding:84px 4px 38px}.collection-intro>p{margin-left:0}.signal-study{padding-top:76px}.signal-intro{grid-template-columns:1fr;gap:28px;padding:0 4px 38px}.signal-intro-copy{margin-left:0}.signal-grid{grid-template-columns:1fr}.signal-stage{min-height:270px;padding:44px 24px}.signal-meta{grid-template-columns:1fr;gap:12px}.signal-palette{justify-self:start}.signal-card-footer{flex-direction:column;align-items:flex-start}.signal-links{flex-wrap:wrap}.broadcast-study{padding-top:76px}.broadcast-intro{grid-template-columns:1fr;gap:28px;padding:0 4px 38px}.broadcast-intro-copy{margin-left:0}.broadcast-grid{grid-template-columns:1fr}.broadcast-stage{min-height:275px;padding:46px 24px}.broadcast-card-footer{flex-direction:column;align-items:flex-start}.crisp-study{padding-top:76px}.crisp-intro{grid-template-columns:1fr;gap:28px;padding:0 4px 38px}.crisp-intro-copy{margin-left:0}.crisp-grid{grid-template-columns:1fr}.crisp-stage{min-height:275px;padding:46px 24px}.color-grid{grid-template-columns:1fr}.color-card{min-height:440px}.color-stage{padding-inline:24px}.tone code{display:none}.tone>span{height:30px;margin:0}.card-footer{flex-direction:column;align-items:flex-start}.site-footer{gap:20px}.lightbox{padding:8px}.lightbox-panel{max-height:calc(100vh - 16px)}.lightbox-stage{min-height:340px;padding:66px 24px}.lightbox-footer{flex-direction:column;align-items:flex-start}.favicon-study{grid-template-columns:1fr;margin-top:76px}.favicon-copy{border-right:0;border-bottom:1px solid var(--ink)}.favicon-demo{padding:32px 18px}.size-tests{grid-template-columns:repeat(3,1fr)}.size-test.large{grid-column:1/-1}.brand-book{padding:12px 14px 0}.book-header{grid-template-columns:1fr auto}.book-header>span,.book-header-links a:first-child{display:none}.book-header-links a+a{border-left:0;padding-left:0}.book-hero{grid-template-columns:1fr}.book-hero-copy{border-right:0;border-bottom:1px solid var(--line);padding:72px 8px 54px}.book-hero h1{font-size:clamp(62px,18vw,90px)}.book-hero-mark{min-height:390px;padding:74px 22px 54px}.book-index{grid-template-columns:1fr 1fr;position:static}.book-index a{border-bottom:1px solid var(--line);min-height:50px}.book-section{padding-top:82px;scroll-margin-top:0}.book-section-title{padding:0 4px 36px}.split-title{grid-template-columns:1fr;gap:26px}.split-title>p{margin-left:0}.identity-grid,.component-grid,.construction-grid,.core-colours,.usage-grid,.misuse-grid,.supporting-type-grid{grid-template-columns:1fr}.identity-card>div{min-height:300px;padding:54px 24px}.identity-card footer{flex-direction:column;align-items:flex-start}.component-card{grid-template-rows:300px auto}.component-visual{padding:46px 24px}.component-copy{padding:22px 16px 24px}.construction-visual{min-height:260px;padding:48px 24px}.construction-specs{grid-template-columns:1fr}.construction-specs>div{border-right:0}.tone-map-pair{grid-template-columns:1fr}.orb-tone+.orb-tone{border-top:1px solid var(--ink);border-left:0}.wordmark-specimen{min-height:250px;padding:58px 18px;font-size:clamp(44px,13vw,76px)}.wordmark-metrics{grid-template-columns:1fr 1fr}.wordmark-metrics>div{border-bottom:1px solid var(--line)}.wordmark-metrics>div:nth-child(2n){border-right:0}.type-rule{grid-template-columns:1fr;gap:12px}.type-family{min-height:310px}.colour-chip{min-height:250px}.colour-chip>div{min-height:175px}.colour-rule{grid-template-columns:1fr;gap:12px}.clearspace-demo{min-height:300px;margin:32px;padding:45px}.minimum-row{grid-template-columns:1fr 90px;padding:28px 20px}.minimum-note{padding:18px 20px}.usage-list ul{padding:26px 26px 30px 42px}.expression-stage{min-height:410px;padding:82px 24px 120px}.expression-footer{flex-direction:column;align-items:flex-start}.book-footer{gap:18px}.motion-hero{grid-template-columns:1fr;min-height:620px;padding:78px 4px 48px}.motion-hero>.book-kicker{grid-column:auto}.motion-hero h1{font-size:clamp(70px,21vw,104px)}.motion-hero-copy{justify-self:start;margin-top:58px}.motion-note{grid-template-columns:1fr;gap:12px}.motion-toolbar{padding:11px 0;position:static}.motion-filter{gap:4px}.motion-filter button{flex:auto;justify-content:center}.motion-surface-toggle,.motion-rhythm-toggle{width:100%}.motion-surface-toggle button,.motion-rhythm-toggle button{flex:1;justify-content:center}.motion-grid{grid-template-columns:1fr}.motion-pair{min-height:auto}.motion-surface{min-height:300px;padding:44px 26px}.motion-surface object,.motion-surface img{width:min(82%,390px)}.motion-surface.single{min-height:430px}.motion-card-copy.detailed{grid-template-columns:1fr}.motion-card-copy.detailed dl{grid-column:auto}.motion-card-copy{min-height:0}.motion-card-copy dl{flex-wrap:wrap}.motion-card-footer{flex-direction:column;align-items:flex-start}.motion-guidance{padding-top:82px}.motion-rules{grid-template-columns:1fr}.motion-rules article{min-height:230px}}@media (max-width:520px){.motion-pair{grid-template-columns:1fr}.motion-surface+.motion-surface{border-top:1px solid var(--ink);border-left:0}.motion-surface{min-height:320px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.color-stage .logo-asset,.master-stage,.color-card{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ease{syntax:"*";inherits:false}