.custom-component-about-hero{overflow:visible;position:relative}.custom-component-about-hero .section-title[data-logo-replace=true]{display:flex;flex-wrap:wrap;line-height:1.25em}.custom-component-about-hero .section-title[data-logo-replace=true] em{display:inline-block;height:1.25em;width:5em}.custom-component-about-hero .section-title[data-logo-replace=true] em strong{background-image:url(//kohochocolates.com/cdn/shop/t/24/assets/logo.svg?v=105890432097004515821751325632);background-repeat:no-repeat;background-position:left center;background-size:auto 100%;display:block;height:100%;overflow:visible;text-indent:-9999vw;width:100%}@media only screen and (max-width: 768px){.custom-component-about-hero{padding:27px 0 0}.custom-component-about-hero .section-title{margin-bottom:18px}.custom-component-about-hero .section-title[data-logo-replace=true]{flex-direction:column}.custom-component-about-hero .textbox,.custom-component-about-hero .primary-image,.custom-component-about-hero .secondary-image{margin-bottom:27px}}@media only screen and (min-width: 768px){.custom-component-about-hero{padding:126px 0 0}.custom-component-about-hero .section-title{margin-bottom:40px}.custom-component-about-hero .textbox-1{margin-right:15px;margin-bottom:45px;position:relative}.custom-component-about-hero .textbox-2{margin-left:15px;margin-top:45px;position:relative}.custom-component-about-hero .secondary-image-wrap{height:calc(100% + 60px);position:relative;width:100%;z-index:5}.custom-component-about-hero .tertiary-image-wrap{height:calc(100% + 60px);margin-top:-190px;position:relative;width:100%;z-index:5}.custom-component-about-hero .secondary-image,.custom-component-about-hero .tertiary-image{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.custom-component-about-hero .secondary-image img,.custom-component-about-hero .tertiary-image img{height:100%;object-fit:cover;width:100%}}@media only screen and (min-width: 768px) and (max-width: 991px){.custom-component-about-hero .section-title.big-heading[data-logo-replace=true]{font-size:60px}}@media only screen and (min-width: 992px) and (max-width: 1280px){.custom-component-about-hero .section-title.big-heading[data-logo-replace=true]{font-size:69px}}.custom-component-about-hero .svg-accent{width:120vw;padding:1px 0}.custom-component-about-hero .svg-wrapper-element[data-offset-side=left]{margin-left:-10vw}.custom-component-about-hero .svg-wrapper-element[data-offset-side=right]{margin-right:-10vw}.custom-component-about-hero .svg-wrapper-element[data-offset-side=center]{margin-left:-10vw;margin-right:-10vw}.custom-component-about-hero #svg-accent-1--desk .svg-animation-element{animation:about-sway-1 20s infinite}@media only screen and (min-width: 768px){.custom-component-about-hero #svg-accent-1--desk{left:calc(-.5*(100vw - 100%));position:absolute;bottom:0}.custom-component-about-hero #svg-accent-1--desk .svg-wrapper-element{transform:translate(-3%,57%)}}@media only screen and (min-width: 992px){.custom-component-about-hero #svg-accent-1--desk .svg-wrapper-element{transform:translate(2%,59%)}}@media only screen and (min-width: 1200px){.custom-component-about-hero #svg-accent-1--desk .svg-wrapper-element{transform:translateY(62%)}}.custom-component-about-hero #svg-accent-2--desk{position:absolute;top:-10vw;right:-2vw}.custom-component-about-hero #svg-accent-2--desk .svg-animation-element{animation:about-sway-2 18s infinite}.custom-component-about-hero #svg-accent-3--desk{position:absolute;bottom:-17vw;right:0}.custom-component-about-hero #svg-accent-3--desk .svg-animation-element{animation:about-sway-3 16s infinite}.custom-component-about-hero #svg-accent-1--mob{position:absolute;top:-10vw;right:0}.custom-component-about-hero #svg-accent-1--mob .svg-animation-element{animation:about-sway-2 18s infinite}.custom-component-about-hero #svg-accent-2--mob{position:absolute;bottom:0;left:0;z-index:2}.custom-component-about-hero #svg-accent-2--mob .svg-wrapper-element{transform:translateY(50%)}.custom-component-about-hero #svg-accent-2--mob .svg-animation-element{animation:about-sway-1 20s infinite}.custom-component-about-hero #svg-accent-3--mob{position:absolute;bottom:-45vw;right:0}.custom-component-about-hero #svg-accent-3--mob .svg-animation-element{animation:about-sway-3 16s infinite}@keyframes about-sway-1{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes about-sway-2{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes about-sway-3{0%,to{transform:rotate(5deg)}50%{transform:rotate(-1deg)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/custom-component-about-hero.css.map */