.colour-category-nav{background:#efefef;display:flex;justify-content:center;align-items:center;gap:50px;flex-wrap:wrap;margin:0;min-height:210px;padding:40px 24px}.colour-category-nav a{display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0 12px;min-width:112px;font-size:14px;line-height:1.5;text-decoration:none;border-bottom:1px solid transparent}.colour-category-nav a:hover,.colour-category-nav a[aria-current=page]{border-bottom-color:#222}.colour-category-nav a:focus-visible{outline:2px solid #79613b;outline-offset:5px}.colour-nav-swatch{width:48px;height:48px;border-radius:50%;display:block;background:var(--colour-nav-tone);border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 3px #ffffff2e}.colour-category-nav a[aria-current=page] .colour-nav-swatch{outline:1px solid #333;outline-offset:4px}.colour-styling-guide{border-top:1px solid #e5e5e5}.colour-styling-guide .cabinet-content-row{align-items:start}.colour-palette-board{padding:38px;background:#f5f3ef}.colour-palette-board .colour-palette-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px;color:#555}.colour-palette-board h3{font-size:27px;margin:0 0 24px}.colour-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.colour-palette-grid figure{margin:0}.colour-palette-tile{display:block;aspect-ratio:4/3;background:var(--palette-tone);border:1px solid rgba(0,0,0,.04)}.colour-palette-grid figcaption{font-size:13px;line-height:1.5;margin-top:10px;color:#444}.colour-palette-board .colour-palette-recipe{border-top:1px solid #d8d5cf;padding-top:24px;margin:28px 0 12px;font-size:14px}.colour-palette-board .colour-palette-note{font-size:12px;color:#666;margin:0}@media(max-width:1023px){.colour-category-nav{gap:28px;min-height:185px;padding:32px 24px}.colour-category-nav a{min-width:105px;font-size:13px}.colour-palette-board{padding:28px}}@media(max-width:767px){.colour-category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px;padding:28px 20px;min-height:0}.colour-category-nav a{min-width:0;gap:12px;font-size:11px;text-align:center;padding-bottom:8px}.colour-nav-swatch{width:36px;height:36px}.colour-palette-board{padding:24px}.colour-palette-board h3{font-size:24px}.colour-palette-grid{gap:18px 16px}.colour-styling-guide .cabinet-guide-copy{order:-1}}.colour-collection-editorial .cabinet-collection-hero-shade{display:block!important;background:linear-gradient(90deg,#0000002e,#00000087 45%,#00000047)}.colour-styling-guide--landscape{padding-block:64px 72px}.colour-styling-guide--landscape .colour-palette-board{padding:0;background:transparent;min-width:0}.colour-styling-guide--landscape .colour-styling-photo{width:100%;aspect-ratio:3/2;overflow:hidden;background:#f5f3ef}.colour-styling-guide--landscape .colour-styling-scene{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;border-radius:0}.colour-styling-guide--landscape .colour-palette-eyebrow{margin:20px 0 12px}.colour-styling-guide--landscape .colour-palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.colour-styling-guide--landscape .colour-palette-tile{aspect-ratio:auto;height:34px}.colour-styling-guide--landscape .colour-palette-grid figcaption{font-size:12px;line-height:1.5;margin-top:8px}.colour-styling-guide--landscape .colour-palette-note{font-size:11px;line-height:1.7;margin:16px 0 0}.colour-styling-guide--landscape .colour-combination-recipe{margin:22px 0 0;padding-top:18px;border-top:1px solid #e5e5e5;font-size:13px}@media(max-width:1023px){.colour-styling-guide--landscape{padding-block:48px 56px}.colour-styling-guide--landscape .colour-palette-grid{gap:8px}}@media(max-width:767px){.colour-styling-guide--landscape{padding-block:36px 48px}.colour-styling-guide--landscape .cabinet-guide-copy{order:0}.colour-styling-guide--landscape .colour-palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.colour-styling-guide--landscape .colour-palette-tile{height:28px}.colour-styling-guide--landscape .colour-palette-grid figcaption{font-size:10px;line-height:1.5}.colour-styling-guide--landscape .colour-palette-eyebrow{margin-top:16px}.colour-styling-guide--landscape .colour-combination-recipe{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/colour-collections-lux.css.map */