.hh-banner{color:#fff;font-family:inherit}.hh-banner *{box-sizing:border-box}.hh-banner .hh-banner__stage{position:relative;isolation:isolate;min-height:460px;display:flex;align-items:center;padding:64px 0 44px;background:#061629;overflow:hidden}.hh-banner .hh-banner__photo{position:absolute;top:0;bottom:0;right:calc(max(var(--page-margin,40px),calc((100% - var(--page-content-width,90rem))/2)) + 12px);width:min(64%,calc(var(--page-content-width,90rem) * .64));z-index:-2;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 96%,transparent 100%)}.hh-banner .hh-banner__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:brightness(.82) contrast(.92) saturate(.8);opacity:.85}.hh-banner .hh-banner__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#061629 0% 32%,#061629e8 46%,#06162900 72%)}.hh-banner .hh-banner__wrap{width:calc(100% - (var(--page-margin,40px) * 2));max-width:var(--page-content-width,90rem);margin:auto;padding:0}.hh-banner .hh-banner__brandbar{background:#fff;border-bottom:1px solid #dce5eb}.hh-banner .hh-banner__brandbar-inner{width:calc(100% - (var(--page-margin,40px) * 2));max-width:var(--page-content-width,90rem);margin:auto;padding:14px 0}.hh-banner .hh-banner__brandbar-title{margin:0 0 10px;color:#17384f;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hh-banner .hh-banner__brandbar-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:12px}.hh-banner .hh-banner__brand{min-width:0;height:58px;display:grid;place-items:center;overflow:hidden;padding:5px 10px;border:1px solid #dce5eb;border-radius:4px;background:#fff;color:#17384f;text-align:center}.hh-banner .hh-banner__brand a{display:grid;place-items:center;width:100%;height:100%;color:inherit;text-decoration:none}.hh-banner .hh-banner__brand a:hover{opacity:.75}.hh-banner .hh-banner__brand img{display:block;width:100%;height:46px;max-width:none;max-height:none;object-fit:cover;object-position:center;transform:scale(.88);transform-origin:center}.hh-banner .hh-banner__brand span{font-size:clamp(15px,1.2vw,19px);line-height:1.2;font-weight:650;letter-spacing:-.025em}.hh-banner h1{width:62%;max-width:860px;margin:0;color:#fff;font-size:clamp(34px,3.8vw,56px);font-weight:600;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}.hh-banner .hh-banner__lead{width:62%;max-width:64ch;margin:24px 0 0;color:#fff;font-size:18px;line-height:1.65}.hh-banner .hh-banner__actions{display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(0,4fr);align-items:stretch;gap:12px;margin-top:36px;width:100%;max-width:1180px}.hh-banner .hh-banner__collection-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.hh-banner .hh-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:50px;padding:12px 14px;border:1px solid #fff;border-radius:5px;text-align:center;text-decoration:none;font-size:13px;font-weight:600;line-height:1.4}.hh-banner .hh-banner__button svg{display:block;width:18px;height:18px;flex:0 0 18px;align-self:center}.hh-banner .hh-banner__button-label{display:block;min-width:0;line-height:1.3}.hh-banner .hh-banner__button--primary{background:#fff;color:#073b6c}.hh-banner .hh-banner__button--outline{background:#ffffff14;color:#fff}.hh-banner a.hh-banner__button:hover{background:#e8f3f9;color:#073b6c}.hh-banner span.hh-banner__button[aria-disabled=true]{opacity:.65;cursor:not-allowed}.hh-banner a:focus-visible{outline:3px solid #9bd2ed;outline-offset:4px}@media(min-width:750px)and (max-width:1099px){.hh-banner h1,.hh-banner .hh-banner__lead{width:70%}}@media(max-width:1199px){.hh-banner .hh-banner__actions{grid-template-columns:1fr}.hh-banner .hh-banner__collection-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:750px)and (max-width:1199px){.hh-banner .hh-banner__wrap,.hh-banner .hh-banner__brandbar-inner{width:calc(100% - (clamp(28px,4vw,44px)*2))}}@media(max-width:989px){.hh-banner .hh-banner__brandbar-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-banner .hh-banner__photo{width:70%}}@media(max-width:749px){.hh-banner .hh-banner__stage{min-height:0;align-items:flex-end;padding:40px 0 30px}.hh-banner .hh-banner__photo{top:0;bottom:auto;left:var(--page-margin,16px);right:var(--page-margin,16px);width:auto;height:65%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 100%)}.hh-banner .hh-banner__stage:before{background:linear-gradient(0deg,#061629 0% 28%,#061629d9 55%,#06162926)}.hh-banner .hh-banner__wrap{width:calc(100% - (var(--page-margin,16px) * 2));padding:140px 0 0}.hh-banner .hh-banner__brandbar-inner{width:calc(100% - (var(--page-margin,16px) * 2));padding:10px 0}.hh-banner .hh-banner__brandbar-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hh-banner .hh-banner__brand{height:54px}.hh-banner h1{width:100%;max-width:none;font-size:34px;line-height:1.15}.hh-banner .hh-banner__lead{width:100%;max-width:64ch;margin-top:20px;font-size:16px}.hh-banner .hh-banner__actions,.hh-banner .hh-banner__collection-buttons{display:grid;grid-template-columns:1fr;width:100%}.hh-banner .hh-banner__button{width:100%}}.hh-banner .hh-banner__actions{display:flex;flex-wrap:nowrap;gap:10px;width:max-content;max-width:100%;overflow-x:auto;padding-bottom:4px;align-items:stretch}.hh-banner .hh-banner__collection-buttons{display:flex;flex-wrap:nowrap;width:auto;gap:10px;flex:0 0 auto}.hh-banner .hh-banner__actions .hh-banner__button{flex:0 0 auto;width:auto;min-height:46px;padding:10px 14px;gap:7px;font-size:13px;white-space:nowrap}.hh-banner .hh-banner__actions .hh-banner__button-label{white-space:nowrap}@media(min-width:750px){.hh-banner .hh-banner__photo{top:0;transform:scaleX(.9);transform-origin:right top}.hh-banner .hh-banner__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 72%,#061629 100%)}}.hh-banner .hh-banner__wrap,.hh-banner .hh-banner__brandbar-inner{min-width:0}.hh-banner .hh-banner__actions{overflow:visible;width:fit-content}.hh-banner .hh-banner__actions .hh-banner__button{max-width:100%;white-space:normal}.hh-banner .hh-banner__actions .hh-banner__button-label{white-space:normal;overflow-wrap:anywhere}@media(min-width:750px)and (max-width:1199px){.hh-banner .hh-banner__stage{min-height:420px;padding:48px 0}.hh-banner .hh-banner__wrap,.hh-banner .hh-banner__brandbar-inner{width:calc(100% - 56px)}.hh-banner h1{width:64%;font-size:clamp(32px,4.2vw,46px);line-height:1.15}.hh-banner .hh-banner__lead{width:64%;font-size:16px;line-height:1.65;margin-top:20px}.hh-banner .hh-banner__photo{right:16px;width:60%;transform:scale(.92)}.hh-banner .hh-banner__stage:before{background:linear-gradient(90deg,#061629 0% 28%,#061629e8 45%,#06162955 75%)}.hh-banner .hh-banner__actions{margin-top:26px;max-width:64%}.hh-banner .hh-banner__brandbar-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hh-banner .hh-banner__brand{height:60px}}@media(max-width:749px){.hh-banner .hh-banner__stage{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0 0 32px}.hh-banner .hh-banner__stage:before{display:none}.hh-banner .hh-banner__photo{position:relative;order:0;top:auto;bottom:auto;left:auto;right:auto;width:100%;height:clamp(200px,58vw,300px);z-index:0;transform:none;-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent 100%);mask-image:linear-gradient(180deg,#000 65%,transparent 100%)}.hh-banner .hh-banner__photo img{object-fit:contain;object-position:center}.hh-banner .hh-banner__wrap{position:relative;order:1;width:calc(100% - 40px);margin:0 auto;padding:24px 0 0}.hh-banner h1{width:100%;font-size:clamp(28px,7.5vw,36px);line-height:1.15;overflow-wrap:break-word}.hh-banner .hh-banner__lead{width:100%;max-width:none;margin-top:18px;font-size:15px;line-height:1.65}.hh-banner .hh-banner__actions{display:flex;width:100%;max-width:100%;margin-top:24px;padding:0}.hh-banner .hh-banner__actions .hh-banner__button{flex:1 1 auto;width:100%;min-height:48px;padding:12px 16px;white-space:normal}.hh-banner .hh-banner__brandbar-inner{width:calc(100% - 32px);padding:12px 0}.hh-banner .hh-banner__brandbar-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hh-banner .hh-banner__brand{height:58px;padding:6px 10px}.hh-banner .hh-banner__brand img{height:44px}}.hh-banner .hh-banner__collection-buttons{display:none!important}.hh-banner .hh-banner__actions{display:flex;flex-wrap:wrap;width:100%;max-width:100%;overflow:visible}.hh-banner .hh-banner__actions .hh-banner__button--primary{flex:0 1 auto;width:auto;min-width:0;max-width:100%;height:auto}.hh-banner .hh-banner__actions .hh-banner__button-label{white-space:normal;word-break:normal;overflow-wrap:normal}.hh-banner .hh-banner__slider-toggle{display:none}@media(max-width:749px){.hh-banner .hh-banner__actions .hh-banner__button--primary{flex:1 1 100%;width:100%;min-height:48px}.hh-banner .hh-banner__brandbar-logos{position:relative;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 0 8px;align-items:stretch}.hh-banner .hh-banner__brandbar-logos .hh-banner__brand{flex:0 0 calc((100% - 10px)/2);width:auto;scroll-snap-align:start;height:60px}.hh-banner .hh-banner__slider-toggle:not([hidden]){display:block;margin:6px 0 0 auto;min-height:44px;padding:8px 10px;border:0;background:transparent;color:#17384f;font:inherit;font-size:12px;cursor:pointer}}.hh-banner .hh-banner__actions,.hh-banner .hh-banner__slider-toggle{display:none!important}@media(max-width:749px){.hh-banner .hh-banner__brandbar-logos{scroll-snap-type:none;scrollbar-width:none;padding-bottom:2px}.hh-banner .hh-banner__brandbar-logos::-webkit-scrollbar{display:none}.hh-banner .hh-banner__brandbar-logos .hh-banner__brand{scroll-snap-align:none}}@media(max-width:749px){.hh-banner .hh-banner__stage{display:block;position:relative;min-height:0;padding:44px 0;background:#061629}.hh-banner .hh-banner__photo{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:-2;transform:none;-webkit-mask-image:none;mask-image:none}.hh-banner .hh-banner__photo img{width:100%;height:100%;object-fit:cover;object-position:68% center;filter:brightness(.65) saturate(.65);opacity:.13}.hh-banner .hh-banner__photo:after{display:none}.hh-banner .hh-banner__stage:before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#061629b3,#06162966);pointer-events:none}.hh-banner .hh-banner__wrap{position:relative;order:initial;width:calc(100% - 40px);margin:0 auto;padding:0}.hh-banner h1{width:100%;font-size:clamp(28px,7.5vw,36px);line-height:1.15}.hh-banner .hh-banner__lead{margin-top:22px}}.hh-banner .hh-banner__brand{box-sizing:border-box;height:68px;padding:12px 16px;min-width:0}.hh-banner .hh-banner__brand a{min-width:0;min-height:0;max-width:100%}.hh-banner .hh-banner__brand img,.hh-banner .hh-banner__brand:nth-child(5) img,.hh-banner .hh-banner__brandbar-logos .hh-banner__brand img{display:block;width:160px;height:40px;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none;transform-origin:center}@media(max-width:749px){.hh-banner .hh-banner__brandbar-logos .hh-banner__brand{height:68px;flex:0 0 192px;width:192px;padding:12px 16px}}.hh-banner .hh-banner__brand{height:68px;padding:10px 12px}.hh-banner .hh-banner__brand img,.hh-banner .hh-banner__brandbar-logos .hh-banner__brand img{width:180px;height:46px;max-width:100%;max-height:none;object-fit:cover;object-position:center;transform:none}.hh-banner .hh-banner__brand:nth-child(5) img,.hh-banner .hh-banner__brandbar-logos .hh-banner__brand:nth-child(5) img{width:180px;height:46px;object-fit:contain;transform:scale(1.8)}@media(max-width:749px){.hh-banner .hh-banner__brandbar-logos .hh-banner__brand{height:68px;flex:0 0 208px;width:208px;padding:10px 12px}}.hh-banner .hh-banner__eyebrow{margin:0 0 20px;color:#dce5eb;font-size:12px;letter-spacing:.12em;font-weight:600}.hh-banner .hh-kitchen-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;max-width:100%}.hh-banner .hh-kitchen-collections{display:flex;flex-wrap:wrap;gap:10px}.hh-banner .hh-kitchen-actions .hh-banner__button{white-space:normal;min-height:46px}.hh-banner .hh-banner__brandbar-logos{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:749px){.hh-banner .hh-kitchen-actions,.hh-banner .hh-kitchen-collections{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.hh-banner .hh-kitchen-actions .hh-banner__button{width:100%}}.hh-banner .hh-banner__brandbar-logos .hh-banner__brand{display:grid;place-items:center;height:68px}.hh-banner .hh-banner__brandbar-logos .hh-banner__brand a{display:grid;place-items:center;min-height:0}.hh-banner .hh-banner__brandbar-logos .hh-banner__brand img{height:46px;margin:0;vertical-align:middle}.hh-banner .hh-banner__brandbar-logos .hh-banner__brand[data-brand=levanzo] img{transform:translateY(2px)}.hh-banner .hh-banner__brandbar-logos .hh-banner__brand[data-brand=xunda] img{transform:translateY(-6px)}@media(min-width:750px){.hh-banner .hh-banner__photo{top:0}}@media(min-width:750px)and (max-width:1199px){.hh-banner .hh-banner__stage{min-height:400px;padding:48px 0}.hh-banner h1{width:66%;font-size:clamp(32px,4.3vw,46px)}.hh-banner .hh-banner__lead{width:66%;font-size:16px;line-height:1.65}.hh-banner .hh-banner__photo{top:0;right:0;width:62%;transform:none}.hh-banner .hh-banner__brandbar-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hh-banner .hh-banner__brandbar-logos .hh-banner__brand{width:100%;min-width:0}}@media(max-width:749px){.hh-banner .hh-banner__stage{padding:40px 0}.hh-banner .hh-banner__wrap{width:calc(100% - 40px)}.hh-banner h1{font-size:clamp(28px,7.3vw,36px);line-height:1.17;overflow-wrap:break-word}.hh-banner .hh-banner__lead{width:100%;max-width:none;margin-top:20px;font-size:15px;line-height:1.7}.hh-banner .hh-banner__photo{top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none}.hh-banner .hh-banner__brandbar-logos{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;scroll-snap-type:none}.hh-banner .hh-banner__brandbar-logos .hh-banner__brand{flex:0 0 208px;width:208px;height:68px}}@media(min-width:750px){.hh-banner .hh-banner__stage .hh-banner__photo{top:0!important;margin-top:0;padding-top:0;bottom:0;height:100%;transform:none}.hh-banner .hh-banner__stage .hh-banner__photo img{display:block;margin:0;object-position:center top}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hh-banner.css.map */