.brand-book{max-width:1264px;color:var(--paper);margin:auto;padding:0 48px}.brand-book header{border-bottom:1px solid #d8c5a829;justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand-book a{color:var(--paper);text-underline-offset:5px;font-size:12px}.brand-cover{background:radial-gradient(at 80%,#70453124,#0000 50%);grid-template-columns:1.4fr 1fr;gap:60px;padding:110px 0;display:grid}.brand-cover h1{font-family:var(--font-serif);letter-spacing:-2px;margin:25px 0;font-size:68px;font-weight:400;line-height:1.02}.brand-cover p:not(.eyebrow){color:#b5a38f;font-size:15px;line-height:1.8}.brand-seal{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.brand-seal svg{width:120px;height:120px}.brand-name{font-family:var(--font-serif);letter-spacing:-2px;font-size:60px}.brand-section{border-top:1px solid #d8c5a829;padding:55px 0}.brand-section-heading h2{font:400 44px/1.12 var(--font-serif);margin:13px 0 28px}.brand-columns{grid-template-columns:1fr 1fr;gap:70px;display:grid}.brand-columns p,.brand-columns li{color:#b5a38f;font-size:14px;line-height:1.8}.brand-columns .brand-lead{font:400 34px/1.25 var(--font-serif);color:var(--paper);margin:10px 0}.brand-columns h3{font:500 26px var(--font-serif)}.brand-columns ul{padding-left:18px}.logo-specimens{grid-template-columns:1.5fr 1.5fr 1fr;gap:12px;margin:35px 0;display:grid}.logo-panel{border:1px solid #d8c5a829;flex-wrap:wrap;justify-content:center;align-items:center;min-height:240px;padding:25px 20px 45px;display:flex;position:relative}.logo-panel>span:last-child{letter-spacing:1.3px;color:#b5a38f;font-size:8px;position:absolute;bottom:16px;left:18px}.logo-panel .brand{font-size:36px}.logo-panel.paper{background:var(--paper);color:var(--soot);gap:6px}.logo-panel.paper svg{width:45px;height:45px}.logo-panel.paper svg path:not(:last-child){fill:var(--soot)}.logo-panel.paper .brand-name{letter-spacing:-1px;font-size:36px}.logo-panel.paper>span:last-child{color:var(--soot)}.app-icon{background:#211a17;border:1px solid #d8c5a829;border-radius:24%;width:105px;height:105px;padding:14px;box-shadow:0 16px 35px #0005}.app-icon svg{width:100%;height:100%}.asset-links{flex-wrap:wrap;gap:22px;margin-top:24px;display:flex}.palette-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.swatch{border:1px solid #d8c5a829;height:180px}.palette-grid h3{font:500 25px var(--font-serif);margin:15px 0 5px}.palette-grid code{font-size:12px}.palette-grid p,.brand-note,.type-pair>div>p:last-child{color:#b5a38f;font-size:12px;line-height:1.7}.brand-note{max-width:800px;margin:28px 0 0}.contrast-pairs{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;display:grid}.contrast-pairs p{background:#211a17;border:1px solid #d8c5a829;margin:0;padding:25px}.contrast-pairs p:nth-child(2){background:#29332a}.contrast-pairs p:nth-child(3){color:#211a17;background:#d8c5a8}.contrast-pairs b{font-size:15px;display:block}.contrast-pairs span{margin-top:8px;font-size:11px;display:block}.type-pair{grid-template-columns:1fr 1fr;gap:60px;display:grid}.type-display{font:400 60px/1.02 var(--font-serif);letter-spacing:-1px;margin:34px 0}.type-interface{font:400 30px/1.5 var(--font-sans);margin:34px 0}.vocabulary>div{border-bottom:1px solid #d8c5a81a;grid-template-columns:1fr 1fr 2.2fr;align-items:center;gap:20px;padding:20px 0;display:grid}.vocabulary h3{font:400 33px var(--font-serif);margin:0}.vocabulary b{font-size:12px;font-weight:500}.vocabulary p{color:#b5a38f;margin:0;font-size:12px;line-height:1.7}blockquote{border-left:2px solid var(--ember);font:400 27px/1.5 var(--font-serif);margin:25px 0;padding-left:22px}.brand-closing{text-align:center;border-top:1px solid #d8c5a829;padding:70px 0}.brand-closing svg{width:75px;height:75px}.brand-closing h2{font:400 56px var(--font-serif);margin:20px 0}.brand-closing p{font:400 25px/1.4 var(--font-serif);margin-bottom:26px}.brand-book footer{text-align:center;color:#b5a38f;border-top:1px solid #d8c5a829;padding:25px;font-size:11px}@media (max-width:800px){.brand-book{padding:0 22px}.brand-book header .brand{font-size:24px}.brand-book header>a:last-child{max-width:100px;line-height:1.5}.brand-cover{grid-template-columns:1fr;gap:45px;padding:50px 0}.brand-cover h1{font-size:50px}.brand-seal{padding:25px 0}.brand-columns,.type-pair{grid-template-columns:1fr;gap:20px}.logo-specimens{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,1fr)}.swatch{height:140px}.contrast-pairs{grid-template-columns:1fr}.vocabulary>div{grid-template-columns:1fr 1fr}.vocabulary p{grid-column:span 2}.brand-section-heading h2{font-size:36px}}