:root{color-scheme:dark;--ink:#050708;--panel:#0B1012;--teal:#96FCEA;--ivory:#F4F7F7;--muted:#A5B6B5;--teal-dark:#12685B;--line:#293738;--display:"Avenir Next",Avenir,"Segoe UI",sans-serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--quick:160ms;--standard:240ms;--ease:cubic-bezier(.2,0,0,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--ivory);font:16px/1.7 var(--body);-webkit-font-smoothing:antialiased}::selection{background:var(--teal);color:var(--ink)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--teal)}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:active{transform:translateY(1px)}a,button{transition:color var(--quick) var(--ease),border-color var(--quick) var(--ease),background var(--quick) var(--ease)}:focus-visible{outline:2px solid var(--teal);outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed}button[hidden],[hidden]{display:none!important}img{max-width:100%;height:auto;display:block}figure,blockquote{margin:0}p{max-width:68ch;margin:0 0 24px}h1,h2,h3,h4{font-family:var(--display);font-weight:500;margin:0;line-height:1.15}h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.04em}h3{font-size:24px;letter-spacing:-.025em;margin-bottom:16px}h4{font-size:22px;margin-bottom:8px}ul,ol{padding-left:20px}li{padding-left:4px;margin-bottom:8px}code,.eyebrow,.number,.edition{font-family:var(--mono)}code{font-size:14px;overflow-wrap:anywhere}.eyebrow,.number,.edition{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.accent{color:var(--teal)}.skip{position:fixed;top:12px;left:12px;z-index:30;background:var(--teal);color:var(--ink);padding:12px 24px;transform:translateY(-160%)}.skip:focus{transform:none}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:40px 24px 24px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--ink);z-index:10;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;font:600 14px/1.3 var(--display);letter-spacing:.12em;text-decoration:none;margin-bottom:64px}.brand img{width:40px;height:40px;object-fit:contain}.sidebar-heading{color:var(--muted);margin-bottom:20px}.sidebar nav ol{list-style:none;padding:0;margin:0}.sidebar nav li{padding:0;margin:0}.sidebar nav a{display:flex;gap:16px;padding:8px 0 8px 12px;border-left:1px solid transparent;text-decoration:none;font-size:13px;color:var(--muted)}.sidebar nav a span{font:10px/2 var(--mono);opacity:.7}.sidebar nav a:hover{color:var(--ivory)}.sidebar nav a[aria-current="location"]{color:var(--teal);border-color:var(--teal)}.sidebar-bottom{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;gap:16px}.edition{color:var(--muted);font-size:10px}.sidebar-bottom a,.sidebar-bottom button{font-size:12px;text-align:left}.sidebar-bottom button{background:transparent;border:1px solid var(--line);padding:8px}.private-label{font:12px var(--mono);color:var(--teal)}main{margin-left:248px;padding:0 clamp(24px,5vw,72px);max-width:1264px}.topline{display:flex;justify-content:space-between;gap:16px;padding:28px 0;border-bottom:1px solid var(--line);font:10px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding:72px 0 48px}.hero-copy .eyebrow{margin-bottom:28px}.hero h1{font-size:clamp(48px,6.3vw,88px);line-height:1.02;letter-spacing:-.055em;margin-bottom:32px}.hero h1 em{font-style:normal;color:var(--teal)}.hero-deck{font-size:17px;color:var(--muted);max-width:29ch}.text-link{font-size:13px;display:inline-flex;gap:32px;align-items:center}.hero-mark{align-self:center;min-width:0;background:#000}.hero-mark img{width:100%;aspect-ratio:856/894;object-fit:contain}.hero-mark figcaption{display:flex;justify-content:space-between;gap:12px;font:9px/1.5 var(--mono);padding:16px 0;background:var(--ink);color:var(--muted)}.hero-foot{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:24px 0 40px;font-size:12px}.hero-foot p{margin:0}.hero-foot p:last-child{text-align:right}.hero-foot span{color:var(--muted)}.chapter{padding:96px 0;border-top:1px solid var(--line);scroll-margin-top:24px}.section-head{margin-bottom:32px}.number{display:block;color:var(--teal);margin-bottom:24px}.lead{font:400 clamp(20px,2vw,26px)/1.55 var(--display);max-width:58ch;color:var(--ivory)}.chapter>p:not(.lead),.definition-pair p,.method p,.rules-pair li,.spec-list dd,.logo-specs p,.motion-row p{color:var(--muted)}blockquote{border-left:2px solid var(--teal);padding:8px 0 8px 32px;margin:48px 0;font:500 clamp(24px,2.7vw,36px)/1.4 var(--display);letter-spacing:-.02em}blockquote cite{display:block;margin-top:20px;font:11px/1.6 var(--mono);font-style:normal;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.definition-pair{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:48px 0}.definition-pair h3{color:var(--teal)}.invariant{background:var(--panel);padding:40px;border:1px solid var(--line);margin:48px 0}.invariant .eyebrow{color:var(--muted)}.invariant p{font:500 clamp(24px,3vw,36px)/1.3 var(--display);letter-spacing:-.025em;margin:24px 0 0}.subhead{margin:48px 0 24px}.method{list-style:none;padding:0}.method li{display:flex;gap:32px;padding:24px 0;border-top:1px solid var(--line);margin:0}.method li>span{font:12px var(--mono);color:var(--teal);padding-top:6px}.method p{margin:0}.pillar-list{margin:0}.pillar-list>div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}dt{font-weight:500}dd{margin:0;color:var(--muted)}.study{margin:40px 0}.study img{width:100%;background:#000}.study figcaption,figure>figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font:11px/1.6 var(--mono);padding:16px 0}.study figcaption span{color:var(--muted)}.logo-specs{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center;margin:48px 0}.clearspace{padding:32px;background:var(--panel);text-align:center}.clearspace-box{border:1px dashed var(--teal);padding:32px}.clearspace-box img{width:100%;aspect-ratio:1;object-fit:contain}.clearspace figcaption{display:block;font-size:10px}.tag{font:10px var(--mono);border:1px solid var(--line);padding:8px 12px;color:var(--muted);display:inline-block}.rules-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:32px;margin:40px 0 0}.rules-pair h3{font-size:20px}.rules-pair ul{margin-bottom:0}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0}.swatch{border:1px solid var(--line);min-width:0}.swatch-main{grid-column:span 2}.swatch-color{background:var(--swatch);color:var(--ink);min-height:160px;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.swatch-main .swatch-color{min-height:200px}.swatch-color span{font-size:14px}.swatch-color strong{font:500 24px var(--display)}.light-text{color:var(--ivory)}.swatch-meta{display:flex;justify-content:space-between;align-items:center;padding:12px;gap:8px}.swatch-meta code{font-size:11px;color:var(--muted)}.swatch-meta button{border:0;background:none;padding:4px;font:11px var(--mono)}.swatch-meta button:hover{color:var(--teal)}.contrast-pair{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.contrast-pair>div{padding:32px}.contrast-pair>div:first-child{color:var(--teal)}.contrast-pair>div:last-child{background:var(--ivory);color:var(--teal-dark)}.contrast-pair p{font:500 24px/1.3 var(--display);margin:24px 0}.contrast-pair small{font-size:12px}.note{font-size:13px;color:var(--muted);margin-top:24px}.type-specimen{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin:40px 0}.type-specimen>.eyebrow{color:var(--muted);line-height:1.8;display:block}.display-sample{font:500 clamp(48px,6vw,80px)/1.1 var(--display);letter-spacing:-.045em;margin:32px 0;color:var(--teal)}.alphabet{font:400 28px/1.5 var(--display);letter-spacing:.08em}.type-rows>div{display:grid;grid-template-columns:110px 190px 1fr;gap:24px;border-bottom:1px solid var(--line);padding:20px 0;font-size:13px}.type-rows strong{font-family:var(--mono);font-size:12px;font-weight:400}.type-rows p{margin:0;color:var(--muted)}.layout-demo{display:grid;grid-template-columns:48px 1fr 48px;background:var(--panel);border:1px solid var(--line);margin:40px 0}.demo-margin{writing-mode:vertical-rl;text-align:center;align-self:stretch;display:flex;align-items:center;justify-content:center;font:10px var(--mono);color:var(--muted);letter-spacing:.2em}.demo-margin:first-child{border-right:1px dashed var(--line)}.demo-margin:last-child{border-left:1px dashed var(--line)}.demo-content{padding:40px}.demo-content h3{font-size:40px;margin-top:24px}.demo-content p{color:var(--muted)}.demo-action{color:var(--teal);font-size:13px;border-bottom:1px solid var(--teal);padding-bottom:4px;display:inline-block}.spec-list{margin:32px 0 0}.spec-list>div{display:grid;grid-template-columns:180px 1fr;gap:32px;padding:24px 0;border-bottom:1px solid var(--line)}.motion-row{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:40px 0 0;margin-top:40px;border-top:1px solid var(--line)}.motion-value{font:500 clamp(36px,4vw,56px)/1 var(--display);letter-spacing:-.04em;color:var(--teal)}.motion-value span{display:block;font:12px var(--mono);margin-top:16px;letter-spacing:0}.motion-row code{color:var(--muted);font-size:12px}.voice-axes{list-style:none;counter-reset:axes;padding:0;margin:40px 0}.voice-axes li{counter-increment:axes;position:relative;padding:20px 0 20px 48px;border-top:1px solid var(--line);margin:0}.voice-axes li:before{content:"0" counter(axes);position:absolute;left:0;top:24px;font:11px var(--mono);color:var(--teal)}.voice-axes strong{display:block;font-weight:500;font-size:18px;margin-bottom:4px}.voice-axes span{color:var(--muted);font-size:14px}.copy-pairs article{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px 0;border-bottom:1px solid var(--line)}.copy-pairs article>div:first-child{color:var(--muted)}.copy-pairs p{font-size:16px;margin:16px 0 0}.vocabulary{background:var(--panel);padding:32px;margin-top:40px}.vocabulary>p:not(.note){font:500 20px/1.8 var(--display);color:var(--teal)}.vocabulary p:last-child{margin-bottom:0}.website-sample{margin:40px 0}.sample-browser{padding:12px 24px;border:1px solid var(--line);display:flex;gap:32px;color:var(--muted);font:10px var(--mono)}.website-body{padding:56px;background:var(--panel);border:1px solid var(--line);border-top:0}.website-body h3{font-size:clamp(28px,3.4vw,44px);margin:48px 0 24px}.website-body p{max-width:43ch;color:var(--muted)}.application-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.proposal-sheet{background:var(--ivory);color:var(--ink);padding:32px;min-height:420px;display:flex;flex-direction:column;justify-content:space-between}.proposal-sheet h3{font-size:48px;letter-spacing:-.05em;margin:16px 0 24px}.proposal-sheet p{color:var(--teal-dark);font-size:12px}.proposal-bottom{border-top:1px solid var(--muted);padding-top:16px;font-size:10px}.icon-stage{min-height:420px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px}.app-icon{border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--ink)}.app-icon img{width:120px;height:120px;object-fit:contain}.icon-stage>span{font:10px var(--mono);letter-spacing:.08em}.application-pair figcaption{flex-direction:column;gap:0}.download-list{margin-top:40px}.download-list a{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-top:1px solid var(--line);text-decoration:none}.download-list a:last-child{border-bottom:1px solid var(--line)}.download-list strong{display:block;font:500 20px var(--display);margin-bottom:8px}.download-list small{font-size:12px;color:var(--muted)}.download-list a>span:last-child{color:var(--teal);font-size:24px}.download-list a:hover strong{text-decoration:underline;text-underline-offset:6px}footer{border-top:1px solid var(--line);padding:48px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px}.footer-brand{font:600 14px var(--display);letter-spacing:.08em;text-decoration:none}.footer-brand span{margin-left:24px;color:var(--teal)}footer p{font-size:13px;color:var(--muted);margin:0}.status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:40;max-width:calc(100vw - 32px);background:var(--ivory);color:var(--ink);font-size:13px;line-height:1.5;border-radius:2px}.status:not(:empty){padding:12px 24px;border:1px solid var(--teal-dark)}.private-section{border-left:2px solid var(--teal);padding-left:32px}.private-section p,.private-section li{white-space:pre-wrap;overflow-wrap:anywhere}.private-section .private-label{display:block;margin-bottom:24px}#private-nav:empty{display:none}#private-nav{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.menu-toggle{background:none;border:1px solid var(--line);padding:8px 12px;font-size:12px}
@media(min-width:1600px){main{margin-right:auto}.hero-grid{gap:48px}}@media(max-width:1100px){.sidebar{width:220px;padding-left:24px}main{margin-left:220px;padding:0 32px}.hero-grid{gap:16px}.hero h1{font-size:64px}.logo-specs{grid-template-columns:220px 1fr;gap:24px}.clearspace{padding:24px}.clearspace-box{padding:24px}.type-rows>div{grid-template-columns:90px 150px 1fr;gap:16px}.swatch-meta{flex-wrap:wrap}.website-body{padding:40px}}
@media(max-width:800px){html{scroll-padding-top:132px}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:16px 24px;border-right:0;border-bottom:1px solid var(--line);overflow:visible;display:block}.brand{margin:0;font-size:11px;gap:8px;display:inline-flex}.brand img{width:32px;height:32px}.sidebar-heading{float:right;display:flex;align-items:center;gap:16px;margin:0;min-height:36px}.sidebar-heading>.eyebrow{display:none}.js .menu-toggle{display:inline-flex;gap:16px}.sidebar nav{clear:both;padding-top:16px;max-height:55vh;overflow:auto}.js .sidebar nav:not(.is-open){display:none}.sidebar nav ol{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sidebar-bottom{margin:8px 0 0;padding:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;clear:both}.sidebar-bottom .edition{font-size:9px}.sidebar-bottom a,.sidebar-bottom button{font-size:10px}.sidebar-bottom button{padding:3px 8px}.private-label{font-size:10px}main{margin:0;padding:0 32px}.topline{padding:24px 0}.hero-grid{padding-top:48px}.hero h1{font-size:clamp(48px,8vw,72px)}.hero-foot{padding-bottom:32px}.chapter{padding:64px 0;scroll-margin-top:0}.logo-specs{grid-template-columns:220px 1fr}.palette{gap:12px}.swatch-color{padding:20px}.swatch-meta code{font-size:10px}.motion-row{gap:24px}.proposal-sheet{min-height:380px}.icon-stage{min-height:380px}.application-pair{gap:16px}footer{padding:32px 0}.status{bottom:16px}}
@media(max-width:540px){body{font-size:15px}main{padding:0 24px}.sidebar{padding:12px 24px}.sidebar nav ol{gap:0 8px}.sidebar nav a{font-size:12px;gap:10px;padding-left:8px}.sidebar-bottom .edition{font-size:8px;letter-spacing:.03em}.topline{font-size:8px}.topline span:last-child{max-width:16ch;text-align:right}.hero-grid{grid-template-columns:1fr;padding:40px 0 16px;gap:32px}.hero h1{font-size:64px}.hero-copy .eyebrow{margin-bottom:24px}.hero-deck{max-width:30ch;font-size:16px}.hero-mark{width:100%;max-width:420px}.hero-mark img{max-height:380px}.hero-mark figcaption{font-size:8px}.hero-foot{font-size:10px;gap:12px}.hero-foot br{display:none}.hero-foot p{max-width:19ch}.section-head{margin-bottom:24px}.number{font-size:10px}h2{font-size:36px}h3{font-size:22px}.lead{font-size:21px}blockquote{padding-left:24px;font-size:25px;margin:32px 0}.definition-pair,.rules-pair,.logo-specs,.contrast-pair,.motion-row,.copy-pairs article,.application-pair{grid-template-columns:1fr;gap:24px}.definition-pair{margin:32px 0}.definition-pair p:last-child{margin-bottom:0}.invariant{padding:24px;margin:32px 0}.invariant p{font-size:27px}.method li{gap:24px}.pillar-list>div{grid-template-columns:100px 1fr;gap:16px;font-size:14px}.logo-specs{margin:32px 0}.clearspace{max-width:280px;width:100%;margin:auto}.study figcaption{flex-direction:column;gap:4px;font-size:10px}.rules-pair{margin-top:32px}.palette{grid-template-columns:1fr 1fr;gap:12px}.swatch-main{grid-column:span 2}.swatch-color,.swatch-main .swatch-color{min-height:140px;padding:16px}.swatch-main .swatch-color{min-height:180px}.swatch-color strong{font-size:22px}.swatch-meta{padding:10px;gap:4px}.swatch-meta code{font-size:10px}.contrast-pair>div{padding:24px}.contrast-pair{gap:0}.type-specimen>.eyebrow{font-size:9px}.display-sample{font-size:56px}.alphabet{font-size:22px}.type-rows>div{grid-template-columns:1fr 1fr;gap:8px}.type-rows p{grid-column:span 2}.layout-demo{grid-template-columns:24px 1fr 24px}.demo-content{padding:24px}.demo-content h3{font-size:32px}.demo-content .eyebrow{font-size:9px}.demo-margin{font-size:8px}.spec-list>div{grid-template-columns:1fr;gap:8px;padding:20px 0}.motion-value{font-size:48px}.motion-value span{display:inline;margin-left:12px}.copy-pairs article{gap:20px}.copy-pairs article>div:first-child{padding-left:16px;border-left:1px solid var(--line)}.copy-pairs article>div:last-child{padding-left:16px;border-left:1px solid var(--teal)}.vocabulary{padding:24px}.vocabulary>p:not(.note){font-size:18px}.website-body{padding:32px 24px}.website-body h3{font-size:32px;margin-top:32px}.website-body .eyebrow{font-size:10px}.website-sample figcaption{flex-direction:column;gap:0}.proposal-sheet,.icon-stage{min-height:380px}.download-list small{font-size:11px}.download-list strong{font-size:18px}footer{flex-direction:column;gap:24px}.private-section{padding-left:20px}.sidebar-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{:root{color-scheme:light}*{box-shadow:none!important;text-shadow:none!important}body{background:white;color:#050708;font-size:10pt}.sidebar,.skip,.status,button,.text-link,#private-sections,#private-nav,.private-section,.private-label{display:none!important}main{margin:0;padding:0;max-width:none}.hero-grid{padding:24px 0;grid-template-columns:1fr 1fr}.hero h1{font-size:48pt}.hero h1 em,.number,.accent,.definition-pair h3,.display-sample,.demo-action,.motion-value,.vocabulary>p:not(.note){color:#12685B}.hero-mark img{max-height:280px}.topline,.hero-foot,.chapter,footer{border-color:#A5B6B5}.chapter{padding:32px 0;break-before:auto}.section-head{break-after:avoid}h2{font-size:28pt}h3{break-after:avoid}p,li{orphans:3;widows:3}.chapter>p:not(.lead),.definition-pair p,.method p,.rules-pair li,.spec-list dd,.logo-specs p,.motion-row p,.note,dd,.edition,.hero-deck{color:#293738}.invariant,.vocabulary,.layout-demo,.website-body,.icon-stage{background:#F4F7F7;color:#050708}.study{max-width:480px}.swatch,.application-pair figure,.download-list a{break-inside:avoid}.swatch-color,.proposal-sheet,.app-icon,.contrast-pair{-webkit-print-color-adjust:exact;print-color-adjust:exact}.hero-mark figcaption{background:white;color:#293738}.contrast-pair>div:first-child{background:#050708}.download-list a{padding:12px 0}a{text-decoration:none}.download-list a:after{content:attr(href);font:8pt var(--mono);max-width:45%;overflow-wrap:anywhere}.download-list a>span:last-child{display:none}footer{padding:24px 0}.lead{color:#050708}.type-specimen,.spec-list>div,.method li,.copy-pairs article{border-color:#A5B6B5}}

.swatch-teal{--swatch:#96FCEA}.swatch-ink{--swatch:#050708}.swatch-panel{--swatch:#0B1012}.swatch-ivory{--swatch:#F4F7F7}.swatch-muted{--swatch:#A5B6B5}.swatch-dark{--swatch:#12685B}