.card-design{margin:0 0 2rem}.card-design__text{padding-top:1rem;border-top:.22222222222222rem solid var(--bc-dim)}.card-design__title{line-height:2rem;font-size:1.5rem;color:var(--bright);margin-bottom:1rem;font-family:var(--brand)}.card-design__description p:last-child{margin-bottom:0}.card-design__description p,.card-design__title{margin-bottom:1rem}.card-design__visual{background:var(--app-nav);margin-top:var(--pad320)}.card-design__visual img{display:block;width:100%}@media screen and (min-width:768px){.card-design{margin-bottom:3rem}}@media screen and (min-width:1024px){.card-design{display:-webkit-box;display:-ms-flexbox;display:flex}.card-design__text{-webkit-box-flex:2;-ms-flex:2;flex:2;padding-right:var(--pad320);margin-right:var(--pad320)}.card-design__visual{-webkit-box-flex:3;-ms-flex:3;flex:3;margin-top:0}}.color-swatches{background:var(--app-bg)}.swatch{height:2.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1rem}.swatch:last-child{margin-bottom:0}.swatch__label{font-size:13.5px;line-height:1.25;padding-left:.5rem;width:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.swatch__label-title{font-weight:700}.swatch__label-hex{color:var(--dim)}.swatch-bgs,.swatch__bar{-webkit-box-flex:1;-ms-flex:1;flex:1}.swatch-bgs{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.swatch-bg{-webkit-box-flex:1;-ms-flex:1;flex:1}.swatch-bg--fg{background:var(--app-fg)}.swatch-bg--bg{background:var(--app-bg)}.swatch-bg--nav{background:var(--dark-bg)}.swatch__sample{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (min-width:768px){.swatch{height:3rem}}.typography[data-v-7b1e78e7]{min-height:504px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2rem}.typography__heading_bold[data-v-7b1e78e7]{font-family:var(--brand);font-weight:700;font-style:normal;margin-bottom:1.5em}.typography__heading_italic[data-v-7b1e78e7]{font-family:var(--brand);font-weight:700;font-style:italic;margin-bottom:1.5em}.typography__body_regular[data-v-7b1e78e7]{font-family:var(--sans);font-weight:400;font-style:normal;margin-bottom:1.5em}.typography__body_italic[data-v-7b1e78e7]{font-family:var(--sans);font-weight:400;font-style:italic;margin-bottom:1.5em}