.brand-sec{border-top:1px solid var(--rule)}.brand-lockups{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.brand-lockup{border:1px solid var(--rule);flex-direction:column;justify-content:space-between;gap:24px;min-height:132px;padding:22px 24px;display:flex}.brand-lockup-light{background:var(--moonlight)}.brand-lockup-dark{background:var(--night);border-color:var(--deep-sky)}.brand-lockup>span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem}.brand-lockup-light>span{color:var(--graphite)}.brand-lockup-dark>span{color:#e8ecf19e}.brand-block{margin-top:56px}.brand-h3{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--link);margin-bottom:18px;font-size:.66rem}.brand-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.brand-swatch{background:var(--card);border:1px solid var(--rule);gap:14px;padding:16px 18px;display:flex}.brand-chip{border:1px solid #0b0d1224;border-radius:50%;flex:none;width:42px;height:42px}.brand-swatch-text{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-swatch-text b{font-size:.94rem;line-height:1.25}.brand-swatch-text code{font-family:var(--mono);letter-spacing:.06em;color:var(--link);font-size:.7rem}.brand-swatch-text p{color:var(--ink-2);margin:4px 0 0;font-size:.8rem;line-height:1.45}.brand-type{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.brand-type-card{border:1px solid var(--rule);background:var(--card);flex-direction:column;gap:14px;padding:24px 24px 26px;display:flex}.brand-type-meta{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.brand-type-meta b{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--link);font-size:.6rem}.brand-type-meta span{font-family:var(--mono);color:var(--graphite);font-size:.62rem}.brand-type-sample{margin:0;font-size:1.5rem;line-height:1.15}.brand-type-card.font-body .brand-type-sample{font-family:var(--body);font-size:1.12rem;line-height:1.45}.brand-type-card.font-mono .brand-type-sample{font-family:var(--mono);letter-spacing:.04em;font-size:.86rem;line-height:1.5}.brand-type-card.font-display .brand-type-sample{font-family:var(--display)}.brand-type-note{color:var(--ink-2);margin:auto 0 0;font-size:.82rem;line-height:1.5}.brand-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.brand-app{border:1px solid var(--rule);background:var(--card);flex-direction:column;margin:0;display:flex}.brand-app-media{background:var(--deep-sky);place-items:center;padding:14px;display:grid}.brand-app-media img{width:100%;height:auto;display:block}.brand-app figcaption{flex-direction:column;gap:6px;padding:18px 22px 22px;display:flex}.brand-app figcaption b{font-size:.94rem}.brand-app figcaption span{color:var(--ink-2);font-size:.82rem;line-height:1.5}.brand-download a{color:var(--link);text-underline-offset:3px;text-decoration:underline}@media (width<=1100px){.brand-lockups,.brand-swatches,.brand-type,.brand-apps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.brand-lockups,.brand-swatches,.brand-type,.brand-apps{grid-template-columns:1fr}.brand-type-sample{font-size:1.25rem}}.brand-glyph-intro{max-width:74ch;color:var(--ink-2);margin-bottom:20px;font-size:.9rem;line-height:1.55}.brand-glyphs{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.brand-glyph{background:var(--card);color:var(--phosphor-deep);flex-direction:column;gap:7px;padding:22px 18px 20px;display:flex}.brand-glyph b{color:var(--ink);font-size:.82rem}.brand-glyph span{color:var(--ink-2);font-size:.74rem;line-height:1.4}@media (width<=1100px){.brand-glyphs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.brand-glyphs{grid-template-columns:repeat(2,minmax(0,1fr))}}.brand-glyph-download{margin-top:18px}.brand-glyph-download a{color:var(--link);text-underline-offset:3px;text-decoration:underline}.brand-pal-group+.brand-pal-group{margin-top:34px}.brand-pal-head{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.brand-pal-head h4{font-family:var(--display);letter-spacing:.01em;font-size:1.02rem;font-weight:400}.brand-pal-head p{color:var(--ink-2);max-width:70ch;margin:0;font-size:.82rem;line-height:1.5}.brand-proportion{margin-top:22px}.brand-facts{border-top:1px solid var(--rule);flex-direction:column;align-self:start;gap:0;margin:0;display:flex}.brand-facts div{border-bottom:1px solid var(--rule);grid-template-columns:92px minmax(0,1fr);gap:14px;padding:12px 0;display:grid}.brand-facts dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding-top:3px;font-size:.62rem}.brand-facts dd{color:var(--ink);margin:0;font-size:.88rem;line-height:1.45}.brand-anatomy{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0 30px;display:grid}.brand-clear{border:1px solid var(--rule);background:var(--card);margin:0;padding:0}.brand-clear-box{border:1px dashed color-mix(in srgb, var(--phosphor) 55%, transparent);place-items:center;min-height:118px;margin:18px;padding:22px;display:grid}.brand-clear figcaption,.brand-dont figcaption{border-top:1px solid var(--rule);flex-direction:column;gap:4px;padding:14px 18px 18px;display:flex}.brand-clear figcaption b,.brand-dont figcaption b{font-size:.82rem;font-weight:600}.brand-clear figcaption span,.brand-dont figcaption span{color:var(--ink-3);font-size:.78rem;line-height:1.5}.brand-spec{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.brand-spec>div{background:var(--card);padding:18px 20px}.brand-spec dt{color:var(--ink-3);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.62rem}.brand-spec dd{color:var(--ink);margin:0;font-size:.88rem;line-height:1.5}.brand-donts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px;display:grid}.brand-dont{border:1px solid var(--rule);background:var(--card);margin:0;overflow:hidden}.brand-dont-stage{background:color-mix(in srgb, var(--ink) 4%, var(--card));place-items:center;min-height:130px;padding:18px;display:grid;position:relative}.brand-dont-busy .brand-dont-stage{padding:0;overflow:hidden}.brand-dont-busy .brand-dont-stage picture,.brand-dont-busy .brand-dont-stage img{object-fit:cover;width:100%;height:130px;display:block}.brand-dont-busy .brand-dont-stage>svg{filter:drop-shadow(0 2px 8px #00000059);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-dont .dont-stretch{transform:scaleX(1.55)}.brand-dont .dont-squash{transform:scaleY(.62)scaleX(1.12)}.brand-dont .dont-rotate{transform:rotate(9deg)}.brand-dont .dont-fade{opacity:.28}.brand-dont .dont-clip{clip-path:inset(0 22% 0 0)}@media (width<=900px){.brand-anatomy,.brand-donts,.brand-spec{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.brand-anatomy,.brand-donts,.brand-spec{grid-template-columns:1fr}}
