.design-section{background-color:#f5efe0;padding:3.5rem 0}.design-section__container{max-width:1200px;margin:0 auto;padding:0 2rem}.design-section-header{margin-bottom:1.75rem}.design-section-header__plus{width:36px;height:36px;margin-bottom:.5rem;display:block}.design-section-header__plus line{stroke:#c49a45}.design-section-header__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.design-section-header__title{color:#351b2a;margin:0;font-size:clamp(1rem,1.75vw,1.375rem);font-weight:700;line-height:1.25}.design-section-header__right{flex-shrink:0}.design-section-header--inverse .design-section-header__title{color:#f5efe0}.design-btn{color:#fff;white-space:nowrap;cursor:pointer;background-color:#1e1e6e;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.design-btn:hover{opacity:.85}.design-btn--colored{background-color:var(--btn-color,#1e1e6e)}.swatch-grid{border-top:1px solid #0000001f;border-left:1px solid #0000001f;grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;display:grid}@media (max-width:700px){.swatch-grid{grid-auto-rows:120px;grid-template-columns:repeat(2,1fr)!important}}.swatch-grid__group-label{color:#351b2a;letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;padding:.75rem 0 .25rem;font-size:.8125rem;font-weight:700}.swatch-card{cursor:pointer;text-align:left;color:#fff;border:1px solid #0000001f;border-top:none;border-left:none;flex-direction:column;justify-content:flex-end;padding:1rem .875rem;transition:filter .12s;display:flex}.swatch-card:hover{filter:brightness(.93)}.swatch-card--tall{grid-row:span 2}.swatch-card--hero{grid-row:span 4}.swatch-card--full{grid-row:span 5}.swatch-card--wide{grid-column:span 2}.swatch-card--dark-text{color:#351b2a}.swatch-card--copied .swatch-card__hex{font-weight:700}.swatch-card__name{font-size:.8125rem;font-weight:700;line-height:1.3;display:block}.swatch-card__hex{opacity:.9;margin-top:.3rem;font-family:monospace;font-size:.75rem;display:block}.swatch-card__pantone{opacity:.8;margin-top:.15rem;font-size:.6875rem;display:block}.design-layout{min-height:100vh;font-family:var(--font-lexend,"Lexend", sans-serif);background-color:#f5f3f0;flex-direction:column;display:flex}.design-main{flex:1}.design-footer{color:#fff;background-color:#351b2a;padding:2rem 0}.design-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.design-footer__copyright{font-size:.875rem}.design-footer__links{gap:1.5rem;display:flex}.design-footer__link{color:#ffffffb3;font-size:.875rem;text-decoration:none;transition:color .2s}.design-footer__link:hover{color:#fff}