.hero-split{display:flex;height:100vh;min-height:100vh;position:relative}.hero-split__image-section{flex:1;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center;padding:0 clamp(2rem,8vw,4rem)}.hero-split__image-content{display:flex;flex-direction:column;gap:clamp(.9rem,2.7vw,1.35rem);z-index:1;max-width:min(605px,99vw);width:100%;justify-content:center;align-items:center;text-align:center}.hero-split__image-text{font-size:clamp(2.5rem,7vw,3.5rem);color:#fff;line-height:1.1;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center;margin-bottom:clamp(.5rem,1.5vw,1rem);letter-spacing:.02em}.hero-split__image-subtext{font-size:clamp(1.25rem,3vw,1.5rem);color:#fff;margin:0;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.3);text-align:center;margin-bottom:clamp(1rem,3vw,2rem);font-style:italic}.hero-split__brand-text{font-family:fivo_sansmedium,sans-serif;font-size:clamp(.75rem,1.5vw,.875rem);color:#fff;opacity:.7;margin-top:auto;text-shadow:0 1px 2px rgba(0,0,0,.3);text-align:center}.hero-split__arrow{position:absolute;z-index:2}.hero-split__arrow--top-left{top:clamp(1rem,4vw,2rem);left:clamp(1rem,4vw,2rem)}.hero-split__arrow--bottom-right{bottom:clamp(1rem,4vw,2rem);right:clamp(1rem,4vw,2rem)}.hero-split__arrow svg{width:clamp(5rem,15vw,10rem);height:clamp(5rem,15vw,10rem);opacity:1;transform:none;transition:none}.hero-split__arrow svg path{stroke-dasharray:none;stroke-dashoffset:0;transition:none}.hero-split__arrow.animate svg{opacity:1;transform:none}.hero-split__arrow.animate svg path{stroke-dashoffset:0}.hero-split__image-text{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1) .6s}.hero-split__image-subtext{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1) .8s}.hero-split__brand-text{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1) 1s}.hero-split__image-section.animate .hero-split__image-text,.hero-split__image-section.animate .hero-split__image-subtext,.hero-split__image-section.animate .hero-split__brand-text{opacity:1;transform:translateY(0)}.hero-split__chat-section{flex:1;background-color:#06c;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,6vw,3rem);overflow:visible;position:relative}.hero-split__chat-content{display:flex;flex-direction:column;gap:clamp(.9rem,2.7vw,1.35rem);max-width:min(453px,93.5vw);width:100%;transition:all .6s cubic-bezier(.4,0,.2,1);overflow:visible;position:relative}.hero-split__chat-content.has-response{gap:24px;transition:gap .6s cubic-bezier(.4,0,.2,1)}.hero-split__chat-heading{font-family:fivo_sansmedium,sans-serif;font-size:clamp(1.5rem,4.5vw,2.25rem);color:#fff;line-height:1.1;font-weight:700;margin:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.hero-split__chat-heading.hidden,.hero-split__chat-description.hidden{opacity:0;transform:translateY(-20px);height:0;margin:0;overflow:hidden}.hero-split__chat-input-wrapper{position:relative;background-color:#f5f5f5;border-radius:clamp(.5rem,1.5vw,.75rem);padding:clamp(.45rem,1.35vw,.675rem) clamp(.75rem,2vw,1rem);display:flex;align-items:center;min-height:clamp(2.25rem,5.4vw,2.7rem);border:none;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-split__search-icon{color:#666;width:18px;height:18px;flex-shrink:0}.hero-split__chat-input{flex:1;border:none;background:transparent;font-family:fivo_sansregular,sans-serif;font-size:clamp(.75rem,2vw,.875rem);color:#222;resize:none;outline:none;line-height:1.4;min-height:clamp(1rem,3vw,1.25rem);max-height:clamp(2.5rem,8vw,3rem);overflow-y:auto}.hero-split__chat-input:focus{outline:none;border:none;box-shadow:none}.hero-split__chat-input::placeholder{color:#666;opacity:1}.hero-split__send-btn{position:absolute;right:clamp(.25rem,1vw,.5rem);bottom:clamp(.25rem,1vw,.5rem);width:clamp(1.5rem,4vw,2rem);height:clamp(1.5rem,4vw,2rem);background:#111;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 2px 8px #00000026;transition:background .2s ease}.hero-split__send-btn:hover{background:#333}.hero-split__send-icon{color:#fff;font-size:clamp(.75rem,2vw,1rem);font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.hero-split__chat-input-wrapper.expanded{min-height:54px;box-shadow:0 4px 16px #0000001a;transform:scale(1.02)}.hero-split__chat-input-wrapper.expanded .hero-split__send-btn{transform:scale(1.1);transition:transform .3s cubic-bezier(.4,0,.2,1)}.hero-split__chat-section{transition:padding .4s cubic-bezier(.4,0,.2,1)}.hero-split__chat-section.input-expanded{padding:48px 64px}.hero-split__chat-section.has-response{padding:32px 64px;transition:padding .6s cubic-bezier(.4,0,.2,1)}.hero-split__chat-section.has-response.input-expanded{padding:40px 64px}.hero-split__message-preview{background-color:#f5f5f5;border-radius:12px;padding:12px 16px;margin-bottom:16px;opacity:0;transform:translateY(-10px);transition:all .3s ease}.hero-split__message-preview.show{opacity:1;transform:translateY(0)}.hero-split__preview-content{display:flex;align-items:center;gap:8px}.hero-split__preview-text{font-family:fivo_sansregular,sans-serif;font-size:14px;color:#666;line-height:1.4}.hero-split__chat-input-wrapper.compact{min-height:40px;padding:8px 12px;transition:all .3s ease}.hero-split__chat-input-wrapper.compact .hero-split__search-icon{width:14px;height:14px;transition:all .3s ease}.hero-split__chat-input-wrapper.compact .hero-split__chat-input{font-size:13px;transition:all .3s ease}.hero-split__chat-description{font-family:fivo_sansregular,sans-serif;font-size:clamp(.75rem,2vw,.875rem);color:#fff;line-height:1.5;margin:0;opacity:.9}.hero-split__match-btn{background-color:#222;color:#fff;border:none;border-radius:clamp(.25rem,1vw,.5rem);padding:clamp(.675rem,1.8vw,.9rem) clamp(1.5rem,4vw,2rem);font-family:fivo_sansmedium,sans-serif;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;cursor:pointer;transition:background-color .2s;align-self:flex-start;margin-top:clamp(.675rem,1.8vw,.9rem);max-width:100%;box-sizing:border-box;width:auto;min-width:0;position:relative;z-index:2}.hero-split__match-btn:hover{background-color:#444}.hero-split__chat-content{position:relative}.search-chat-response{background:#fff;border-radius:clamp(.75rem,2vw,1rem);box-shadow:0 clamp(.25rem,1vw,.5rem) clamp(1rem,3vw,1.5rem) #0000001f,0 1px clamp(.25rem,1vw,.5rem) #00000014;padding:clamp(.9rem,2.7vw,1.35rem) clamp(.75rem,2vw,1rem) clamp(.9rem,2.7vw,1.35rem) clamp(.75rem,2vw,1rem);max-width:min(544px,99vw);width:100%;margin:clamp(.75rem,2vw,1.5rem) auto clamp(.75rem,2vw,1rem) auto;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:1!important;min-height:clamp(4.5rem,10.8vw,6.3rem);opacity:0;transform:translateY(20px) scale(.9);transition:all .5s cubic-bezier(.34,1.56,.64,1);filter:blur(2px);overflow:hidden}.search-chat-response.show{opacity:1;transform:translateY(0) scale(1);filter:blur(0px);z-index:1!important}.search-chat-messages{opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.4,0,.2,1) .2s}.search-chat-response.show .search-chat-messages{opacity:1;transform:translateY(0)}.search-chat-options{opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.4,0,.2,1) .3s}.search-chat-response.show .search-chat-options{opacity:1;transform:translateY(0)}.search-chat-bubble-bot,.search-chat-bubble-user{opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.search-chat-response.show .search-chat-bubble-bot,.search-chat-response.show .search-chat-bubble-user{opacity:1;transform:translateY(0)}.hero-split .search-chat-bubble-user{background:#06c!important;color:#fff!important;font-family:fivo_sansregular,sans-serif!important;font-size:clamp(.75rem,2vw,.875rem)!important;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem)!important;border-radius:clamp(.5rem,1.5vw,.75rem)!important;margin-bottom:clamp(.5rem,1.5vw,.75rem)!important}.hero-split .search-chat-bubble-bot{background:#f5f6fa!important;color:#222!important;font-family:fivo_sansregular,sans-serif!important;font-size:clamp(.75rem,2vw,.875rem)!important;padding:clamp(.75rem,2vw,1rem) clamp(.75rem,2vw,1rem)!important;border-radius:clamp(.5rem,1.5vw,.75rem)!important;margin-bottom:clamp(.5rem,1.5vw,.75rem)!important}.hero-split .search-chat-response{font-family:fivo_sansregular,sans-serif;font-size:clamp(.75rem,2vw,.875rem)}.hero-split .search-chat-messages{font-size:clamp(.75rem,2vw,.875rem)}.hero-split .search-chat-options button{font-family:fivo_sansregular,sans-serif!important;font-size:clamp(.625rem,1.5vw,.75rem)!important;padding:clamp(.25rem,1vw,.5rem) clamp(.75rem,2vw,1rem)!important;border-radius:clamp(.5rem,1.5vw,.75rem)!important;margin:clamp(.0625rem,.25vw,.125rem)!important;border:1px solid #d1d5db!important;background:#fff!important;color:#222!important;transition:all .2s ease!important}.hero-split .search-chat-options button:hover,.hero-split .search-chat-options button:focus{background:#06c!important;color:#fff!important;border-color:#06c!important}.hero-split .search-chat-options{gap:clamp(.125rem,.5vw,.25rem)!important;margin-bottom:clamp(.25rem,1vw,.5rem)!important}.hero-split .search-chat-response,.hero-split .search-chat-response.show{z-index:1!important;position:relative!important}.hero-split__arrows-center{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:2}.hero-split__arrow{position:absolute;transition:left 6s cubic-bezier(.34,1.56,.64,1),top 6s cubic-bezier(.34,1.56,.64,1),right 6s cubic-bezier(.34,1.56,.64,1),bottom 6s cubic-bezier(.34,1.56,.64,1),transform 6s cubic-bezier(.34,1.56,.64,1)}.hero-split__arrow--top-left{left:50%;top:50%;transform:translate(-50%,-50%) rotate(0) scale(.6)}.hero-split__arrow--top-left.animate{left:0;top:2.5rem;transform:rotate(0) scale(.6)}.hero-split__arrow--bottom-right{left:50%;top:50%;transform:translate(-50%,-50%) rotate(0) scale(.6)}.hero-split__arrow--bottom-right.animate{left:auto;top:auto;right:0;bottom:7rem;transform:rotate(0) scale(.6)}.hero-split__image-content.hide-text{opacity:0;pointer-events:none;transition:opacity .4s}.hero-split__image-content.show-text{opacity:1;transition:opacity .6s}@media only screen and (max-width: 768px){.hero-split{flex-direction:column;height:auto;min-height:100vh}.hero-split__image-section{height:50vh;padding:clamp(1.5rem,4vw,2rem)}.hero-split__image-text{text-align:center;font-size:clamp(2.125rem,6vw,2.975rem)}.hero-split__image-subtext{text-align:center}.hero-split__chat-section{height:50vh;padding:clamp(1.5rem,4vw,2rem);overflow:hidden}.hero-split__chat-heading{text-align:center}.hero-split__chat-content{align-items:center;max-width:100%;width:100%}.hero-split__chat-description{text-align:center}.hero-split__match-btn{align-self:center;width:100%;max-width:min(220px,88vw)}.hero-split .search-chat-response{max-width:calc(100vw - 3rem)!important;width:calc(100vw - 3rem)!important;margin:0 auto clamp(.75rem,2vw,1rem) auto!important;left:50%!important;transform:translate(-50%)!important;position:absolute!important;bottom:calc(100% + 1rem)!important;top:auto!important;z-index:1000!important}.hero-split .search-chat-response.show{transform:translate(-50%) scale(1)!important}.hero-split__arrow--top-left.animate{top:.25rem!important}.hero-split__chat-input-wrapper{max-width:100%!important;width:100%!important}.hero-split__chat-input{min-height:clamp(3rem,3vw,1.25rem)!important}.hero-split .search-chat-messages{max-width:100%!important;overflow-x:hidden!important}.hero-split .search-chat-options{max-width:100%!important;flex-wrap:wrap!important;justify-content:center!important}.hero-split .search-chat-options button{max-width:calc(50% - .25rem)!important;min-width:0!important;flex:1 1 calc(50% - .25rem)!important}}@media only screen and (max-width: 480px){.hero-split__image-section,.hero-split__chat-section{padding:clamp(1rem,3vw,1.5rem)}}.typing-indicator{display:none;align-items:center;gap:4px;padding:12px 16px;background:#f5f6fa;border-radius:12px;margin-bottom:12px;max-width:60px}.typing-indicator.show{display:flex}.typing-dot{width:8px;height:8px;background:#06c;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero-image-swatched.css.map */