.template-index,.hfh-header{--hfh-ink:#29225f;--hfh-text:#29282e;--hfh-warm:#f4f1ed;--hfh-line:#e7e4e1;--hfh-pad:clamp(20px,3.2vw,76px)}.template-index #PageContainer,.template-index .transition-body,.template-index #MainContent{width:100%;max-width:none;margin:0;padding:0}.template-index .site-footer>.page-width{max-width:none;padding-inline:var(--hfh-pad)}.hfh-header,.hfh-home{font-family:var(--typeBasePrimary),var(--typeBaseFallback);color:var(--hfh-text);text-align:left;font-size:16px;line-height:1.5}.hfh-header *,.hfh-home *{box-sizing:border-box}.hfh-header a,.hfh-home a{color:inherit;text-decoration:none}.hfh-header a:hover,.hfh-home a:hover{color:var(--hfh-ink)}.hfh-header :focus-visible,.hfh-home :focus-visible{outline:2px solid var(--hfh-ink);outline-offset:5px}.hfh-header ul,.hfh-home ul{list-style:none;padding:0;margin:0}.hfh-header svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;display:block}.hfh-header{position:relative;z-index:30;background:#fff}.hfh-topbar{display:flex;align-items:center;gap:clamp(25px,3vw,65px);padding:15px var(--hfh-pad);min-height:130px;position:relative;border-bottom:1px solid var(--hfh-line)}.hfh-logo{position:relative;display:block;flex:0 0 190px;width:190px;height:116px;overflow:hidden}.hfh-logo img{position:absolute;width:286px;max-width:none;height:auto;left:-52px;top:-29px}.hfh-desktop-nav{flex:1;align-self:stretch}.hfh-desktop-nav .hfh-menu{height:100%}.hfh-desktop-nav .hfh-menu-item{align-self:stretch}.hfh-menu{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2vw,48px)}.hfh-menu-item{display:flex;align-items:center;gap:3px;margin:0;font-size:16px;font-weight:600;white-space:nowrap}.hfh-menu-item>a{padding-block:16px}.hfh-dropdown summary{list-style:none;cursor:pointer;padding:14px 5px;color:var(--hfh-ink)}.hfh-dropdown summary::-webkit-details-marker,.hfh-mobile-nav summary::-webkit-details-marker{display:none}.hfh-submenu{position:absolute;left:0;right:0;top:100%;padding:32px var(--hfh-pad);background:#fff;box-shadow:0 12px 18px #00000012;display:flex;gap:clamp(30px,6vw,130px);border-top:1px solid var(--hfh-line);z-index:40;white-space:normal}.hfh-submenu-column{min-width:150px;max-width:260px}.hfh-submenu-title{display:block;font-weight:700;margin-bottom:10px}.hfh-submenu ul{font-size:14px;font-weight:400}.hfh-submenu li{margin:0}.hfh-submenu li a{display:block;padding-block:5px}.hfh-submenu a:hover{text-decoration:underline;text-underline-offset:4px}.hfh-utilities{display:flex;align-items:center;gap:24px;margin-left:auto}.hfh-utilities a{padding:8px;position:relative}.hfh-cart span{position:absolute;right:-5px;top:-5px;border-radius:50%;background:var(--hfh-ink);color:#fff;font-size:11px;min-width:19px;text-align:center}.hfh-mobile-nav{display:none}.hfh-search-row{display:flex;align-items:center;gap:45px;padding:17px var(--hfh-pad);border-bottom:1px solid var(--hfh-line)}.hfh-quicklinks{display:flex;align-items:center;gap:clamp(16px,2vw,40px);white-space:nowrap;font-size:14px}.hfh-quicklinks a:hover{text-decoration:underline;text-underline-offset:5px}.hfh-quicklinks .hfh-sale{color:#a73030}.hfh-search{display:flex;align-items:center;gap:10px;background:#f3f2f1;border:1px solid transparent;min-width:260px;max-width:640px;width:45%;margin:0 0 0 auto}.hfh-search:focus-within{border-color:var(--hfh-ink)}.hfh-search input{font-family:inherit;border:0;background:transparent;outline:none!important;box-shadow:none;width:100%;min-width:0;padding:15px 20px;font-size:18px;line-height:1.5;color:var(--hfh-text);border-radius:0}.hfh-search input::placeholder{color:#514d58;opacity:1}.hfh-search button{border:0;background:transparent;padding:14px 18px;color:var(--hfh-ink);flex:none;cursor:pointer}.hfh-home h1,.hfh-home h2,.hfh-home h3{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-weight:500;letter-spacing:0;text-transform:none;color:var(--hfh-ink);line-height:1.16;margin:0}.hfh-home h2{font-size:clamp(25px,2.3vw,42px)}.hfh-hero{position:relative;background:#e9e1d7;isolation:isolate}.hfh-hero-image{display:block;width:100%;height:auto;aspect-ratio:2172/724;object-fit:contain}.hfh-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f6f1e9b3 0%,#f6f1e966 33%,transparent 55%);z-index:0;pointer-events:none}.hfh-hero-copy{position:absolute;left:var(--hfh-pad);top:50%;transform:translateY(-50%);max-width:44%;z-index:1}.hfh-eyebrow{font-size:11px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase;margin:0 0 13px}.hfh-hero h1{font-size:clamp(36px,4.4vw,88px);line-height:1.04;margin:0 0 18px}.hfh-hero-copy>p:not(.hfh-eyebrow){font-size:clamp(14px,1.15vw,22px);margin:0 0 27px;max-width:460px}.hfh-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 25px;background:var(--hfh-ink);color:#fff!important;font-size:14px;font-weight:600;transition:background .2s}.hfh-button:hover{background:#40347f}.hfh-section{padding:clamp(40px,4.5vw,82px) var(--hfh-pad);width:100%;max-width:none;margin:0}.hfh-categories>h2,.hfh-brands>h2{text-align:center;margin-bottom:36px}.hfh-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(20px,5vw,100px);padding-inline:clamp(0px,3.5vw,80px)}.hfh-category{display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;font-size:clamp(14px,1.15vw,20px);font-weight:600}.hfh-category-picture{display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--hfh-warm)}.hfh-category img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.hfh-category:hover img{transform:scale(1.035)}.hfh-inspiration{background:var(--hfh-warm)}.hfh-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.hfh-section-heading>a{flex:none;font-size:14px;display:flex;align-items:center;gap:18px;color:var(--hfh-ink)}.hfh-section-heading>a:hover{text-decoration:underline;text-underline-offset:5px}.hfh-section-heading p{font-size:15px;color:#67636c;margin:10px 0 0}.hfh-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hfh-article{background:#fff}.hfh-article>a{display:flex;flex-direction:column;height:100%}.hfh-article img{display:block;aspect-ratio:1.65;width:100%;height:auto;object-fit:cover}.hfh-article-copy{padding:24px 26px 28px;flex:1;display:flex;flex-direction:column}.hfh-article-copy .hfh-eyebrow{font-size:10px;color:#706a73;margin:0 0 12px}.hfh-article h3{font-size:clamp(21px,1.7vw,32px);margin-bottom:25px}.hfh-read{display:flex;align-items:center;gap:20px;margin-top:auto;color:var(--hfh-ink);font-size:13px}.hfh-article a:hover .hfh-read{text-decoration:underline;text-underline-offset:5px}.hfh-carousel{display:block;position:relative}.hfh-carousel-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px}.hfh-carousel-controls[hidden]{display:none}.hfh-carousel-controls button{background:#fff;border:1px solid #c9c6d1;border-radius:50%;width:42px;height:42px;padding:0;color:var(--hfh-ink);font-size:20px;cursor:pointer}.hfh-carousel-controls button:hover{background:var(--hfh-warm)}.hfh-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c6c2d2 transparent;padding-bottom:14px!important}.hfh-track>li{flex:0 0 calc((100% - 88px)/5);min-width:0;scroll-snap-align:start;margin:0}.hfh-product a{display:block;height:100%}.hfh-product-picture{position:relative;background:#f7f7f7;aspect-ratio:1;overflow:hidden}.hfh-product img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.hfh-product a:hover img{transform:scale(1.03)}.hfh-product-badge{position:absolute;left:12px;top:12px;background:#fff;padding:4px 9px;color:var(--hfh-ink);font-size:10px;text-transform:uppercase;letter-spacing:1px}.hfh-product-copy{padding:17px 2px 5px}.hfh-product-copy>p{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#67636c;margin:0 0 6px}.hfh-product h3{font-family:inherit;font-size:15px;font-weight:500;line-height:1.4;color:var(--hfh-text);margin:0 0 10px}.hfh-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:15px}.hfh-price s{font-size:13px;color:#77717d}.hfh-brands{border-top:1px solid var(--hfh-line);padding-top:45px;padding-bottom:45px}.hfh-brand a{display:flex;height:100px;align-items:center;justify-content:center;padding:15px 20px}.hfh-brand img{display:block;max-width:100%;width:200px;height:70px;object-fit:contain}.hfh-service-strip{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:25px var(--hfh-pad);background:var(--hfh-ink);color:#fff;font-size:15px}.hfh-service-strip a{color:#fff!important;display:flex;gap:15px;align-items:center}.hfh-service-strip a:hover{text-decoration:underline;text-underline-offset:5px}@media(min-width:1500px){.hfh-topbar{min-height:145px}.hfh-hero-copy>p:not(.hfh-eyebrow){max-width:520px}.hfh-eyebrow{font-size:13px}}@media(max-width:1150px){.hfh-topbar{gap:20px}.hfh-logo{flex-basis:160px;width:160px;height:98px}.hfh-logo img{width:241px;left:-44px;top:-24px}.hfh-menu{gap:15px}.hfh-menu-item{font-size:14px}.hfh-utilities{gap:8px}.hfh-search-row{gap:20px}.hfh-quicklinks{gap:17px;font-size:13px}.hfh-search{width:40%}.hfh-search input{font-size:16px;padding:13px}}@media(max-width:950px){.hfh-topbar{min-height:96px;padding-block:8px}.hfh-logo{height:85px;width:140px;flex-basis:140px}.hfh-logo img{width:211px;left:-38px;top:-21px}.hfh-desktop-nav{display:none}.hfh-mobile-nav{display:block}.hfh-mobile-nav>summary{list-style:none;cursor:pointer;padding:10px}.hfh-mobile-nav>nav{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 18px #0002;max-height:70vh;overflow-y:auto;padding:15px var(--hfh-pad);z-index:50}.hfh-menu{display:block}.hfh-menu-item{flex-wrap:wrap;position:relative;font-size:16px;border-bottom:1px solid var(--hfh-line)}.hfh-menu-item>a{width:calc(100% - 48px)}.hfh-dropdown{position:static;display:contents}.hfh-dropdown>summary{position:absolute;right:0;top:0;width:44px;height:52px;text-align:center}.hfh-submenu{position:static;flex-basis:100%;display:block;box-shadow:none;border:0;padding:0 12px 18px}.hfh-submenu-column{max-width:none;margin-top:15px}.hfh-search-row{display:flex;flex-direction:column-reverse;gap:14px;padding-block:12px}.hfh-search{width:100%;max-width:none;min-width:0}.hfh-search input{font-size:16px}.hfh-quicklinks{width:100%;overflow-x:auto;padding-bottom:3px;gap:25px}.hfh-hero-copy{max-width:47%}.hfh-hero h1{font-size:clamp(26px,4.6vw,44px);margin-bottom:12px}.hfh-hero-copy .hfh-eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:8px}.hfh-hero-copy>p:not(.hfh-eyebrow){font-size:12px;margin-bottom:13px}.hfh-button{font-size:12px;padding:11px 17px;gap:18px}.hfh-category-grid{gap:24px;padding-inline:0}.hfh-category{font-size:14px;gap:12px}.hfh-article-grid{gap:16px}.hfh-article-copy{padding:20px 18px}.hfh-article h3{font-size:22px}.hfh-track>li{flex-basis:calc((100% - 44px)/3)}}@media(max-width:600px){.hfh-hero{display:flex;flex-direction:column}.hfh-hero:after{display:none}.hfh-hero-image{aspect-ratio:3;order:0}.hfh-hero-copy{position:static;transform:none;max-width:none;padding:25px var(--hfh-pad) 30px;order:1}.hfh-hero h1{font-size:38px;max-width:350px}.hfh-hero-copy .hfh-eyebrow{font-size:10px}.hfh-hero-copy>p:not(.hfh-eyebrow){font-size:15px;margin-bottom:20px;max-width:320px}.hfh-button{font-size:13px;padding:13px 22px}.hfh-section{padding-block:36px}.hfh-section h2{font-size:28px}.hfh-categories>h2{margin-bottom:25px}.hfh-category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 15px;gap:20px}.hfh-category{flex:0 0 39%;scroll-snap-align:start;font-size:14px}.hfh-category-picture{width:100%}.hfh-section-heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:22px}.hfh-section-heading>a{font-size:13px}.hfh-section-heading p{font-size:14px}.hfh-article-grid{grid-template-columns:1fr;gap:24px}.hfh-article-copy{padding:22px}.hfh-article h3{font-size:26px;margin-bottom:20px}.hfh-track{gap:16px}.hfh-product-track>li{flex-basis:75%}.hfh-brand-track>li{flex-basis:calc((100% - 16px)/2)}.hfh-product h3{font-size:15px}.hfh-brand a{height:90px;padding:10px}.hfh-brand img{height:60px}.hfh-service-strip{flex-direction:column;gap:16px;padding-block:26px;font-size:14px}}@media(prefers-reduced-motion:reduce){.hfh-home *{scroll-behavior:auto!important;transition:none!important}}@media(min-width:951px){.hfh-hero-image{height:clamp(300px,min(28vw,calc(100svh - 360px)),540px);aspect-ratio:auto;object-fit:cover;object-position:center 62%}.hfh-hero h1{font-size:clamp(36px,3.8vw,68px)}.hfh-categories{padding-top:48px}}@media(min-width:951px)and (max-height:750px){.hfh-topbar{min-height:100px;padding-block:8px}.hfh-logo{height:85px;width:140px;flex-basis:140px}.hfh-logo img{width:211px;left:-38px;top:-21px}.hfh-hero-image{height:clamp(300px,min(28vw,calc(100svh - 280px)),540px)}.hfh-categories{padding-top:36px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hafkamp-home.css.map */