:root{--primary: #2B9CD6;--secondary: #2691C7;--complementary: #F9FCFE;--text-on-primary: #FFFFFF;--skyblue-primary: #2B9CD6;--skyblue-secondary: #2691C7;--skyblue-complementary: #F9FCFE;--coralbloom-primary: #FF4F5E;--coralbloom-secondary: #E64754;--coralbloom-complementary: #FFF9FA;--gladegreen-primary: #2E7D32;--gladegreen-secondary: #256A2B;--gladegreen-complementary: #F5FAF5;--midnightindigo-primary: #2C3EAB;--midnightindigo-secondary: #253591;--midnightindigo-complementary: #F5F6FB;--knockoutpink-primary: #D81B60;--knockoutpink-secondary: #B61751;--knockoutpink-complementary: #FDF5F8;--endlessorange-primary: #FE3501;--endlessorange-secondary: #D82D01;--endlessorange-complementary: #FFF6F3;--tidalteal-primary: #00796B;--tidalteal-secondary: #00665A;--tidalteal-complementary: #F3FAF9;--timelessblack-primary: #111111;--timelessblack-secondary: #333333;--timelessblack-complementary: #F5F5F5;--font-family-primary: "Avenir Next", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--transition-default: .3s ease;--transition-fast: .2s ease;--transition-slow: .5s ease;--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 12px;--container-padding: 20px;--section-spacing: 60px}:root.color-skyblue{--primary: var(--skyblue-primary);--secondary: var(--skyblue-secondary);--complementary: var(--skyblue-complementary)}:root.color-coralbloom{--primary: var(--coralbloom-primary);--secondary: var(--coralbloom-secondary);--complementary: var(--coralbloom-complementary)}:root.color-gladegreen{--primary: var(--gladegreen-primary);--secondary: var(--gladegreen-secondary);--complementary: var(--gladegreen-complementary)}:root.color-midnightindigo{--primary: var(--midnightindigo-primary);--secondary: var(--midnightindigo-secondary);--complementary: var(--midnightindigo-complementary)}:root.color-knockoutpink{--primary: var(--knockoutpink-primary);--secondary: var(--knockoutpink-secondary);--complementary: var(--knockoutpink-complementary)}:root.color-endlessorange{--primary: var(--endlessorange-primary);--secondary: var(--endlessorange-secondary);--complementary: var(--endlessorange-complementary)}:root.color-tidalteal{--primary: var(--tidalteal-primary);--secondary: var(--tidalteal-secondary);--complementary: var(--tidalteal-complementary)}:root.color-timelessblack{--primary: var(--timelessblack-primary);--secondary: var(--timelessblack-secondary);--complementary: var(--timelessblack-complementary)}.hero-section{position:relative;width:100%;height:600px;overflow:hidden;margin-bottom:var(--section-spacing)}.hero-image-container{position:relative;width:100%;height:100%;overflow:hidden}.hero-picture{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s ease;will-change:opacity;contain:strict}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.color-skyblue .hero-picture.skyblue,.color-coralbloom .hero-picture.coralbloom,.color-gladegreen .hero-picture.gladegreen,.color-midnightindigo .hero-picture.midnightindigo,.color-knockoutpink .hero-picture.knockoutpink,.color-endlessorange .hero-picture.endlessorange,.color-tidalteal .hero-picture.tidalteal,.color-timelessblack .hero-picture.timelessblack{opacity:1;visibility:visible}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;width:80%;max-width:800px;padding:20px;background-color:#0003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--border-radius-medium)}.hero-title{font-size:3rem;margin-bottom:1rem;color:#fff;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);line-height:1.2}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);line-height:1.4}.hero-cta-button,.product-cta-button{background-color:var(--primary);color:var(--text-on-primary);padding:12px 24px;text-decoration:none;border-radius:var(--border-radius-small);border:2px solid var(--primary);transition:background-color .3s ease,color .3s ease,transform .3s ease;display:inline-block;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transform:translateZ(0)}.hero-cta-button:hover,.product-cta-button:hover{background-color:transparent;color:var(--primary);transform:translateY(-2px)}.featured-product-carousel-wrapper{margin:40px 0;padding:20px 0;overflow:hidden;contain:content}.featured-carousel-heading{text-align:center;margin-bottom:20px;font-size:2rem;color:var(--primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);transition:color var(--transition-default)}.splide{margin:0 auto;max-width:1200px;position:relative;transform:translateZ(0)}.splide__track{overflow:hidden;padding:0 20px;touch-action:pan-y;-webkit-overflow-scrolling:touch}.splide__list{display:flex;align-items:center;transform:translateZ(0)}.splide__slide{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;position:relative;touch-action:pan-y;cursor:pointer;min-height:200px}@media (min-width: 750px){.splide__slide{transition:filter .2s ease;filter:grayscale(100%);will-change:filter}.splide__slide:hover,.splide__slide.is-active,.splide__slide.active-color{filter:grayscale(0%)}}.splide__slide.active-color:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:40px;height:3px;background-color:var(--primary);border-radius:2px;transition:background-color var(--transition-default)}.splide__slide img{width:100%;max-width:140px;height:140px;object-fit:contain;display:block;margin:0 auto 1.25rem;transition:transform var(--transition-default);transform:translateZ(0)}.splide__slide:hover img{transform:scale(1.05) translateZ(0)}.carousel-label,.product-color-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-family:var(--font-family-primary);font-size:1.1rem;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-align:center;text-transform:uppercase;color:#1a1a1a;transition:color var(--transition-default);min-height:1.5rem;display:flex;align-items:center;justify-content:center}.custom-arrows{position:absolute;width:calc(100% + 80px);top:50%;left:-40px;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:5;pointer-events:none}.custom-arrow{background:#fffc;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;font-size:1.5rem;box-shadow:0 2px 5px #0003;transition:background-color .3s ease,color .3s ease}.custom-arrow:hover{background-color:var(--primary);color:#fff}.prev-splide{margin-right:10px}.next-splide{margin-left:10px}.custom-arrow:focus{outline:2px solid var(--primary);outline-offset:2px}.product-features-section{padding:40px 0;margin:40px 0;background-color:#f9f9f9}.feature-container{position:relative;margin:30px 0;padding:20px;overflow:hidden;contain:content}.feature-row{display:flex;flex-wrap:wrap;align-items:center;margin:0 -15px}.feature-col{flex:1;padding:0 15px;min-width:300px}.feature-image-wrapper{position:relative;padding:20px;background-color:#fff;border-radius:var(--border-radius-medium);overflow:hidden;aspect-ratio:4/3}.feature-image-label{position:absolute;top:-12px;left:20px;background-color:var(--primary);color:#fff;padding:4px 12px;border-radius:var(--border-radius-small);font-size:.8rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;transition:background-color var(--transition-default);z-index:1}.product-feature-image{position:absolute;top:50%;left:50%;max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain;transform:translate(-50%,-50%);opacity:0;visibility:hidden;z-index:0;transition:opacity var(--transition-default);pointer-events:none;image-rendering:-webkit-optimize-contrast}.color-skyblue .product-feature-image.skyblue,.color-coralbloom .product-feature-image.coralbloom,.color-gladegreen .product-feature-image.gladegreen,.color-midnightindigo .product-feature-image.midnightindigo,.color-knockoutpink .product-feature-image.knockoutpink,.color-endlessorange .product-feature-image.endlessorange,.color-tidalteal .product-feature-image.tidalteal,.color-timelessblack .product-feature-image.timelessblack{opacity:1;visibility:visible;z-index:1}.feature-content{padding:20px}.feature-title{color:var(--primary);font-size:1.8rem;margin-bottom:15px;font-weight:var(--font-weight-bold);transition:color var(--transition-default)}.feature-description{font-size:1.1rem;line-height:1.6;color:#333;margin-bottom:20px}.color-specific-content{font-style:italic;padding:1rem;border-left:3px solid var(--primary);background-color:#ffffff80;margin-bottom:2rem;transition:border-color var(--transition-default)}.color-description-update{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.multirow{padding:40px 0;background-color:var(--complementary);transition:background-color var(--transition-slow)}.image-with-text{display:flex;flex-wrap:wrap;align-items:center;margin:40px 0}.image-with-text__media,.image-with-text__text{flex:1;min-width:300px;padding:20px}.image-with-text__text--caption{color:var(--primary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:var(--font-weight-bold);transition:color var(--transition-default)}.image-with-text__text--heading{font-size:2rem;margin-bottom:15px;font-weight:var(--font-weight-bold)}.image-with-text__text--text{font-size:1.1rem;line-height:1.6;color:#333}.blog-section{padding:40px 0;margin:40px 0}.featured-posts-title{color:var(--primary);font-size:2rem;text-align:center;margin-bottom:40px;font-weight:var(--font-weight-bold);transition:color var(--transition-default)}.blog-card{margin-bottom:30px;border-radius:var(--border-radius-medium);overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.blog-card-image{width:100%;height:200px;object-fit:cover}.blog-card-content{padding:20px}.blog-post-title{color:var(--primary);font-size:1.4rem;margin-bottom:10px;font-weight:var(--font-weight-bold);transition:color var(--transition-default)}.blog-post-meta{font-size:.9rem;color:#666;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--primary);transition:border-color var(--transition-default)}.blog-post-excerpt{font-size:1rem;line-height:1.5;margin-bottom:15px;color:#333}.blog-read-more{color:var(--primary);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-default);display:inline-block}.blog-read-more:hover{text-decoration:underline}.footer{background-color:#f5f5f5;padding:60px 0 30px;margin-top:60px}.footer-artwork-container{position:relative;width:100%;height:150px;margin-bottom:40px;overflow:hidden}.footer-artwork{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;transition:opacity var(--transition-default)}.color-skyblue .footer-artwork.skyblue,.color-coralbloom .footer-artwork.coralbloom,.color-gladegreen .footer-artwork.gladegreen,.color-midnightindigo .footer-artwork.midnightindigo,.color-knockoutpink .footer-artwork.knockoutpink,.color-endlessorange .footer-artwork.endlessorange,.color-tidalteal .footer-artwork.tidalteal,.color-timelessblack .footer-artwork.timelessblack{opacity:1;visibility:visible}.footer-info{display:flex;flex-wrap:wrap;margin:0 -15px}.footer-info__column{flex:1;min-width:200px;padding:0 15px;margin-bottom:30px}.footer-info__column-title,.footer-info__newsletter-title{color:#333;font-size:1.2rem;margin-bottom:20px;font-weight:var(--font-weight-bold);position:relative;padding-bottom:10px}.footer-info__column-title:after,.footer-info__newsletter-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--primary);transition:background-color var(--transition-default)}.footer-info__links{list-style:none;padding:0;margin:0}.footer-info__link-item{margin-bottom:10px}.footer-info__link{color:#555;text-decoration:none;transition:color var(--transition-default)}.footer-info__link:hover{color:var(--primary)}.footer-info__social-icons{display:flex;gap:10px;margin-top:15px}.footer-info__social-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#eee;transition:background-color var(--transition-default)}.footer-info__social-icon:hover{background-color:var(--primary)}.footer-info__social-icon svg{width:16px;height:16px;fill:#333;transition:fill var(--transition-default)}.footer-info__social-icon:hover svg{fill:#fff}.footer-newsletter-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.footer-newsletter-input{flex:1;min-width:200px;padding:10px 15px;border:1px solid #ddd;border-radius:var(--border-radius-small)}.footer-newsletter-button{background-color:var(--primary);color:#fff;border:none;padding:10px 15px;border-radius:var(--border-radius-small);cursor:pointer;font-weight:var(--font-weight-medium);transition:background-color var(--transition-default)}.footer-newsletter-button:hover{background-color:var(--secondary)}.footer-copyright{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #ddd;color:#666;font-size:.9rem}@media (max-width: 991px){.hero-section{height:500px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.featured-carousel-heading{font-size:1.8rem}.feature-title{font-size:1.6rem}.feature-image-wrapper{aspect-ratio:1/1}}@media (max-width: 767px){.hero-section{height:450px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.hero-content{width:90%}.feature-row{flex-direction:column}.feature-col{width:100%;margin-bottom:30px}.image-with-text{flex-direction:column}.image-with-text__media,.image-with-text__text{width:100%}.color-description-update{animation:none}.splide__slide{min-width:calc(33.333% - 20px);max-width:calc(33.333% - 20px);width:calc(33.333% - 20px);margin:0 10px;transform:translateZ(0)}.splide__slide img{max-width:100px;height:100px}.custom-arrows{width:calc(100% + 60px);left:-30px}.custom-arrow{width:36px;height:36px;font-size:1.3rem}}@media (max-width: 480px){.hero-section{height:400px}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem;margin-bottom:1.25rem}.hero-cta-button{padding:10px 20px;font-size:.9rem}.featured-carousel-heading{font-size:1.5rem}.splide__slide{min-width:calc(33.333% - 16px);max-width:calc(33.333% - 16px);width:calc(33.333% - 16px);margin:0 8px;padding:0 5px}.splide__slide img{max-width:80px;height:80px;margin-bottom:.8rem}.carousel-label,.product-color-name{font-size:.8rem;min-height:1.2rem}.custom-arrows{width:calc(100% + 40px);left:-20px}.custom-arrow{width:30px;height:30px;font-size:1.2rem}.feature-image-label{font-size:.7rem;padding:3px 8px}.feature-title{font-size:1.4rem}.feature-description{font-size:1rem}.color-specific-content{padding:.8rem;margin-bottom:1.5rem}.blog-post-title{font-size:1.2rem}.blog-post-meta{font-size:.8rem}.blog-post-excerpt{font-size:.9rem}.footer{padding:40px 0 20px}.footer-artwork-container{height:100px;margin-bottom:30px}.footer-info__column-title,.footer-info__newsletter-title{font-size:1.1rem}}.color-coordinated-content{min-height:100px;position:relative}.animated-element{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.color-description-update,.splide__slide,.hero-picture,.product-feature-image,.footer-artwork{transition:none!important;animation:none!important}}.below-fold-section{content-visibility:auto;contain-intrinsic-size:0 500px}.multirow,.blog-section,.product-features-section:not(:first-of-type){content-visibility:auto;contain-intrinsic-size:0 500px}.hero-section,.splide__track,.splide__slide,.hero-content,.feature-image-wrapper{transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.feature-image-label,.hero-cta-button,.product-cta-button,.footer-newsletter-button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}@media (forced-colors: active){.hero-cta-button,.product-cta-button,.custom-arrow,.feature-image-label{border:2px solid currentColor}.splide__slide.active-color:after{border-bottom:3px solid currentColor}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--container-padding)}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.align-center{align-items:center}.justify-between{justify-content:space-between}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-5{padding-top:3rem;padding-bottom:3rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:1rem;padding-right:1rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.px-5{padding-left:3rem;padding-right:3rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-dark{color:#333}.text-light{color:#fff}.fw-normal{font-weight:var(--font-weight-regular)}.fw-medium{font-weight:var(--font-weight-medium)}.fw-semibold{font-weight:var(--font-weight-semibold)}.fw-bold{font-weight:var(--font-weight-bold)}.fw-heavy{font-weight:var(--font-weight-heavy)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-complementary{background-color:var(--complementary)}.bg-light{background-color:#f9f9f9}.bg-white{background-color:#fff}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.d-none{display:none}.d-block{display:block}.d-inline-block{display:inline-block}@media (min-width: 768px){.d-md-none{display:none}.d-md-block{display:block}.d-md-inline-block{display:inline-block}}@media (min-width: 992px){.d-lg-none{display:none}.d-lg-block{display:block}.d-lg-inline-block{display:inline-block}}.shadow-sm{box-shadow:0 2px 4px #0000000d}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .5s ease forwards}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.transition-default{transition:all var(--transition-default)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/color-coordination.css.map */