:root{--haf-o:#f18e00;--haf-o2:#ff7a00;--haf-c:#2f373e;--haf-ink:#161b20;--haf-tick-h:40px;--haf-head-h:84px;--haf-ease:cubic-bezier(.2,.7,.2,1)}html{scroll-behavior:smooth}::selection{background:var(--haf-o);color:#fff}.haf-hexbg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='92'%3E%3Cpath d='M40 6L70 24V60L40 78L10 60V24Z' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");background-size:80px 92px}.haf-kick{color:var(--haf-o);font-weight:700;letter-spacing:.24em;text-transform:uppercase;font-size:12px;margin:0 0 14px}.haf-tick-section{position:sticky;top:0;z-index:6}.haf-tick{display:flex;align-items:stretch;height:40px;overflow:hidden;color:#fff;background:linear-gradient(90deg,var(--haf-o2),var(--haf-o) 50%,var(--haf-o2));box-shadow:0 2px 14px #0003}.haf-tick__vp{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.haf-tick__track{display:flex;width:max-content;animation:hafTick 42s linear infinite}.haf-tick:hover .haf-tick__track,.haf-tick:focus-within .haf-tick__track{animation-play-state:paused}.haf-tick__set{display:flex;align-items:center;gap:26px;padding-right:26px}.haf-tick a{color:#fff;text-decoration:none;font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.haf-tick__set a:hover{text-decoration:underline;text-underline-offset:4px}.haf-tick__dot{font-size:10px;opacity:.55}.haf-tick__cta{flex:none;display:flex;align-items:center;gap:6px;background:var(--haf-ink);padding:0 20px;transition:background .2s}.haf-tick__cta:hover{background:#000}.haf-tick__cta span{transition:transform .2s}.haf-tick__cta:hover span{transform:translate(3px)}@keyframes hafTick{to{transform:translate(-50%)}}@media(max-width:749px){.haf-tick{height:36px}.haf-tick a{font-size:11px;letter-spacing:.08em}.haf-tick__cta{padding:0 12px}}@media(prefers-reduced-motion:reduce){.haf-tick__track{animation-duration:140s}}.section-header,.section-header.shopify-section-header-sticky{position:sticky!important;top:var(--haf-tick-h)!important;z-index:5}.section-header.shopify-section-header-hidden{transform:none!important}.header-wrapper{position:relative;background:#161b20f0!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(255,255,255,.07)!important;transition:background .4s var(--haf-ease),box-shadow .4s var(--haf-ease)}.header__heading-logo{content:url(//www.usehaf.co.uk/cdn/shop/t/10/assets/haf-logo-white.png?v=152210481859919920851790786361);height:auto;max-width:100%}.list-menu--inline>li>a.header__menu-item,.list-menu--inline>li summary.header__menu-item,.header__icon,.header__icon--menu,.header__icon .svg-wrapper{color:#fff!important}.list-menu--inline>li>a.header__menu-item>span,.list-menu--inline>li summary.header__menu-item>span{background:linear-gradient(var(--haf-o),var(--haf-o)) 0 100%/0 2px no-repeat;padding-bottom:3px;text-decoration:none!important;transition:background-size .3s var(--haf-ease)}.list-menu--inline>li>a.header__menu-item:hover>span,.list-menu--inline>li summary.header__menu-item:hover>span,.list-menu--inline .header__active-menu-item{background-size:100% 2px}.list-menu--inline .header__menu-item .icon-caret{color:#fff}.header__icon:hover .svg-wrapper{color:var(--haf-o)!important}.cart-count-bubble{background:var(--haf-o)!important;color:#fff!important}.header__submenu.list-menu{border-radius:12px!important;border:0!important;box-shadow:0 22px 50px #00000047!important;padding:10px 0!important;overflow:hidden;animation:hafDrop .22s var(--haf-ease)}.header__submenu .header__menu-item{color:var(--haf-c)!important;transition:color .15s,padding .2s}.header__submenu .header__menu-item:hover{color:var(--haf-o)!important;padding-left:2.4rem}@keyframes hafDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.haf-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--haf-o2),var(--haf-o));transform-origin:0 50%;transform:scaleX(0);pointer-events:none}.search-modal__form .field__input{color:var(--haf-c)}body.haf-overlay:not(.haf-scrolled) .header-wrapper{background:linear-gradient(180deg,#0a0d1099,#0a0d1000)!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent!important}body.haf-scrolled .header-wrapper{box-shadow:0 12px 34px #00000047}.haf-under{margin-top:calc(var(--haf-head-h) * -1)!important}#haf-hero{position:relative;overflow:hidden;background:var(--haf-ink);color:#fff;min-height:min(92vh,820px);display:flex;align-items:center;padding:calc(var(--haf-head-h) + 48px) 0 72px}#haf-hero .haf-hero__media{position:absolute;top:0;bottom:0;right:0;left:34%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}#haf-hero .haf-hero__media img{width:100%;height:112%;object-fit:cover;object-position:50% 32%;transform:scale(1.06);animation:hafKen 18s ease-out both}#haf-hero .haf-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 70% at 18% 55%,rgba(241,142,0,.16),transparent 70%),linear-gradient(180deg,#0a0d101a 60%,#0a0d10d9)}#haf-hero .haf-hero__in{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 32px}#haf-hero .haf-hero__copy{max-width:600px}#haf-hero h1{color:#fff;font-size:clamp(44px,7.4vw,92px);line-height:.95;margin:0 0 22px;text-transform:uppercase;font-weight:800;letter-spacing:-.01em}#haf-hero h1 span{color:var(--haf-o);display:block}#haf-hero .promise{font-size:clamp(17px,2vw,21px);line-height:1.45;color:#d7dbde;margin:0 0 30px;max-width:30em}#haf-hero .promise b{color:#fff}#haf-hero .btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.haf-btn{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--haf-o);color:#fff;padding:16px 28px;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:13px;text-decoration:none;overflow:hidden;box-shadow:0 10px 30px #f18e0059;transition:transform .25s var(--haf-ease),box-shadow .25s,background .25s}.haf-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px #f18e0073;background:var(--haf-o2)}.haf-btn i{font-style:normal;transition:transform .25s}.haf-btn:hover i{transform:translate(4px)}.haf-btn.ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.35);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.haf-btn.ghost:hover{background:#fff;color:var(--haf-ink)}#haf-hero .chips{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0;padding:0;color:#aeb5ba;font-size:12px;letter-spacing:.2em;text-transform:uppercase}#haf-hero .chips li{display:flex;align-items:center;gap:8px}#haf-hero .chips li:before{content:"";width:7px;height:7px;background:var(--haf-o);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}#haf-hero .cue{position:absolute;z-index:2;left:50%;bottom:22px;transform:translate(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.45);border-radius:14px}#haf-hero .cue:after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--haf-o);animation:hafCue 1.8s infinite}#haf-hero .up{opacity:0;transform:translateY(22px);animation:hafUp .9s var(--haf-ease) forwards}#haf-hero .up:nth-child(2){animation-delay:.1s}#haf-hero .up:nth-child(3){animation-delay:.2s}#haf-hero .up:nth-child(4){animation-delay:.3s}#haf-hero .up:nth-child(5){animation-delay:.4s}@keyframes hafUp{to{opacity:1;transform:none}}@keyframes hafKen{0%{transform:scale(1.14)}to{transform:scale(1.06)}}@keyframes hafCue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(12px)}}@media(max-width:899px){#haf-hero{min-height:88svh;align-items:flex-end;padding:calc(var(--haf-head-h) + 40px) 0 64px}#haf-hero .haf-hero__media{left:0;-webkit-mask-image:none;mask-image:none}#haf-hero .haf-hero__media img{object-position:50% 22%}#haf-hero .haf-hero__shade{background:linear-gradient(180deg,#0a0d1059,#0a0d1033 30%,#0a0d10e0 62%,#0a0d10f7)}#haf-hero .haf-hero__in{padding:0 20px}#haf-hero .btns .haf-btn{flex:1 1 auto;justify-content:center}#haf-hero .cue{display:none}}.haf-phero{position:relative;overflow:hidden;background:var(--haf-ink);color:#fff;padding:calc(var(--haf-head-h) + 70px) 0 64px;min-height:360px;display:flex;align-items:flex-end}.haf-phero__media{position:absolute;top:0;right:0;bottom:0;left:0}.haf-phero__media img{width:100%;height:115%;object-fit:cover;object-position:50% 45%;transform:scale(1.06)}.haf-phero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0d10eb,#0a0d10b3 45%,#0a0d1059),linear-gradient(0deg,rgba(10,13,16,.6),transparent 50%)}.haf-phero--plain .haf-phero__shade{background:radial-gradient(50% 80% at 85% 20%,rgba(241,142,0,.25),transparent 70%)}.haf-phero__in{position:relative;z-index:2;width:100%}.haf-phero h1{color:#fff;margin:0;font-size:clamp(34px,5.4vw,64px);line-height:1;text-transform:uppercase;font-weight:800;animation:hafUp .8s var(--haf-ease) both}.haf-phero .haf-kick{animation:hafUp .8s var(--haf-ease) both}.haf-phero__sub{color:#cfd4d8;max-width:40em;margin:16px 0 0;font-size:16px;line-height:1.55;animation:hafUp .8s .1s var(--haf-ease) both}body.haf-hashero .collection-hero,body.haf-hashero .main-page-title{display:none}@media(max-width:749px){.haf-phero{min-height:300px;padding-bottom:44px}}#haf-cats{background:#f3f4f5;padding:84px 20px 92px}#haf-cats .in{max-width:1200px;margin:0 auto}#haf-cats .hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px}#haf-cats h2{color:var(--haf-c);font-size:clamp(30px,4.4vw,52px);line-height:1;text-transform:uppercase;margin:0;font-weight:800}#haf-cats .hd a{color:var(--haf-c);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--haf-o);padding-bottom:4px;white-space:nowrap}.haf-tiles{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.haf-tile{--mx:50%;--my:50%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none;background:var(--haf-ink);isolation:isolate;box-shadow:0 10px 30px #161b201f;transition:transform .45s var(--haf-ease),box-shadow .45s}.haf-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s var(--haf-ease)}.haf-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0a0d1000 30%,#0a0d10e6 88%)}.haf-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(241,142,0,.28),transparent 60%)}.haf-tile:hover{transform:translateY(-6px);box-shadow:0 26px 60px #161b2047}.haf-tile:hover img{transform:scale(1.07)}.haf-tile:hover:after{opacity:1}.haf-tile .body{padding:26px}.haf-tile .tag{display:inline-block;background:var(--haf-o);color:#fff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:12px}.haf-tile .tag.soon{background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3)}.haf-tile h3{color:#fff;font-size:clamp(22px,2.2vw,28px);line-height:1.05;margin:0 0 8px;text-transform:uppercase;font-weight:800}.haf-tile p{margin:0 0 18px;color:#d3d8db;font-size:14px;line-height:1.5}.haf-tile .foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.16);padding-top:14px}.haf-tile .by{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#aab1b6;font-weight:700}.haf-tile .by b{display:block;color:#fff;font-size:12px;letter-spacing:.1em;margin-top:3px}.haf-tile .go{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--haf-ink);font-size:18px;transition:background .25s,color .25s,transform .35s var(--haf-ease)}.haf-tile:hover .go{background:var(--haf-o);color:#fff;transform:rotate(-45deg)}@media(max-width:989px){.haf-tiles{grid-template-columns:1fr 1fr}.haf-tile:first-child{grid-column:1/-1}}@media(max-width:649px){#haf-cats{padding:60px 16px 64px}#haf-cats .hd{flex-direction:column;align-items:flex-start}.haf-tiles{grid-template-columns:1fr}.haf-tile{min-height:320px}}.haf-rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--haf-ease),transform .8s var(--haf-ease)}.haf-rv.haf-in{opacity:1;transform:none}.haf-tiles .haf-rv:nth-child(2){transition-delay:.08s}.haf-tiles .haf-rv:nth-child(3){transition-delay:.16s}.card-wrapper .card{transition:box-shadow .35s var(--haf-ease)}.card-wrapper:hover .card{box-shadow:0 18px 40px #161b2024}.card-wrapper .card__media img{transition:transform .9s var(--haf-ease)!important}.card-wrapper:hover .card__media img{transform:scale(1.05)!important}@media(prefers-reduced-motion:reduce){.haf-rv{opacity:1;transform:none}#haf-hero .up{opacity:1;transform:none;animation:none}#haf-hero .haf-hero__media img,.haf-phero__media img{animation:none}}.haf-hexbg,.haf-phero__shade,#haf-hero .haf-hero__shade{display:block!important}.haf-phero__shade,#haf-hero .haf-hero__shade,.haf-hexbg{z-index:1}.list-menu--inline .header__active-menu-item,.list-menu--inline .header__menu-item span{color:#fff!important}.header__submenu .header__active-menu-item,.header__submenu .header__menu-item span{color:inherit!important}#haf-hero .haf-hero__copy{max-width:700px}@media(max-width:899px){#haf-hero{padding-top:calc(var(--haf-head-h) + 150px);min-height:auto}#haf-hero .haf-hero__shade{background:linear-gradient(180deg,#0a0d1040,#0a0d108c 28%,#0a0d10e6 50%,#0a0d10f7)}#haf-hero .btns .haf-btn:nth-child(3){display:none}#haf-hero .chips{font-size:10px;letter-spacing:.14em;gap:8px 14px}#haf-hero .promise{font-size:16px;margin-bottom:22px}.haf-phero__shade{background:linear-gradient(0deg,#0a0d10f2,#0a0d10b3 60%,#0a0d1080)!important}}@media(max-width:899px){html body #haf-hero{padding:calc(var(--haf-head-h) + 150px) 0 60px}}.haf-hexbg{opacity:.045}@media(max-width:899px){html body #haf-hero .haf-btn{display:flex;width:100%;max-width:none;margin:0;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/haf-premium.css.map */