.brand-page{z-index:1;flex-flow:column;align-items:center;padding:0 32px;display:flex;position:relative}.brand-page>*{width:100%;max-width:1080px}.brand-page .res-arrow{flex:none}.brand-cta{text-align:center;flex-flow:column;align-items:center;gap:24px;display:flex}.brand-cta__text{text-wrap:balance;max-width:560px;margin:0;font-size:18px;line-height:28px}.brand-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.brand-cta{background-color:var(--_colors---background--accent-default);border:1.5px solid var(--_colors---border--strong);border-radius:48px;margin-top:40px;padding:64px 32px}.brand-section{padding-top:40px;padding-bottom:40px}.brand-card{background-color:var(--_colors---background--surface-light);border-radius:32px;flex-flow:column;gap:24px;padding:32px;display:flex}.brand-card__head{flex-flow:column;gap:4px;display:flex}.brand-card__title{letter-spacing:-.5px;margin:0;font-size:24px;font-weight:500;line-height:30px}.brand-card__text{color:var(--_colors---text--secondary);margin:0;font-size:16px;line-height:22px}.brand-card__text a{color:var(--_colors---text--primary);text-underline-offset:3px}.brand-subtitle{margin:0 0 16px;font-size:18px;font-weight:500;line-height:26px}.brand-subtitle:not(:first-of-type){margin-top:40px}.brand-logos{flex-flow:column;gap:16px;display:flex}.brand-colorways{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.brand-colorway{flex-flow:column;gap:12px;display:flex}.brand-tile{aspect-ratio:4/3;border-radius:24px;position:relative}.brand-tile img{box-sizing:border-box;object-fit:contain;width:100%;height:100%;padding:15%;position:absolute;inset:0}.brand-tile:is(.is-symbol,.is-favicon) img{padding:20%}.brand-tile.is-magenta{background-color:var(--_colors---background--primary-dark)}.brand-tile.is-black{background-color:var(--_colors---background--primary-light)}.brand-tile.is-white{background-color:var(--_colors---background--accent-strong)}.brand-colorway__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.brand-colorway__name{font-weight:500}.brand-downloads{gap:6px;display:flex}.brand-download{border:1.5px solid var(--_colors---border--strong);color:var(--_colors---text--primary);border-radius:9999px;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:16px;font-weight:500;line-height:22px;text-decoration:none;transition:background-color .2s;display:inline-flex}.brand-download:hover{background-color:var(--_colors---background--accent-light)}.brand-download__icon{width:16px;height:16px}.brand-rules{grid-template-columns:1fr 1fr;gap:16px;display:grid}.brand-rule{border:1.5px solid var(--_colors---border--strong);border-radius:32px;padding:32px}.brand-rule.is-do{background-color:var(--_colors---background--green)}.brand-rule.is-dont{background-color:var(--_colors---background--red-100)}.brand-rule__list{flex-flow:column;gap:10px;margin:16px 0 0;padding-left:20px;font-size:16px;line-height:22px;display:flex}.brand-swatches{gap:8px;margin:0;padding:0;list-style:none;display:grid}.brand-swatches.is-primary{grid-template-columns:repeat(4,1fr)}.brand-swatches.is-palette{grid-template-columns:repeat(8,1fr)}.brand-swatches>li{display:flex}.brand-swatches.is-palette>li{gap:8px;display:grid}.brand-swatch{border-radius:20px;flex-flow:column;flex:1;justify-content:space-between;gap:16px;min-height:132px;padding:16px;display:flex;position:relative}.brand-swatches.is-primary .brand-swatch{border-radius:28px;min-height:220px;padding:24px}.brand-swatch__name{font-size:14px;font-weight:500;line-height:20px}.brand-swatches.is-primary .brand-swatch__name{font-size:18px;line-height:26px}.brand-hex{-webkit-user-select:all;user-select:all;cursor:text;font-family:var(--font-general-sans);align-self:flex-start;font-size:14px;line-height:20px}.brand-swatch.is-text-dark{color:#140f14}.brand-swatch.is-text-light{color:#fff}.brand-swatch.is-magenta-100{background-color:#ff92f4}.brand-swatch.is-magenta-200{background-color:#ff4beb}.brand-swatch.is-red-100{background-color:#f5b3b4}.brand-swatch.is-red-200{background-color:#f46062}.brand-swatch.is-yellow-100{background-color:#fff59e}.brand-swatch.is-yellow-200{background-color:#fa9442}.brand-swatch.is-green-100{background-color:#e0ffc3}.brand-swatch.is-green-200{background-color:#b3cc9c}.brand-swatch.is-blue-100{background-color:#d3fbfb}.brand-swatch.is-blue-200{background-color:#b5d1cc}.brand-swatch.is-purple-100{background-color:#e3cee5}.brand-swatch.is-purple-200{background-color:#6f1662}.brand-swatch.is-off-black{background-color:#140f14}.brand-swatch.is-off-grey{background-color:#3b3434}.brand-swatch.is-off-white{background-color:#fdfaf5}.brand-swatch.is-white{background-color:#fff}.brand-swatch[role=button]{cursor:pointer;transition:transform .2s}.brand-swatch[role=button] .brand-hex{cursor:pointer}.brand-swatch[role=button]:hover{transform:scale(.98)}.brand-swatch[role=button]:focus-visible{outline:2px solid var(--_colors---border--strong);outline-offset:3px}.brand-swatch__note{opacity:0;background-color:var(--_colors---background--primary-dark);color:var(--_colors---text--inverse);pointer-events:none;border-radius:9999px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .2s;position:absolute;top:50%;left:50%;translate:-50% -50%}.brand-swatch.is-text-light .brand-swatch__note{background-color:var(--_colors---background--surface-light);color:var(--_colors---text--primary)}.brand-swatch.is-copied .brand-swatch__note{opacity:1}.brand-swatch.is-off-white,.brand-swatch.is-white{box-shadow:inset 0 0 0 1.5px #140f141f}.brand-fonts{grid-template-columns:1fr 1fr;gap:16px;display:grid}.brand-font__specimen{margin:8px 0;font-size:56px}.brand-font__specimen.is-general-sans{letter-spacing:-.01em;font-family:var(--font-general-sans);font-weight:500;line-height:105%}.brand-font__specimen.is-crimson-pro{letter-spacing:-.02em;font-family:var(--font-crimson-pro);font-size:64px;font-weight:400;line-height:90%}.brand-font__meta{border-top:1.5px solid #140f141f;flex-flow:column;gap:12px;margin:0;padding-top:20px;display:flex}.brand-font__meta>div{justify-content:space-between;gap:16px;display:flex}.brand-font__meta dt{color:var(--_colors---text--secondary);font-size:14px;line-height:20px}.brand-font__meta dd{text-align:right;margin:0;font-size:14px;font-weight:500;line-height:20px}.brand-font__scale{margin:0;padding:0;list-style:none}.brand-font__link{align-self:flex-start;margin-top:auto}.brand-voice{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.brand-voice .brand-card{gap:8px}@media screen and (width<=991px){.brand-swatches.is-palette{grid-template-columns:repeat(4,1fr)}.brand-font__specimen{font-size:44px}.brand-font__specimen.is-crimson-pro{font-size:50px}}@media screen and (width<=767px){.brand-section{padding-top:32px;padding-bottom:24px}.brand-colorways{gap:8px}.brand-colorway__meta{flex-flow:column;align-items:flex-start}.brand-rules,.brand-fonts,.brand-voice{grid-template-columns:1fr}.brand-swatches.is-primary{grid-template-columns:1fr 1fr}.brand-swatches.is-primary .brand-swatch{min-height:160px}}@media screen and (width<=479px){.brand-page{padding:0 16px}.brand-card,.brand-rule{border-radius:24px;padding:24px}.brand-colorways{grid-template-columns:1fr;gap:16px}.brand-tile{aspect-ratio:16/9}.brand-tile img{padding:8% 20%}.brand-tile:is(.is-symbol,.is-favicon) img{padding:10% 30%}.brand-colorway__meta{flex-flow:row;align-items:center}.brand-swatches.is-palette{grid-template-columns:1fr}.brand-swatches.is-palette>li{grid-template-columns:1fr 1fr}.brand-font__specimen{font-size:36px}.brand-font__meta>.brand-font__scale-row{display:none}.brand-font__specimen.is-crimson-pro{font-size:42px}.brand-cta{border-radius:32px;padding:48px 20px}.brand-actions{flex-flow:column;align-self:stretch}}@media (prefers-reduced-motion:reduce){.brand-swatch[role=button],.brand-swatch__note,.brand-download{transition:none}}