.brand-page{gap:var(--collunmGap);--brand-mint:#67f5dc;--brand-cube:var(--headingColor);flex-direction:column;display:flex}html[data-theme=light] .brand-page{--brand-mint:#0b8b79}.brand-mark-bracket{fill:var(--brand-mint)}.brand-mark-cube{fill:var(--brand-cube)}.brand-hero{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:30px;display:grid}.brand-hero h1{color:var(--headingColor);font-family:var(--sitefont);letter-spacing:-.02em;margin:0 0 6px;font-size:1.7rem;font-weight:700;line-height:1.15}.brand-hero-tagline{color:var(--texthightlight);font-size:var(--FontSize16);margin:0 0 14px;font-weight:600}.brand-hero p{color:var(--fontColor);font-size:var(--FontSize16);max-width:62ch;margin:0 0 14px;line-height:1.6}.brand-hero p:last-child{margin-bottom:0}.brand-construction{width:200px;height:200px;display:block}.brand-guide{fill:none;stroke:var(--brand-mint);stroke-width:.16px;opacity:.5}.brand-guide-dash{stroke-dasharray:.9 .7;opacity:.38}.brand-guide-fill{fill:var(--brand-mint);opacity:.12}.brand-guide-label{font-family:var(--sitefont);fill:var(--brand-mint);font-size:1.5px}.brand-source{color:var(--textlighter);text-align:right;word-break:break-word;font-size:.75rem}.brand-lede{color:var(--fontColor);font-size:var(--FontSize);max-width:72ch;margin:0 0 16px;line-height:1.6}.brand-page h3{color:var(--headingColor);font-family:var(--sitefont);font-size:var(--FontSize16);margin:0 0 8px;font-weight:600}.brand-page code{background-color:var(--boxlightbg);color:var(--textColor1);border-radius:3px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em}.brand-note{color:var(--textlighter);max-width:72ch;margin:14px 0 0;font-size:.78rem;line-height:1.55}.brand-note b{color:var(--headingColor);font-weight:600}.brand-rules{background-color:var(--bdrColor);border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:1px;display:grid;overflow:hidden}.brand-rule{background-color:var(--boxbg);padding:14px 16px}.brand-rule-key{color:var(--textlighter);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.brand-rule-value{color:var(--headingColor);font-size:var(--FontSize16);word-break:break-word;align-items:center;gap:8px;margin-top:5px;font-weight:600;display:flex}.brand-rule-value i{border:1px solid var(--bdrColor);border-radius:4px;flex:none;width:18px;height:18px}.brand-rule-note{color:var(--fontColor);margin-top:4px;font-size:.72rem;line-height:1.45}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:16px;display:grid}.brand-card{border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);flex-direction:column;display:flex;overflow:hidden}.brand-stage{place-items:center;height:132px;padding:18px;display:grid}.brand-stage-navy{background-color:#091227}.brand-stage-header{background-color:#17264b}.brand-stage-slate{background-color:#262d40}.brand-stage-paper{background-color:#f5f7fa}.brand-stage-white{background-color:#fff}.brand-stage img{max-width:100%;max-height:100%;display:block}.brand-card-body{border-top:1px solid var(--bdrColor);flex-direction:column;flex:1;padding:13px 15px 15px;display:flex}.brand-card-name{color:var(--headingColor);font-size:var(--FontSize);font-weight:600}.brand-card-path{color:var(--textlighter);word-break:break-word;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem}.brand-card-use{color:var(--fontColor);flex:1;margin-top:8px;font-size:.78rem;line-height:1.5}.brand-download{border:1px solid var(--bdrColor);color:var(--texthightlight);font-family:var(--sitefont);background-color:#0000;border-radius:40px;align-self:flex-start;align-items:center;gap:7px;margin-top:12px;padding:6px 15px;font-size:.78rem;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.brand-download:hover,.brand-download:focus-visible{background-color:var(--boxlightbg);border-color:var(--texthightlight);color:var(--textHover)}.brand-download svg{flex:none}.brand-chip{background-color:var(--boxlightbg);color:var(--texthightlight);letter-spacing:.05em;text-transform:uppercase;border-radius:3px;align-self:flex-start;margin-top:9px;padding:2px 7px;font-size:.65rem;display:inline-block}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-lockup span{color:#bcdbfe;font-family:var(--sitefont);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.brand-two-up{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:20px 32px;display:grid}.brand-do-list{margin:0;padding:0;list-style:none}.brand-do-list li{border-bottom:1px solid var(--bdrColor);color:var(--fontColor);font-size:var(--FontSize);gap:10px;padding:8px 0;line-height:1.55;display:flex}.brand-do-list li:last-child{border-bottom:0}.brand-do-mark{border-radius:50%;flex:none;width:17px;height:17px;margin-top:3px;position:relative}.brand-do .brand-do-mark{background-color:var(--mainGreen)}.brand-dont-col .brand-do-mark{background-color:var(--mainRed)}.brand-do-mark:before,.brand-do-mark:after{content:"";background-color:#fff;border-radius:1px;position:absolute}.brand-do .brand-do-mark:before{width:2px;height:5px;top:8px;left:5px;transform:rotate(-45deg)}.brand-do .brand-do-mark:after{width:2px;height:9px;top:4px;left:9px;transform:rotate(35deg)}.brand-dont-col .brand-do-mark:before,.brand-dont-col .brand-do-mark:after{width:2px;height:9px;top:4px;left:7.5px}.brand-dont-col .brand-do-mark:before{transform:rotate(45deg)}.brand-dont-col .brand-do-mark:after{transform:rotate(-45deg)}.brand-dont-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:20px;display:grid}.brand-dont{border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);overflow:hidden}.brand-dont-stage{background-color:#091227;place-items:center;height:104px;display:grid;overflow:hidden}.brand-dont-stage .brand-mark-bracket{fill:#67f5dc}.brand-dont-stage .brand-mark-cube{fill:#fff}.brand-dont p{border-top:1px solid var(--bdrColor);color:var(--fontColor);margin:0;padding:10px 12px;font-size:.75rem;line-height:1.5}.brand-dont p b{color:var(--headingColor);font-weight:600}.brand-x-stretch{transform:scaleX(1.5)}.brand-x-rotate{transform:rotate(17deg)}.brand-x-crowd{transform:scale(1.6)}.brand-x-recolor .brand-mark-bracket{fill:#f60}.brand-x-recolor .brand-mark-cube{fill:#2de735}.brand-palette{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;margin-bottom:24px;display:grid}.brand-paint{border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);overflow:hidden}.brand-paint-chip{height:76px}.brand-paint-body{border-top:1px solid var(--bdrColor);padding:10px 13px 12px}.brand-paint-name{color:var(--headingColor);font-size:var(--FontSize);font-weight:600}.brand-paint-hex{color:var(--texthightlight);font-variant-numeric:tabular-nums;text-transform:uppercase;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem}.brand-paint-role{color:var(--fontColor);margin-top:5px;font-size:.72rem;line-height:1.45}.brand-table-wrap{border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);overflow-x:auto}.brand-table{border-collapse:collapse;width:100%;font-size:var(--FontSize)}.brand-table th{text-align:left;border-bottom:1px solid var(--bdrColor);color:var(--textlighter);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;padding:10px 14px;font-size:.68rem;font-weight:500}.brand-table td{border-bottom:1px solid var(--bdrColor);vertical-align:middle;white-space:nowrap;padding:9px 14px}.brand-table tr:last-child td{border-bottom:0}.brand-var{color:var(--textColor1);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem}.brand-role{color:var(--fontColor);white-space:normal;min-width:13ch}.brand-swatch{color:var(--fontColor);font-variant-numeric:tabular-nums;text-transform:uppercase;align-items:center;gap:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;display:inline-flex}.brand-swatch i{border:1px solid var(--bdrColor);border-radius:4px;flex:none;width:24px;height:24px}.brand-scale{border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);flex-wrap:wrap;align-items:flex-end;gap:24px;margin-top:20px;padding:24px 20px 16px;display:flex}.brand-scale-item{text-align:center}.brand-scale-item svg{margin:0 auto 8px;display:block}.brand-scale-px{color:var(--textlighter);font-variant-numeric:tabular-nums;font-size:.72rem}.brand-scale-where{color:var(--fontColor);margin-top:2px;font-size:.72rem}.brand-specimen{border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);margin-bottom:16px;padding:24px 22px}.brand-glyphs{color:var(--headingColor);font-family:var(--sitefont);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:2.4rem;font-weight:800;line-height:1.15}.brand-weights{border-top:1px solid var(--bdrColor);color:var(--headingColor);font-size:var(--FontSize16);flex-wrap:wrap;gap:8px 22px;margin-top:18px;padding-top:16px;display:flex}.brand-type-row{border-bottom:1px solid var(--bdrColor);grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:18px;padding:12px 0;display:grid}.brand-type-row:first-child{padding-top:0}.brand-type-row:last-child{border-bottom:0;padding-bottom:0}.brand-type-meta{color:var(--textlighter);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;line-height:1.5}.brand-type-meta b{color:var(--texthightlight);font-weight:500;display:block}.brand-type-sample{color:var(--headingColor);overflow-wrap:anywhere}.brand-size-heading{font-size:var(--headingSize);font-weight:var(--headingBold)}.brand-size-18{font-size:var(--FontSize18)}.brand-size-16{font-size:var(--FontSize16)}.brand-size-14{font-size:var(--FontSize)}.brand-voice{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px;margin-bottom:20px;display:grid}.brand-voice-item{border-left:2px solid var(--brand-mint);padding-left:14px}.brand-voice-item h3{margin-bottom:5px}.brand-voice-item p{color:var(--fontColor);margin:0;font-size:.78rem;line-height:1.55}.brand-name-list{border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);margin:0;padding:0;list-style:none;overflow:hidden}.brand-name-list li{border-bottom:1px solid var(--bdrColor);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 15px;display:flex}.brand-name-list li:last-child{border-bottom:0}.brand-name-right{color:var(--mainGreen);font-weight:600;font-size:var(--FontSize)}.brand-name-wrong{color:var(--textlighter);font-size:var(--FontSize);text-decoration:line-through}.brand-name-why{color:var(--fontColor);flex-basis:100%;font-size:.75rem}.brand-downloads{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;display:grid}.brand-file{border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);flex-direction:column;gap:3px;padding:15px 16px;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex}.brand-file:hover,.brand-file:focus-visible{background-color:var(--boxlightbg);border-color:var(--texthightlight)}.brand-file-name{color:var(--headingColor);font-size:var(--FontSize);align-items:center;gap:8px;font-weight:600;display:flex}.brand-file-name svg{flex:none}.brand-file-meta{color:var(--textlighter);word-break:break-word;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem}.brand-file-note{color:var(--fontColor);margin-top:3px;font-size:.72rem;line-height:1.45}@media (max-width:767px){.brand-hero{grid-template-columns:minmax(0,1fr);gap:22px}.brand-construction{width:170px;height:170px;margin:0 auto}.brand-hero h1{font-size:1.4rem}.wrap-heading:has(.brand-source){flex-direction:column;gap:4px}.brand-source{text-align:left}.brand-type-row{grid-template-columns:minmax(0,1fr);gap:6px}.brand-glyphs{font-size:1.8rem}}