.color-showcase__inner{margin:0 auto;max-width:100%;padding:4rem 9.75vw 5rem}.color-showcase__subtitle{color:#999;font-size:var(--wp--preset--font-size--sm);font-weight:300;letter-spacing:.1em;margin:0 0 .5rem;text-align:center;text-transform:uppercase}.color-showcase__title{color:var(--wp--preset--color--text);font-family:var(--oc-font-display);font-size:var(--wp--preset--font-size--3-xl);font-weight:400;line-height:1.2;margin:0 0 3rem;text-align:center}.color-showcase__grid{align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr 1fr;margin-bottom:3rem}.color-showcase__cards{display:flex;flex-direction:column;gap:1.5rem}.color-showcase__card{align-items:center;border-radius:12px;display:flex;flex:1;flex-direction:column;justify-content:center;min-height:200px;padding:2rem 1.5rem;text-align:center}.color-showcase__card-name{font-size:var(--wp--preset--font-size--sm);font-weight:400;margin-bottom:1rem}.color-showcase__card-btn,.color-showcase__card-name{color:var(--wp--preset--color--background);letter-spacing:.05em;text-transform:uppercase}.color-showcase__card-btn{background:var(--wp--preset--color--text);border-radius:2px;display:inline-block;font-size:var(--wp--preset--font-size--xs);font-weight:600;padding:.5rem 1.25rem;text-decoration:none;transition:background .3s ease}.color-showcase__card-btn:hover{background:#444;color:var(--wp--preset--color--background)}.color-showcase__compare{border-radius:12px;overflow:hidden;position:relative}.color-showcase__compare-wrapper{line-height:0;overflow:hidden;position:relative;width:100%}.color-showcase__compare-after{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.color-showcase__compare-before{clip-path:inset(0 50% 0 0);inset:0;position:absolute;z-index:1}.color-showcase__compare-before img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.color-showcase__compare-handle{align-items:center;bottom:0;cursor:ew-resize;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);width:0;z-index:2}.color-showcase__compare-handle-line{background:var(--wp--preset--color--background);flex:1;width:3px}.color-showcase__compare-handle-circle{align-items:center;background:var(--wp--preset--color--background);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.color-showcase__compare.is-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-showcase__posts{margin-top:2rem}.color-showcase__post-card{color:inherit;display:block;text-decoration:none}.color-showcase__post-thumb{border-radius:8px;margin-bottom:.75rem;overflow:hidden}.color-showcase__post-thumb img{display:block;height:auto;transition:transform .3s ease;width:100%}.color-showcase__post-card:hover .color-showcase__post-thumb img{transform:scale(1.05)}.color-showcase__post-title{color:var(--wp--preset--color--text);font-size:var(--wp--preset--font-size--sm);font-weight:400;line-height:1.4;margin:0}.color-showcase__splide .splide__arrow{background:var(--wp--preset--color--background);border:1px solid var(--wp--preset--color--border);border-radius:50%;height:40px;opacity:1;width:40px}.color-showcase__splide .splide__arrow svg{fill:var(--wp--preset--color--text);height:14px;width:14px}.color-showcase__splide .splide__arrow:hover{background:#c2b9ac;border-color:#c2b9ac}.color-showcase__splide .splide__arrow:hover svg{fill:var(--wp--preset--color--background)}@media (max-width:1024px){.color-showcase__grid{grid-template-columns:1fr 1fr}.color-showcase__cards--right{flex-direction:row;grid-column:1/-1}.color-showcase__cards--right .color-showcase__card{min-height:150px}}@media (max-width:768px){.color-showcase__inner{padding:3rem 1.25rem 4rem}.color-showcase__title{font-size:var(--wp--preset--font-size--2-xl);margin-bottom:2rem}.color-showcase__grid{gap:1rem;grid-template-columns:1fr}.color-showcase__cards--right{flex-direction:column}.color-showcase__card{min-height:150px}.color-showcase__compare-handle-circle{height:44px;width:44px}.color-showcase__compare-handle-circle svg{height:16px;width:16px}}