@import"https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800&display=swap";@import"https://use.typekit.net/iec1sye.css";:root{--foam-font-heading: "bebas-neue-pro", sans-serif;--foam-font-body: "Maven Pro", sans-serif;--foam-color-text: #303030;--foam-color-black: #000000;--foam-color-white: #ffffff}.kcc-foam-mousse,.kcc-foam-mousse-section{padding:0!important;margin:0}.kcc-foam-mousse{position:relative;width:100%;overflow:hidden}.kcc-foam-mousse__media{position:relative;width:100%;line-height:0}.kcc-foam-mousse__image{display:block;width:100%;height:auto}.kcc-foam-mousse__desktop{display:block}.kcc-foam-mousse__mobile{display:none}.kcc-foam-mousse__split-bg{width:100%;line-height:0}.kcc-foam-mousse__split-image{display:block;width:100%;height:auto;margin:0;padding:0}.kcc-foam-mousse__split-bg--desktop{display:block}.kcc-foam-mousse__split-bg--mobile{display:none}@media screen and (max-width:749px){.kcc-foam-mousse__split-bg--desktop{display:none}.kcc-foam-mousse__split-bg--mobile{display:block}}.kcc-foam-mousse__split-piece{width:100%;line-height:0}.kcc-foam-mousse__split-video{display:block;width:100%;height:auto;object-fit:cover}.kcc-foam-mousse__video-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.kcc-foam-mousse__video-wrap{position:absolute;line-height:0}.kcc-foam-mousse__video-wrap--desktop{top:var(--video-desktop-top);left:var(--video-desktop-left);width:var(--video-desktop-width, 20%);transform:translate(-50%,-50%);display:block}.kcc-foam-mousse__video-wrap--mobile{display:none}.kcc-foam-mousse__video{display:block;width:100%;height:auto;object-fit:cover}@media screen and (max-width:749px){.kcc-foam-mousse__video-wrap--desktop{display:none}.kcc-foam-mousse__video-wrap--mobile{top:var(--video-mobile-top);left:var(--video-mobile-left);width:var(--video-mobile-width, 35%);transform:translate(-50%,-50%);display:block}}.kcc-foam-mousse__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.kcc-foam-mousse__floating{position:absolute;top:var(--floating-desktop-top);left:var(--floating-desktop-left);width:var(--floating-desktop-width, 30%);transform:translate(-50%,-50%);z-index:4;pointer-events:none}.kcc-foam-mousse__floating-card{width:100%;opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.kcc-foam-mousse__floating--desktop-left .kcc-foam-mousse__floating-card{text-align:left}.kcc-foam-mousse__floating--desktop-center .kcc-foam-mousse__floating-card{text-align:center}.kcc-foam-mousse__floating--desktop-right .kcc-foam-mousse__floating-card{text-align:right}@media screen and (max-width:749px){.kcc-foam-mousse__floating--mobile-left .kcc-foam-mousse__floating-card{text-align:left}.kcc-foam-mousse__floating--mobile-center .kcc-foam-mousse__floating-card{text-align:center}.kcc-foam-mousse__floating--mobile-right .kcc-foam-mousse__floating-card{text-align:right}}.kcc-foam-mousse__item.is-visible .kcc-foam-mousse__floating-card,.kcc-foam-mousse__floating.is-visible .kcc-foam-mousse__floating-card{opacity:1;transform:translateY(0)}.kcc-foam-mousse__floating-title{font-family:Bebas Neue;font-size:4vw;color:var(--foam-color-black);line-height:.95;letter-spacing:.5px;text-transform:uppercase;margin:0 0 12px}.kcc-foam-mousse__floating-text{margin:0;font-family:var(--foam-font-body);font-size:1.25vw;line-height:1.25;color:var(--foam-color-text)}.kcc-foam-mousse__floating-text p{margin:0}@media screen and (max-width:749px){.kcc-foam-mousse__floating{top:var(--floating-mobile-top);left:var(--floating-mobile-left);width:var(--floating-mobile-width, 70%);transform:translate(-50%,-50%)}.kcc-foam-mousse__floating-card{text-align:center}.kcc-foam-mousse__floating-title{font-size:9vw;margin-bottom:10px}.kcc-foam-mousse__floating-text{font-size:4vw;line-height:1.3}.kcc-foam-mousse__floating-text p br{display:none}}.kcc-foam-mousse__info-callout{position:absolute;top:var(--info-desktop-top);left:var(--info-desktop-left);width:var(--info-desktop-width, 24%);transform:translate(-50%,-50%);z-index:4;pointer-events:none}.kcc-foam-mousse__info-card{position:relative;width:100%;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.kcc-foam-mousse__info-callout.is-visible .kcc-foam-mousse__info-card{opacity:1;transform:translateY(0)}.kcc-foam-mousse__info-callout--desktop-left .kcc-foam-mousse__info-card{text-align:left}.kcc-foam-mousse__info-callout--desktop-center .kcc-foam-mousse__info-card{text-align:center}.kcc-foam-mousse__info-callout--desktop-right .kcc-foam-mousse__info-card{text-align:right}@media screen and (max-width:749px){.kcc-foam-mousse__info-callout--mobile-left .kcc-foam-mousse__info-card{text-align:left}.kcc-foam-mousse__info-callout--mobile-center .kcc-foam-mousse__info-card{text-align:center}.kcc-foam-mousse__info-callout--mobile-right .kcc-foam-mousse__info-card{text-align:right}}.kcc-foam-mousse__info-top-image,.kcc-foam-mousse__info-secondary-image{margin-bottom:12px}.kcc-foam-mousse__info-top-image,.kcc-foam-mousse__info-secondary-image{display:flex;justify-content:center;align-items:center;margin-bottom:12px;line-height:0}.kcc-foam-mousse__info-img{display:block;width:auto;max-width:100%;height:auto}.kcc-foam-mousse__info-content,.kcc-foam-mousse__info-shape{position:relative}.kcc-foam-mousse__info-shape--cloud{display:inline-block;width:100%}.kcc-foam-mousse__info-shape-image{display:block;width:100%;height:auto}.kcc-foam-mousse__info-shape--cloud .kcc-foam-mousse__info-text{position:absolute;top:57%;left:50%;width:68%;transform:translate(-50%,-50%);text-align:center}.kcc-foam-mousse__info-shape--rounded .kcc-foam-mousse__info-text{position:absolute;top:50%;left:50%;width:78%;transform:translate(-50%,-50%);text-align:center}.kcc-foam-mousse__info-shape--rounded .kcc-foam-mousse__info-shape-image{display:block;width:100%;height:auto}.kcc-foam-mousse__info-shape--rounded{display:inline-block;width:100%;position:relative}.kcc-foam-mousse__info-text{font-family:var(--foam-font-body);font-size:1.1vw;line-height:1.28;color:#1d1d1f;text-transform:uppercase}.kcc-foam-mousse__info-text p{margin:0}.kcc-foam-mousse__info-text p a{font-family:var(--foam-font-body);font-size:2vw;font-weight:700;text-decoration:underline}.kcc-foam-mousse__info-connector{position:absolute;top:var(--info-connector-desktop-top, 0%);left:var(--info-connector-desktop-left, 0%);width:var(--info-connector-desktop-width, 100%);height:var(--info-connector-desktop-height, 100%);pointer-events:none}.kcc-foam-mousse__info-connector-v,.kcc-foam-mousse__info-connector-h{position:absolute;display:block;background:#000c}.kcc-foam-mousse__info-connector-v{left:0;bottom:0;width:2px;height:100%;transform:scaleY(0);transform-origin:bottom center;transition:transform .35s ease}.kcc-foam-mousse__info-connector-h{left:0;top:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left center;transition:transform .55s ease .2s}.kcc-foam-mousse__info-connector.is-reversed .kcc-foam-mousse__info-connector-v{left:auto;right:0}.kcc-foam-mousse__info-connector.is-reversed .kcc-foam-mousse__info-connector-h{left:auto;right:0;transform-origin:right center}.kcc-foam-mousse__info-callout.is-visible .kcc-foam-mousse__info-connector-v{transform:scaleY(1)}.kcc-foam-mousse__info-callout.is-visible .kcc-foam-mousse__info-connector-h{transform:scaleX(1)}@media screen and (max-width:749px){.kcc-foam-mousse__info-callout{top:var(--info-mobile-top);left:var(--info-mobile-left);width:var(--info-mobile-width, 70%);transform:translate(-50%,-50%)}.kcc-foam-mousse__info-connector{top:var(--info-connector-mobile-top, 72%);left:var(--info-connector-mobile-left, 47%);width:var(--info-connector-mobile-width, 28%);height:var(--info-connector-mobile-height, 22%)}.kcc-foam-mousse__info-connector-v{left:0;top:0;bottom:auto;width:2px;height:32%;transform-origin:top center}.kcc-foam-mousse__info-connector-h{left:0;top:32%;width:100%;height:2px}.kcc-foam-mousse__info-connector-v-end{position:absolute;right:0;top:var(--info-connector-mobile-horizontal-top, 32%);width:2px;height:var(--info-connector-mobile-end-height, 68%);background:#000c;transform:scaleY(0);transform-origin:top center}.kcc-foam-mousse__info-callout.is-visible .kcc-foam-mousse__info-connector-v{transition:transform .25s ease}.kcc-foam-mousse__info-callout.is-visible .kcc-foam-mousse__info-connector-h{transition:transform .35s ease .2s}.kcc-foam-mousse__info-callout.is-visible .kcc-foam-mousse__info-connector-v-end{transform:scaleY(1);transition:transform .25s ease .5s}.kcc-foam-mousse__info-shape--rounded{padding:0;border-radius:0}.kcc-foam-mousse__info-text{font-size:3.5vw}.kcc-foam-mousse__info-text p a{font-size:4vw}}.kcc-foam-mousse__item{position:absolute;top:var(--desktop-top);left:var(--desktop-left);width:var(--desktop-width, 100%);transform:translate(-50%,-50%);z-index:3;pointer-events:auto;box-sizing:border-box}.kcc-foam-mousse__item--desktop-left .kcc-foam-mousse__card{text-align:left}.kcc-foam-mousse__item--desktop-center .kcc-foam-mousse__card{text-align:center}.kcc-foam-mousse__item--desktop-right .kcc-foam-mousse__card{text-align:right}@media screen and (max-width:749px){.kcc-foam-mousse__item--mobile-left .kcc-foam-mousse__card{text-align:left}.kcc-foam-mousse__item--mobile-center .kcc-foam-mousse__card{text-align:center}.kcc-foam-mousse__item--mobile-right .kcc-foam-mousse__card{text-align:right}}.kcc-foam-mousse__trigger{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:1;background:transparent;border:0;padding:0}.kcc-foam-mousse__card{position:relative;width:100%;max-width:100%;box-sizing:border-box;z-index:2;opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease;overflow:visible}.kcc-foam-mousse__item.is-visible .kcc-foam-mousse__card,.kcc-foam-mousse__item.is-hovered .kcc-foam-mousse__card{opacity:1;transform:translateY(0)}.kcc-foam-mousse__badge-row{display:flex;align-items:center;flex-direction:row;max-width:100%}.kcc-foam-mousse__badge-row.is-reversed{flex-direction:row-reverse}.kcc-foam-mousse__item--desktop-left .kcc-foam-mousse__badge-row{justify-content:flex-start}.kcc-foam-mousse__item--desktop-center .kcc-foam-mousse__badge-row{justify-content:center}.kcc-foam-mousse__item--desktop-right .kcc-foam-mousse__badge-row{justify-content:flex-start}@media screen and (max-width:749px){.kcc-foam-mousse__item--mobile-left .kcc-foam-mousse__badge-row,.kcc-foam-mousse__item--mobile-left .kcc-foam-mousse__badge-row.is-reversed{justify-content:flex-start}.kcc-foam-mousse__item--mobile-center .kcc-foam-mousse__badge-row,.kcc-foam-mousse__item--mobile-center .kcc-foam-mousse__badge-row.is-reversed{justify-content:center}.kcc-foam-mousse__item--mobile-right .kcc-foam-mousse__badge-row,.kcc-foam-mousse__item--mobile-right .kcc-foam-mousse__badge-row.is-reversed{justify-content:flex-start}}.kcc-foam-mousse__badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:7vw;aspect-ratio:1 / 1;flex:0 0 auto}.kcc-foam-mousse__badge-icon{display:block;width:100%;height:100%;object-fit:contain}.kcc-foam-mousse__badge-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;font-family:var(--foam-font-body);font-size:11px;line-height:1.1;letter-spacing:.8px;text-transform:uppercase;color:var(--foam-color-white)}.kcc-foam-mousse__hair-icon-wrap{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:8vw}.kcc-foam-mousse__hair-icon{display:block;width:100%;height:auto;object-fit:contain}.kcc-foam-mousse__eyebrow{margin:0;font-family:var(--foam-font-body);font-size:12px;color:var(--foam-color-black);line-height:1.1;letter-spacing:1.5px;text-transform:uppercase}.kcc-foam-mousse__title-area{position:relative;padding-top:1.2vw;padding-bottom:clamp(5px,3vw,5px)}.kcc-foam-mousse__title{font-family:Bebas Neue;font-size:3vw;line-height:normal;letter-spacing:1.39px;text-transform:uppercase;color:var(--foam-color-black);margin:0}.kcc-foam-mousse__connector{position:relative;top:calc(100% + var(--connector-gap, 10%));left:var(--connector-desktop-left, 0%);width:var(--connector-desktop-width, 100%);height:var(--connector-desktop-height, 0%);pointer-events:none;z-index:1}.kcc-foam-mousse__connector-v,.kcc-foam-mousse__connector-h{position:absolute;display:block;background:#000000d9}.kcc-foam-mousse__connector-v{left:0;bottom:0;width:100%;height:100%;transform:scaleY(0);transform-origin:bottom center;transition:transform .35s ease}.kcc-foam-mousse__connector-h{left:0;top:0;width:100%;height:1.5px;transform:scaleX(0);transform-origin:left center;transition:transform .55s ease .25s}.kcc-foam-mousse__connector-dot{position:absolute;top:var(--connector-desktop-dot-top, 0%);left:var(--connector-desktop-dot-left, 100%);width:12px;height:12px;margin-top:-6px;margin-left:-6px;border:2px solid rgba(0,0,0,.85);border-radius:50%;background:var(--foam-color-white);opacity:0;transform:scale(.4);transition:opacity .25s ease .7s,transform .25s ease .7s}.kcc-foam-mousse__connector.is-reversed .kcc-foam-mousse__connector-v{left:auto;right:0}.kcc-foam-mousse__connector.is-reversed .kcc-foam-mousse__connector-h{left:auto;right:0;transform-origin:right center}.kcc-foam-mousse__item.is-visible .kcc-foam-mousse__connector-v,.kcc-foam-mousse__item.is-hovered .kcc-foam-mousse__connector-v{transform:scaleY(1)}.kcc-foam-mousse__item.is-visible .kcc-foam-mousse__connector-h,.kcc-foam-mousse__item.is-hovered .kcc-foam-mousse__connector-h{transform:scaleX(1)}.kcc-foam-mousse__item.is-visible .kcc-foam-mousse__connector-dot,.kcc-foam-mousse__item.is-hovered .kcc-foam-mousse__connector-dot{opacity:1;transform:scale(1)}@media screen and (max-width:749px){.kcc-foam-mousse__connector{top:calc(100% + var(--connector-gap, 10%));left:var(--connector-mobile-left, 0%);width:var(--connector-mobile-width, 100%);height:var(--connector-mobile-height, 0%)}.kcc-foam-mousse__connector-dot{top:var(--connector-mobile-dot-top, 0%);left:var(--connector-mobile-dot-left, 100%)}}.kcc-foam-mousse__info-callout .kcc-foam-mousse__info-text,.kcc-foam-mousse__info-callout .kcc-foam-mousse__info-text a{pointer-events:auto;z-index:5}.kcc-foam-mousse__text{margin:1.2em 0 .8em;max-width:100%;font-family:var(--foam-font-body);font-size:1.05vw;line-height:normal;letter-spacing:.667px;text-transform:uppercase}.kcc-foam-mousse__text p{margin:0}.kcc-foam-mousse__item.is-visible .kcc-foam-mousse__title,.kcc-foam-mousse__item.is-hovered .kcc-foam-mousse__title{animation:foamTextRise .7s ease both}.kcc-foam-mousse__item.is-visible .kcc-foam-mousse__text,.kcc-foam-mousse__item.is-hovered .kcc-foam-mousse__text{animation:foamTextRise .85s ease both}.kcc-foam-mousse__item.is-visible .kcc-foam-mousse__button,.kcc-foam-mousse__item.is-hovered .kcc-foam-mousse__button{animation:foamTextRise 1s ease both}@keyframes foamTextRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:750px){.kcc-foam-mousse__item:hover .kcc-foam-mousse__card{opacity:1;transform:translateY(0)}.kcc-foam-mousse__badge-row{gap:2.2vw;padding-top:3vw}}@media screen and (max-width:749px){.kcc-foam-mousse__desktop{display:none}.kcc-foam-mousse__mobile{display:block}.kcc-foam-mousse__item{top:var(--mobile-top);left:var(--mobile-left);width:var(--mobile-width, 60%);transform:translate(-50%,-50%)}.kcc-foam-mousse__item--left,.kcc-foam-mousse__item--center,.kcc-foam-mousse__item--right{transform:translate(-50%,-50%)}.kcc-foam-mousse__item--left .kcc-foam-mousse__card,.kcc-foam-mousse__item--center .kcc-foam-mousse__card,.kcc-foam-mousse__item--right .kcc-foam-mousse__card{text-align:center;align-items:center}.kcc-foam-mousse__trigger{top:-12px;right:-12px;bottom:-12px;left:-12px}.kcc-foam-mousse__card{gap:8px;padding:6px;border-radius:12px}.kcc-foam-mousse__title-area{padding-bottom:0}.kcc-foam-mousse__title{font-size:6.5vw}.kcc-foam-mousse__text{max-width:100%;font-size:14px}.kcc-foam-mousse__button{min-width:160px;min-height:30px;font-size:14px}.kcc-foam-mousse__badge-row,.kcc-foam-mousse__badge-row.is-reversed{justify-content:center;gap:14px}.kcc-foam-mousse__badge{width:78px;height:78px;flex:0 0 78px}.kcc-foam-mousse__badge-icon{width:14vw;height:14vw}.kcc-foam-mousse__badge-text{font-size:9px;padding:10px}.kcc-foam-mousse__hair-icon-wrap{width:14vw}.kcc-foam-mousse__hair-icon{width:78px}.kcc-foam-mousse__info-callout .kcc-foam-mousse__info-text,.kcc-foam-mousse__info-callout .kcc-foam-mousse__info-text a{margin-bottom:1.5em}}@media(min-width:600px)and (max-width:768px){.kcc-foam-mousse__badge-row{gap:15px;padding-top:4vw}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/template-z-foam-mousse.css.map */