@font-face{font-family:Inter;src:url('/fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Mono;src:url('/fonts/JetBrainsMono-Variable.ttf') format('truetype');font-weight:100 800;font-display:swap}
:root{--carbon:#101010;--paper:#f2efe7;--ash:#d7d2c8;--steel:#8a8d8f;--ember:#ff5a1f;--line:#d0ccc3;--sidebar:244px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--carbon);font-family:Inter,Arial,sans-serif;font-size:15px;letter-spacing:-.025em}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ember);outline-offset:4px}a:hover{text-decoration:none}img{display:block;max-width:100%}button{border:0}h1,h2,h3,p{margin:0}h1{font-weight:900;font-size:clamp(48px,5.5vw,86px);letter-spacing:-.075em;line-height:.98}h2{font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.05;letter-spacing:-.055em}h3{font-size:21px;font-weight:750;letter-spacing:-.04em;line-height:1.2}p{line-height:1.6}strong{font-weight:650}.mono,.eyebrow,.tag,.meta,kbd{font-family:Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.075em;line-height:1.5}.eyebrow{text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:5px;height:5px;background:var(--ember)}.muted{color:#67655f}.orange{color:var(--ember)}.skip{position:fixed;top:-100px;left:260px;z-index:100;padding:14px;background:var(--ember)}.skip:focus{top:8px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);padding:34px 23px 22px;background:var(--paper);border-right:1px solid var(--line);z-index:50;display:flex;flex-direction:column}.brand{display:block;margin-bottom:33px}.brand img{width:133px}.brand>span{display:block;font:9px Mono;letter-spacing:.14em;margin-top:13px}.search-trigger{padding:11px 10px;border:1px solid var(--line);background:transparent;display:flex;justify-content:space-between;align-items:center;color:#66635d;font-size:11px;margin-bottom:27px;text-align:left}.search-trigger kbd{font-size:9px;border:1px solid var(--line);padding:1px 3px;letter-spacing:0}.nav-group-title{font:9px Mono;letter-spacing:.11em;color:#807b73;margin:20px 11px 9px;text-transform:uppercase}.nav-item{display:flex;gap:13px;align-items:center;padding:10px 11px;margin:2px -1px;font-size:12px;font-weight:550;transition:background .15s}.nav-item .nav-number{font:9px Mono;color:#8a857b;min-width:17px}.nav-item .nav-arrow{margin-left:auto;opacity:0}.nav-item:hover{background:#e8e4dc}.nav-item[aria-current=page]{background:var(--carbon);color:var(--paper)}.nav-item[aria-current=page] .nav-number{color:var(--ember)}.nav-item[aria-current=page] .nav-arrow{opacity:1}.sidebar-bottom{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:7px;font:8px Mono;letter-spacing:.02em;white-space:nowrap}.sidebar-bottom i{font-style:normal;color:#999}.sidebar-bottom>a{margin-left:auto}.version-dot{width:5px;height:5px;background:var(--ember)}#navigation{overflow:auto;margin-bottom:15px;scrollbar-width:thin}.workspace{margin-left:var(--sidebar)}.topbar{height:73px;position:sticky;top:0;z-index:30;background:rgba(242,239,231,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{display:flex;align-items:center;gap:16px;font-size:11px}.breadcrumb>a{font-weight:700}.breadcrumb>span:first-of-type{color:#aaa49a}.topbar-right{display:flex;align-items:center;gap:24px}.version-label{font:9px Mono;letter-spacing:.07em;color:#78746d}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 19px;font-size:12px;font-weight:650;border:1px solid var(--carbon);min-height:46px;transition:background .16s,color .16s}.button span{font-size:17px;line-height:1}.button.dark{background:var(--carbon);color:var(--paper)}.button.dark:hover{background:#35332f}.button.ember{background:var(--ember);color:var(--carbon);border-color:var(--ember)}.button.ember:hover{background:#ff7441}.button.outline{background:transparent}.button.outline:hover{background:#e4dfd6}.button.small{padding:10px 14px;min-height:36px;font-size:11px;gap:24px}.button.light{background:var(--paper);color:var(--carbon);border-color:var(--paper)}.text-link{font-size:12px;display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px}.icon-button{background:none;font-size:22px;padding:7px}.topbar .icon-button{display:none}.page{padding:49px 42px 64px;max-width:1600px;margin:auto}.page-heading{margin-bottom:42px}.page-heading h1{margin-top:23px}.page-heading .intro{max-width:670px;font-size:17px;margin-top:24px;color:#66625b;line-height:1.6}.page-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px}.page-heading-row .button{flex-shrink:0}.hero{position:relative;background:var(--carbon);color:var(--paper);min-height:610px;overflow:hidden}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:right;inset:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101010ad,transparent 68%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:43px;max-width:700px}.hero h1{font-size:clamp(68px,7.7vw,122px);line-height:.88;letter-spacing:-.075em;margin-top:60px;margin-bottom:27px;max-width:660px}.hero h1 .period{color:var(--ember)}.hero p{font-size:16px;color:#c6c2b9;max-width:330px;line-height:1.5}.hero-content>.button{margin-top:30px}.hero-footer{position:absolute;bottom:24px;left:43px;right:32px;display:flex;justify-content:space-between;z-index:2;font:9px Mono;letter-spacing:.09em;color:#ccc6bd}.hero-footer .orange{color:var(--ember)}.intro-strip{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:38px 0 40px;border-bottom:1px solid var(--line);align-items:start}.intro-strip h2{max-width:450px;font-size:35px}.intro-strip p{color:#69645d;max-width:500px;font-size:14px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:42px 0 22px}.section-title h2{font-size:28px}.section-title .mono{color:#7e786f}.jump-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.jump-card{min-height:210px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s;position:relative}.jump-card:hover{background:#e8e3da}.jump-card .mini-logo{height:51px;width:145px;object-fit:contain;object-position:left;margin:23px 0}.jump-card .mini-palette{display:flex;height:51px;margin:23px 0}.mini-palette i{flex:1}.jump-card .mini-type{font-size:49px;font-weight:900;line-height:1;margin:23px 0;letter-spacing:-.07em}.jump-card .mini-icon{font:39px Mono;line-height:51px;margin:23px 0}.jump-card h3{font-size:15px}.jump-card .jump-arrow{position:absolute;right:20px;bottom:22px}.jump-card .mono{font-size:9px;color:#827b72}.release-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:34px;padding:24px 0;border-top:1px solid var(--line)}.release-strip p{font-size:12px;color:#756e64}.release-strip h3{font-size:17px;margin-bottom:5px}.site-footer{margin:0 42px;padding:28px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer img{width:75px}.site-footer>span,.site-footer>a:last-child{font:9px Mono;letter-spacing:.06em}.site-footer>a:last-child span{margin-left:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.rule-card{padding:24px 0;border-top:1px solid var(--line)}.rule-card h3{margin:17px 0 13px}.rule-card p{font-size:14px;color:#6d675e}.statement{background:var(--carbon);color:var(--paper);padding:50px;min-height:315px;display:flex;flex-direction:column;justify-content:center}.statement h2{font-size:clamp(38px,5vw,74px);font-weight:900;line-height:.95;letter-spacing:-.065em}.statement p{color:#bab4aa;font-size:14px;max-width:620px;margin-top:27px}.long-copy{font-size:23px;line-height:1.5;letter-spacing:-.035em;max-width:790px;margin:38px 0}.principle{padding:28px;background:#e7e2d9;display:flex;gap:22px;align-items:flex-start}.principle .mono{color:#777065;padding-top:4px;white-space:nowrap}.principle p{font-size:14px;color:#625d55}.principle h3{margin-bottom:10px;font-size:19px}.note{border-left:2px solid var(--ember);padding:4px 0 4px 18px;font-size:12px;line-height:1.7;color:#70695f;margin:28px 0}.note strong{color:var(--carbon)}.guidelines{margin-top:50px;border-top:1px solid var(--line)}.guidelines>summary{font-size:15px;font-weight:650;padding:23px 0;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.guidelines>summary:after{content:'+';font:20px Mono}.guidelines[open]>summary:after{content:'−'}.guideline-content{padding:10px 0 30px}.guide-article{margin-bottom:28px;max-width:950px}.guide-article .guide-title{font:10px Mono;letter-spacing:.08em;text-transform:uppercase;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:25px}.guide-article h3{margin:23px 0 10px;font-size:20px}.guide-article p{font-size:14px;margin:12px 0;color:#655f57}.guide-article .guide-label{font:10px Mono;margin-top:23px;color:#777167}.table-wrap{overflow-x:auto;margin:20px 0}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;line-height:1.6;min-width:480px}th{font:9px Mono;letter-spacing:.06em;text-transform:uppercase;color:#777167;padding:12px 15px 12px 0;border-bottom:1px solid #aaa499}td{padding:15px 18px 15px 0;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{font-weight:600;min-width:145px}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--line)}.tab{background:transparent;padding:13px 18px;font-size:11px;border-bottom:2px solid transparent;color:#716a61;min-height:44px}.tab[aria-selected=true],.tab.active{border-bottom-color:var(--carbon);color:var(--carbon);font-weight:650}.tab:hover{background:#e9e4dc}.logo-stage{min-height:330px;background:var(--carbon);color:var(--paper);position:relative;display:flex;align-items:center;justify-content:center;padding:60px;transition:background .2s}.logo-stage img{max-width:70%;width:650px;max-height:210px}.logo-stage.paper-stage{background:#e7e2d9;color:var(--carbon)}.stage-caption{position:absolute;bottom:20px;left:24px;font:9px Mono;letter-spacing:.06em}.stage-control{position:absolute;right:20px;top:19px;display:flex;gap:8px}.color-dot{width:24px;height:24px;border:1px solid #888;border-radius:50%;padding:3px;background:none}.color-dot i{display:block;width:16px;height:16px;border-radius:50%;background:var(--carbon)}.color-dot[data-bg=paper] i{background:var(--paper)}.color-dot[aria-pressed=true]{outline:1px solid currentColor;outline-offset:2px}.asset-bar{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);gap:20px}.asset-bar>div{display:flex;gap:12px}.asset-bar .meta{color:#827a6f;font-size:9px}.asset-bar h3{font-size:16px;margin-bottom:5px}.download-link{background:transparent;border:1px solid #bfb8ac;padding:10px 14px;font:10px Mono;min-height:38px;display:inline-flex;align-items:center;gap:18px}.download-link:hover{background:var(--carbon);border-color:var(--carbon);color:var(--paper)}.logo-diagram{border:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent 31px,#d7d2c866 31px,#d7d2c866 32px),repeating-linear-gradient(0deg,transparent 0,transparent 31px,#d7d2c866 31px,#d7d2c866 32px);padding:65px 40px;position:relative}.logo-diagram img{outline:1px solid var(--ember);outline-offset:20px}.logo-diagram .meta{margin-top:45px;color:#777}.spec-list{border-top:1px solid var(--line)}.spec-list>div{display:flex;justify-content:space-between;gap:25px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.spec-list>div>span:last-child{font:10px Mono;text-align:right}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.swatch{padding:22px 20px 19px;border:0;text-align:left;min-height:280px;display:flex;flex-direction:column;position:relative}.swatch-name{font:10px Mono;letter-spacing:.07em}.swatch-hex{font:19px Mono;margin-top:auto}.swatch-role{font-size:11px;margin-top:8px}.swatch-copy{position:absolute;top:19px;right:17px;font-size:16px;opacity:.5}.swatch:hover .swatch-copy{opacity:1}.color-ratio{display:flex;height:20px;margin:30px 0 12px}.color-ratio i:first-child{width:80%;background:var(--carbon)}.color-ratio i:nth-child(2){width:15%;background:var(--ash)}.color-ratio i:last-child{width:5%;background:var(--ember)}.ratio-labels{display:flex;justify-content:space-between;font:9px Mono;color:#777}.color-usage{background:var(--carbon);padding:35px;color:var(--paper)}.color-usage h3{font-size:36px;margin:30px 0 16px}.color-usage p{color:var(--steel);font-size:14px}.color-usage .button{margin-top:26px}.code-panel{background:var(--carbon);color:var(--paper);padding:25px;position:relative}.code-panel pre{font:12px/1.8 Mono;white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0 0}.code-panel .download-link{color:var(--paper);border-color:#4c4943}.code-panel-head{display:flex;align-items:center;justify-content:space-between}.type-tester{background:#e6e0d6;border:1px solid var(--line)}.tester-controls{display:flex;gap:25px;align-items:center;padding:21px 25px;border-bottom:1px solid #cac2b5;flex-wrap:wrap}.tester-controls label{display:flex;align-items:center;gap:12px;font:10px Mono}.tester-controls select{background:transparent;border:1px solid #aaa194;padding:7px 10px;font:11px Mono}.tester-controls input[type=range]{width:130px;accent-color:var(--carbon)}.type-edit{display:block;width:100%;resize:none;min-height:265px;border:0;outline:none!important;padding:35px 28px;background:transparent;font-family:Inter;font-weight:900;font-size:88px;line-height:1;letter-spacing:-.065em;color:var(--carbon);overflow:auto}.type-edit:focus{box-shadow:inset 0 0 0 2px var(--carbon)}.tester-foot{padding:17px 25px;border-top:1px solid #cac2b5;display:flex;justify-content:space-between;gap:15px;font:9px Mono;color:#756e64}.type-specimen{padding:30px;border:1px solid var(--line);min-height:285px}.type-specimen h3{font-size:50px;margin:20px 0}.type-specimen p{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.type-specimen.mono-font{font-family:Mono}.type-specimen.mono-font h3{font-size:34px;font-weight:500;letter-spacing:-.06em}.type-specimen .button{margin-top:24px}.image-stage{position:relative;background:var(--carbon)}.image-stage img{width:100%;max-height:550px;object-fit:cover}.image-caption{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:12px}.image-caption .mono{color:#7a7369}.approved-board{width:100%;border:1px solid var(--line)}.copy-line{padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.copy-line h2{font-size:clamp(30px,4.3vw,62px);font-weight:900;letter-spacing:-.06em}.copy-line .mono{color:#81786c;margin-top:12px}.copy-button{border:1px solid var(--line);padding:10px 13px;background:transparent;font:10px Mono;white-space:nowrap;min-height:40px}.copy-button:hover{background:var(--carbon);color:var(--paper)}.say-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.say-grid>div{padding:30px}.say-grid>div+div{border-left:1px solid var(--line)}.say-grid .good{border-top:3px solid var(--carbon)}.say-grid .avoid{border-top:3px solid #b7ae9f}.say-grid p{font-size:17px;margin:25px 0}.say-grid .mono{font-size:9px;color:#756d61}.product-layout{display:grid;grid-template-columns:1fr .8fr;gap:35px;align-items:start}.product-demo{background:var(--carbon);padding:32px;color:var(--paper);min-height:510px}.demo-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.demo-nav img{width:100px}.demo-nav .mono{font-size:8px;color:#969187}.product-demo h3{font-size:34px;margin:12px 0}.product-demo>p{font-size:13px;color:#a9a399;line-height:1.6}.demo-price{font:54px Mono;margin:28px 0 5px;letter-spacing:-.06em}.demo-price span{font-size:20px;letter-spacing:0}.demo-meta{font:8px Mono;color:#a39a8d;letter-spacing:.04em}.price-curve{height:65px;margin:15px 0}.price-curve svg{width:100%;height:100%}.demo-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #393732;font-size:12px}.demo-row span:last-child{font:10px Mono;text-align:right}.demo-button{padding:15px;margin-top:23px;background:var(--ember);color:var(--carbon);font-size:12px;font-weight:650;display:flex;justify-content:space-between}.demo-cancel{text-align:center;font-size:11px;margin-top:18px}.demo-check{font-size:11px;margin-top:25px}.demo-table{margin-top:25px;min-width:0;font-size:12px}.demo-table th{font-size:8px;color:#888075;border-color:#393732}.demo-table td{border-color:#393732}.demo-table td:first-child{min-width:90px}.demo-note{border-left:2px solid var(--ember);padding-left:14px;margin:25px 0;font-size:12px;line-height:1.6}.product-context .rule-card{padding:19px 0}.product-context .rule-card p{font-size:13px}.product-context .rule-card h3{font-size:19px;margin:12px 0}.demo-status{margin-top:18px;font:8px Mono;color:#82786a}.poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.poster{aspect-ratio:4/5;position:relative;overflow:hidden;padding:25px;background:var(--carbon);color:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}.poster>img.art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70%}.poster>.poster-logo{width:93px;position:relative}.poster h3{font-size:clamp(26px,3.5vw,55px);line-height:.96;font-weight:900;letter-spacing:-.065em;margin-top:36px;position:relative}.poster>.mono{position:relative;margin-top:auto;font-size:8px}.poster.paper{background:var(--paper);color:var(--carbon)}.poster p{font-size:12px;position:relative;line-height:1.5;margin:22px 0 15px}.poster .tagline{font-size:9px;color:var(--ember)}.application-preview{margin-top:32px;position:relative;background:var(--carbon);color:var(--paper);padding:30px;min-height:440px;overflow:hidden}.application-preview>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.application-preview>div{position:relative}.application-preview .mini-nav{display:flex;justify-content:space-between;align-items:center;font-size:10px}.mini-nav img{width:80px}.application-preview h3{font-size:70px;letter-spacing:-.07em;line-height:.92;font-weight:900;margin-top:70px}.application-preview p{font-size:13px;margin-top:19px}.application-preview .button{margin-top:24px}.motion-demo{background:var(--carbon);height:340px;position:relative;color:var(--paper);overflow:hidden;display:flex;align-items:center;justify-content:center}.motion-demo .motion-mark{width:145px;position:relative}.motion-demo .motion-line{position:absolute;left:25%;right:25%;top:70%;height:1px;background:var(--ember);transform:scaleX(0);transform-origin:left}.motion-demo.playing .motion-mark{animation:fold-release 1.5s ease-out forwards}.motion-demo.playing .motion-line{animation:fold-trace 1.5s ease-out forwards}.motion-demo .motion-label{position:absolute;top:25px;left:25px;font:10px Mono}.motion-demo .motion-status{position:absolute;bottom:25px;left:25px;font:10px Mono;color:#948b7e}.motion-demo .motion-control{position:absolute;right:25px;bottom:25px;background:var(--paper);color:var(--carbon);padding:11px 16px;font:10px Mono;min-height:40px}.motion-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:20px}.motion-stages>div{background:var(--paper);padding:25px}.motion-stages h3{margin:14px 0;font-size:27px}.motion-stages p{font-size:12px;color:#746b5f}.motion-stages .mono{color:#84796a;font-size:9px}@keyframes fold-release{0%,40%{opacity:1;transform:translateX(0);filter:blur(0)}60%{opacity:1;transform:translateX(0);filter:blur(0)}100%{opacity:0;transform:translateX(35px);filter:blur(6px)}}@keyframes fold-trace{0%,40%{transform:scaleX(0);opacity:1}60%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}.download-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--carbon);color:var(--paper);padding:38px}.download-hero h2{margin:13px 0;font-size:36px}.download-hero p{font-size:13px;color:#a9a196;max-width:500px}.download-hero .button{flex-shrink:0}.download-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 18px;flex-wrap:wrap}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{background:transparent;border:1px solid transparent;padding:9px 13px;font-size:11px;min-height:38px}.filter:hover{border-color:var(--line)}.filter[aria-pressed=true]{background:var(--carbon);color:var(--paper)}.download-count{font:9px Mono;color:#7c7264}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.asset-card{border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.asset-preview{height:165px;background:#e6e0d5;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:25px}.asset-preview.dark{background:var(--carbon);color:var(--paper)}.asset-preview img{max-width:85%;max-height:100%;object-fit:contain}.asset-preview.art{padding:0;background:var(--carbon)}.asset-preview.art img{width:100%;height:100%;max-width:none;object-fit:cover}.asset-preview .asset-type{font-size:60px;font-weight:900;letter-spacing:-.07em}.asset-preview .asset-code{font:19px/1.6 Mono;color:var(--ember)}.asset-preview .pdf-icon{font:15px/1.7 Mono;letter-spacing:-.02em;border:1px solid #6c655b;padding:17px 22px}.asset-info{padding:20px;display:flex;flex-direction:column;flex:1}.asset-info h3{font-size:15px;margin-bottom:7px}.asset-info .meta{font-size:8px;color:#827869}.asset-info p{font-size:12px;color:#766d60;line-height:1.5;margin:13px 0 19px}.asset-info .download-link{margin-top:auto;justify-content:space-between}.empty-state{padding:40px;text-align:center;color:#777}.toast{position:fixed;left:calc(50% + 100px);bottom:26px;background:var(--carbon);color:var(--paper);border:1px solid #59544a;padding:13px 20px;font:11px Mono;z-index:100;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #c7c0b3;padding:0;background:var(--paper);color:var(--carbon);width:min(620px,calc(100vw - 32px));max-height:75vh;box-shadow:0 30px 120px #0005}dialog::backdrop{background:#10101088;backdrop-filter:blur(4px)}.search-input-row{display:flex;align-items:center;padding:18px 22px;gap:15px;border-bottom:1px solid var(--line)}.search-input-row>span{font-size:25px}.search-input-row input{flex:1;min-width:0;padding:8px 0;border:0;background:transparent;outline:none;font-size:15px}.search-input-row button{font:10px Mono;border:1px solid var(--line);padding:6px;background:none;min-height:30px}#search-results{overflow:auto;max-height:50vh;padding:8px}.search-result{display:flex;align-items:center;justify-content:space-between;padding:16px;font-size:14px}.search-result:hover{background:#e5dfd4}.search-result small{display:block;font-size:11px;color:#857967;margin-top:5px}.search-result>span:last-child{font-size:19px}.search-foot{padding:13px 22px;border-top:1px solid var(--line);font:8px Mono;color:#877b6b;display:flex;justify-content:space-between}.scrim{position:fixed;inset:0;background:#10101088;z-index:45}.noscript{position:fixed;inset:80px 30px auto 270px;padding:40px;background:var(--paper);z-index:40}.noscript a{text-decoration:underline}.loading{padding:25px;color:#82786b;font-size:13px}
@media(min-width:1700px){:root{--sidebar:270px}.sidebar{padding-left:30px;padding-right:30px}.page{padding-left:64px;padding-right:64px}.hero{min-height:700px}.hero-content{padding:55px}.hero-footer{left:55px}.hero h1{font-size:137px}.hero-content>.button{margin-top:40px}.jump-card{min-height:235px}}
@media(max-width:1190px){:root{--sidebar:215px}.sidebar{padding:28px 17px 20px}.topbar{padding:0 25px}.page{padding:35px 25px 50px}.hero-content{padding:32px}.hero{min-height:560px}.hero-footer{left:32px}.hero h1{font-size:83px;margin-top:65px}.hero p{max-width:260px}.hero-art{object-position:70%}.version-label{display:none}.jump-grid{grid-template-columns:repeat(2,1fr)}.jump-card{min-height:195px}.swatch{min-height:230px;padding:18px 12px}.swatch-hex{font-size:15px}.swatch-name{font-size:9px}.swatch-copy{right:10px;top:15px}.three-col{gap:20px}.product-layout{grid-template-columns:1fr .8fr;gap:24px}.product-demo{padding:25px}.poster{padding:19px}.poster h3{font-size:35px}.download-grid{grid-template-columns:repeat(2,1fr)}.site-footer{margin:0 25px}.sidebar-bottom{font-size:7px}.topbar-right{gap:12px}.statement{padding:35px}}
@media(max-width:900px){:root{--sidebar:195px}.sidebar{padding:27px 13px 18px}.nav-item{font-size:11px;gap:9px;padding:10px}.brand img{width:115px}.search-trigger{font-size:10px}.search-trigger kbd{display:none}.topbar{padding:0 20px}.page{padding:30px 20px 44px}.hero h1{font-size:68px}.hero-content{padding:28px}.hero{min-height:525px}.hero p{font-size:14px;max-width:225px}.hero:after{background:linear-gradient(90deg,#101010bd,transparent 100%)}.intro-strip{gap:25px}.intro-strip h2{font-size:29px}.intro-strip p{font-size:13px}.product-layout{grid-template-columns:1fr}.product-context{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-context .rule-card h3{font-size:16px}.product-context .rule-card p{font-size:12px}.three-col{grid-template-columns:1fr}.rule-card{padding:18px 0}.rule-card h3{margin-top:12px}.color-grid{grid-template-columns:repeat(3,1fr)}.swatch{min-height:200px}.two-col{gap:22px}.type-specimen{padding:22px}.type-specimen h3{font-size:40px}.type-specimen.mono-font h3{font-size:24px}.poster-grid{gap:10px}.poster{padding:15px;min-height:280px}.poster h3{font-size:29px;margin-top:30px}.poster>.poster-logo{width:70px}.poster p{font-size:10px}.poster>.mono{font-size:7px}.download-hero{padding:28px;display:block}.download-hero .button{margin-top:25px}.page-heading-row{align-items:start;flex-direction:column}.site-footer>span{display:none}.statement h2{font-size:51px}.motion-stages>div{padding:18px}.motion-stages h3{font-size:23px}.type-edit{font-size:65px}.logo-stage{min-height:280px;padding:40px}.logo-diagram{padding:55px 30px}.long-copy{font-size:20px}}
@media(max-width:680px){:root{--sidebar:255px}.sidebar{transform:translateX(-100%);transition:transform .2s;padding:30px 23px}.sidebar.open{transform:translateX(0)}.sidebar .brand img{width:135px}.nav-item{font-size:13px;padding:11px}.search-trigger{font-size:12px}.workspace{margin-left:0}.topbar{height:65px;padding:0 17px}.topbar .icon-button{display:block;margin-left:-5px}.breadcrumb{gap:11px;font-size:10px}.topbar .button.small{font-size:10px;padding:10px;gap:12px}.topbar-right{gap:0}.page{padding:26px 18px 40px}.hero{min-height:590px}.hero-art{object-position:70%;opacity:.8}.hero-content{padding:27px 25px}.hero:after{background:linear-gradient(90deg,#101010cf,transparent)}.hero h1{font-size:clamp(62px,14vw,88px);margin-top:65px}.hero p{max-width:240px}.hero-footer{left:25px;right:22px;font-size:8px}.hero-footer>span:last-child{max-width:130px;text-align:right}.hero-content>.button{margin-top:27px}.intro-strip{grid-template-columns:1fr;gap:22px;padding:30px 0}.intro-strip h2{font-size:33px}.jump-card{padding:20px;min-height:195px}.jump-card .mini-logo{width:125px}.jump-grid{grid-template-columns:1fr 1fr}.jump-card .mono{font-size:8px}.release-strip{align-items:start;flex-direction:column}.site-footer{margin:0 18px;padding:25px 0}.section-title{margin-top:33px;align-items:start}.section-title h2{font-size:26px}.section-title>.mono{font-size:8px;max-width:110px;text-align:right}.page-heading{margin-bottom:30px}.page-heading h1{font-size:51px;margin-top:20px}.page-heading .intro{font-size:15px}.two-col{grid-template-columns:1fr;gap:24px}.color-grid{grid-template-columns:repeat(2,1fr)}.swatch:last-child{grid-column:1/-1;min-height:150px}.swatch{min-height:210px;padding:20px}.swatch-name{font-size:10px}.swatch-hex{font-size:21px}.swatch-role{font-size:12px}.swatch-copy{right:20px;top:19px}.statement{padding:30px 25px;min-height:285px}.statement h2{font-size:43px}.long-copy{font-size:21px}.logo-stage{padding:45px 25px;min-height:245px}.logo-stage img{max-width:90%}.asset-bar{align-items:start;gap:14px}.asset-bar>div{gap:7px}.asset-bar h3{font-size:14px}.download-link{padding:9px 11px;gap:12px;font-size:9px}.copy-line{align-items:start;gap:12px;padding:28px 0}.copy-line h2{font-size:32px}.copy-line .mono{font-size:8px}.copy-button{padding:8px 10px;font-size:9px}.say-grid{grid-template-columns:1fr}.say-grid>div+div{border-left:0}.say-grid>div{padding:25px}.say-grid p{font-size:16px}.product-context{grid-template-columns:1fr;gap:0}.product-demo{padding:25px;min-height:500px}.product-context .rule-card h3{font-size:20px}.product-context .rule-card p{font-size:14px}.poster-grid{grid-template-columns:1fr;gap:18px}.poster{aspect-ratio:4/5;max-height:530px;padding:30px}.poster h3{font-size:clamp(52px,15vw,83px);margin-top:45px}.poster>.poster-logo{width:115px}.poster>.mono{font-size:10px}.poster p{font-size:16px;margin:27px 0}.poster .tagline{font-size:10px}.application-preview{padding:25px;min-height:430px}.application-preview>img{object-position:70%;opacity:.65}.application-preview h3{font-size:58px;margin-top:70px}.mini-nav span{display:none}.type-edit{font-size:64px;min-height:230px;padding:30px 22px}.tester-controls{padding:18px;gap:18px}.tester-controls label{gap:8px;font-size:9px}.tester-controls input[type=range]{width:98px}.tester-foot{font-size:8px;padding:15px 18px}.type-specimen h3{font-size:50px}.type-specimen.mono-font h3{font-size:30px}.motion-stages{grid-template-columns:1fr}.motion-stages>div{padding:22px}.motion-stages p{font-size:14px}.motion-demo{height:290px}.download-grid{grid-template-columns:1fr 1fr;gap:12px}.asset-preview{height:130px;padding:18px}.asset-info{padding:15px}.asset-info h3{font-size:13px;line-height:1.3}.asset-info p{font-size:11px}.asset-info .meta{font-size:7px}.asset-info .download-link{padding:10px;font-size:8px}.asset-preview .asset-type{font-size:45px}.asset-preview .asset-code{font-size:12px}.asset-preview .pdf-icon{font-size:10px;padding:12px}.filters{gap:0}.filter{padding:10px;font-size:10px}.download-count{display:none}.download-hero h2{font-size:32px}.toast{left:50%;max-width:calc(100% - 30px);white-space:nowrap;font-size:10px}.skip{left:20px}.noscript{inset:80px 20px auto}.image-caption{flex-direction:column;gap:10px}.topbar #breadcrumb{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-article h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Production social asset library */
.social-crosslink{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 25px;margin:28px 0;background:#e7e2d9;border-left:2px solid var(--ember)}.social-crosslink strong{font-size:14px}.social-crosslink p{font-size:12px;color:#72695d;margin-top:6px}.social-crosslink .text-link{flex-shrink:0}.social-tabs{gap:0}.social-tabs .tab{padding-left:14px;padding-right:14px}.social-workbench-controls{display:flex;align-items:center;gap:22px;justify-content:space-between;padding:18px 20px;background:#e7e2d9;border:1px solid var(--line);border-bottom:0}.social-workbench-controls label{font:9px Mono;display:flex;align-items:center;gap:12px}.social-workbench-controls select{font:12px Inter;padding:9px 12px;max-width:280px;background:var(--paper);border:1px solid #b7ada0}.social-workbench-controls>.mono{font-size:9px;white-space:nowrap}.social-preview{height:440px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#ddd7cc 0% 25%,#e6e0d5 0% 50%) 50% / 24px 24px;padding:28px;border:1px solid var(--line)}.social-preview img{height:auto;width:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 22px #10101018}.social-preview.avatar-preview img{height:100%;aspect-ratio:1;object-fit:contain}.social-preview.circle-preview img{border-radius:50%}.social-description{font-size:12px;line-height:1.6;color:#746b5e;max-width:600px;margin-top:8px}.social-workbench .asset-bar>div:last-child{flex-shrink:0}.social-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.social-card{border:1px solid var(--line);min-width:0}.social-thumbnail{padding:22px;background:#e7e1d7;display:flex;width:100%;height:280px;align-items:center;justify-content:center}.social-thumbnail:hover{background:#d9d1c4}.social-thumbnail img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.social-card-info{padding:20px;display:flex;justify-content:space-between;gap:14px;align-items:center}.social-card-info h3{font-size:14px;margin-bottom:7px}.social-card-info .meta{font-size:8px;color:#7d7365}.social-card-info>div:last-child{display:flex;gap:6px;flex-shrink:0}.social-card-info .download-link{font-size:9px;gap:12px;padding:9px 11px}.social-native{background:#ded7cb;padding:16px}.social-native img{max-width:100%;height:100%;object-fit:contain}.social-workbench{scroll-margin-top:90px}
@media(min-width:1200px){.wide-social-card{grid-column:span 2}.wide-social-card .social-thumbnail{height:310px}}
@media(max-width:1000px){.social-workbench-controls{flex-wrap:wrap;gap:12px}.social-card-info{flex-direction:column;align-items:start}.social-thumbnail{height:220px}.social-card-info>div:last-child{margin-top:5px}.social-catalog{gap:16px}.social-crosslink{align-items:start;flex-direction:column}.social-tabs .tab{padding:12px;font-size:10px}}
@media(max-width:680px){.social-preview{height:300px;padding:20px}.social-workbench-controls{padding:16px}.social-workbench-controls label{width:100%;justify-content:space-between}.social-workbench-controls select{max-width:72%}.social-workbench-controls>.mono{font-size:9px}.social-workbench .asset-bar{flex-direction:column}.social-catalog{gap:12px}.social-thumbnail{height:165px;padding:12px}.social-card-info{padding:14px;gap:10px}.social-card-info h3{font-size:13px}.social-card-info .meta{font-size:7px}.social-card-info .download-link{font-size:8px;padding:8px;gap:9px}.social-card-info>div:last-child{gap:5px}.wide-social-card{grid-column:span 2}.wide-social-card .social-thumbnail{height:200px}.social-crosslink{padding:20px}.social-preview.avatar-preview img{height:auto;max-height:100%}}