.header-section{position:sticky;top:var(--announcement-height, 42px);z-index:20}.header{position:absolute;top:0;left:0;right:0;z-index:20;height:50px;display:flex;align-items:center;background:transparent;color:var(--color-white);transition:background-color var(--t-base) ease,color var(--t-base) ease}.header:has([data-pennie-drawer][open]){z-index:50}@media(min-width:990px){.header{height:50px}}.header__inner{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 25px 0 16px}@media(min-width:990px){.header__inner{padding:0 32px}}.header__logo{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:35px;font-weight:400;line-height:1;letter-spacing:0;color:inherit;grid-column:2;justify-self:center;transform:translateY(.75px)}@media(min-width:990px){.header__logo{grid-column:1;justify-self:start}}.header__logo-i{position:relative;display:inline-block}.header__logo-star{position:absolute;top:1px;left:50%;width:7px;height:7px;transform:translate(-50%) skew(-15deg);pointer-events:none}.header__logo-img{display:block;max-height:44px;width:auto}.header__nav{display:none;justify-content:center;grid-column:2;justify-self:center}@media(min-width:990px){.header__nav{display:flex}}.header__menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--space-8)}.header__menu-link{font-family:var(--font-body);font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:inherit;line-height:1;padding:6px 2px;white-space:nowrap;transform:translateY(-.13px);transition:opacity var(--t-fast) ease}.header__menu-link:hover{opacity:.7}.header__catalogue-toggle{background:none;border:0;cursor:pointer}.header__catalogue-toggle:focus,.header__catalogue-toggle:focus-visible{outline:none}.header__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);grid-column:3;justify-self:end}.header__actions .header__search{display:inline-flex}@media(min-width:990px){.header__actions .header__search{display:none}}.header__locale{display:none;font-family:var(--font-body);font-size:14px;text-transform:uppercase;letter-spacing:var(--ls-eyebrow);line-height:1;color:inherit}@media(min-width:990px){.header__locale{display:inline-flex;align-items:center}}.header__action{display:inline-flex;align-items:center;gap:8px;color:inherit;font-family:var(--font-body);font-size:14px;text-transform:uppercase;letter-spacing:var(--ls-eyebrow);line-height:1;padding:6px;background:none;border:0;cursor:pointer;transform:translateY(1px)}.header__action:hover{opacity:.7}.header__action .icon{width:20px;height:20px}.header__cart{position:relative}.header__cart-count{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--color-blush);color:var(--color-ink);border-radius:999px;font-family:var(--font-body);font-size:10px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none}.header__cart-count[hidden]{display:none}@keyframes header-cart-bump{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}.header__cart-count.is-bumped{animation:header-cart-bump .38s cubic-bezier(.22,.9,.28,1.05)}.header__drawer{grid-column:1;justify-self:start}@media(min-width:990px){.header__drawer{display:none}}.header__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:inherit;transform:translateY(1px)}@media(min-width:990px){.header__drawer .header__menu-toggle{display:none}}.header--solid,.header--stuck{background:var(--color-paper);color:var(--color-ink)}.header__drawer{display:block}.header__drawer-summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.header__drawer-summary::-webkit-details-marker{display:none}.header__drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:39;opacity:0;pointer-events:none;transition:opacity .2s ease}.header:has(.header__drawer[open]:not(.is-closing)) .header__drawer-backdrop{opacity:1;pointer-events:auto}@media(min-width:990px){.header__drawer-backdrop{display:none}}body:has(.header__drawer[open]){overflow:hidden}.header__drawer-panel{position:fixed;top:var(--announcement-height, 42px);left:0;bottom:env(safe-area-inset-bottom,0);width:min(86vw,360px);background:var(--color-blush);color:var(--color-ink);padding:8px;display:flex;flex-direction:column;gap:8px;box-shadow:12px 0 40px #1c1c1c14;z-index:40;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(max-width:749px){.header__drawer-panel{width:100vw}}.header__drawer[open]:not(.is-closing) .header__drawer-panel{animation:pennie-drawer-in var(--t-base) var(--ease-drawer)}.header__drawer.is-closing .header__drawer-panel{animation:pennie-drawer-out .24s cubic-bezier(.7,0,.84,0) forwards}@media(max-width:989px){.header__drawer[open]:not(.is-closing) .header__drawer-panel{animation:pennie-drawer-in .32s var(--ease-drawer)}.header__drawer.is-closing .header__drawer-panel{animation:pennie-drawer-out .32s var(--ease-drawer) forwards}}.header__drawer-close{position:absolute;top:11px;right:16px;z-index:2;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.header__drawer-close svg{width:16px;height:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.header__drawer-close:hover svg{transform:rotate(90deg)}.header__drawer-close:focus,.header__drawer-close:focus-visible,.header__drawer-close:active,.header__drawer-close:hover{outline:none!important;box-shadow:none!important;background:transparent!important;opacity:1!important}.header__drawer-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.header__drawer-link{font-family:var(--font-display);font-size:24px;color:var(--color-ink);line-height:1.2}@keyframes pennie-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pennie-drawer-out{0%{transform:translate(0)}to{transform:translate(-100%)}}body.template-index:has(.pennie-hero--placeholder) .header__logo-text,body.template-index:has(.pennie-hero--placeholder) .header__menu-link,body.template-index:has(.pennie-hero--placeholder) .header__locale,body.template-index:has(.pennie-hero--placeholder) .header__cart,body.template-index:has(.pennie-hero--placeholder) .header__menu-toggle,body.template-index:has(.pennie-hero--placeholder) .header__drawer-summary{color:var(--color-ink)}.header__search-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.header__search-toggle .icon{width:20px;height:20px}.header__search-toggle:focus,.header__search-toggle:focus-visible,.header__search-toggle:active,.header__search-toggle:hover{outline:none!important;box-shadow:none!important;background:transparent!important;opacity:1!important}.header__search-panel{position:absolute;display:flex;align-items:center;opacity:0;pointer-events:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.header__search-panel.is-open{opacity:1;pointer-events:auto}.header__search-field{display:contents}@media(min-width:990px){.header__search-panel{top:50%;right:128px;transform:translateY(-50%);width:0;height:40px;border:1px solid transparent;border-radius:100px;background:transparent;overflow:hidden;transition:width .42s cubic-bezier(.22,.9,.28,1.05),border-color .22s ease .1s,opacity .2s ease}.header__search-panel.is-open{width:280px;border-color:currentColor;overflow:visible}}@media(max-width:989px){.header__search-panel{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-48%) scale(.98);width:min(92vw,440px);max-height:78vh;flex-direction:column;align-items:stretch;background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-card);box-shadow:0 24px 60px #1c1c1c47;padding:8px;z-index:60;overflow:hidden;transition:opacity .2s ease,transform .2s ease}.header__search-panel.is-open{transform:translate(-50%,-50%) scale(1)}.header__search-field{display:flex;align-items:center;gap:8px}.header__search-input{flex:1;min-width:0;height:46px;border:1px solid rgba(69,82,62,.2);border-radius:10px;background:var(--color-paper);padding:0 14px 1px;font-size:16px}}.header__search-input{flex:1 1 0;min-width:0;width:100%;height:100%;padding:0 44px 2px 20px;border:0;background:transparent;color:inherit;letter-spacing:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.header__search-input::placeholder{color:inherit;opacity:.55}.header__search-input:focus{outline:none;box-shadow:none}.header__search-input::-webkit-search-cancel-button,.header__search-input::-webkit-search-decoration,.header__search-input::-webkit-search-results-button,.header__search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.header__search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-paper);color:var(--color-ink);border:1px solid rgba(69,82,62,.15);border-radius:12px;box-shadow:0 14px 36px #1c1c1c24;padding:6px;z-index:40;text-align:left}.header__search-results[hidden]{display:none}@media(max-width:989px){.header__search-results{position:static;margin-top:12px;border:0;border-radius:0;box-shadow:none;padding:0;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.header__search-results .search-result__title{font-family:var(--font-display);font-size:15px;font-weight:400;line-height:1.2;letter-spacing:0}.header__search-results .search-result__info{gap:4px}}.search-result{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;text-decoration:none;color:var(--color-ink)}.search-result.is-active,.search-result:hover{background:var(--color-paper-alt)}.search-result__img{flex:none;width:44px;height:44px;border-radius:6px;object-fit:cover;display:block;background:var(--color-paper-alt)}.search-result__info{min-width:0;display:flex;flex-direction:column;gap:2px}.search-result__title{font-family:var(--font-display);font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result__price{color:var(--color-text-light)}.header__search-empty{margin:0;padding:14px 12px;font-family:var(--font-body);font-size:13px;color:var(--color-text-light)}.header__search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}body.has-search-open .header__search-backdrop{opacity:1;pointer-events:auto}.header__search-close{display:none}@media(min-width:990px){.header__search-backdrop{display:none}}@media(max-width:989px){body.has-search-open{overflow:hidden}.header__search-close{display:inline-flex;flex:none;width:40px;height:40px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-ink);cursor:pointer;padding:0}.header__search-close svg{width:16px;height:16px}}.header__search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%) scale(.85);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:inherit;cursor:pointer;padding:0;opacity:0;pointer-events:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;appearance:none;transition:opacity .15s ease,transform .15s ease}.header__search-clear.is-visible{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}.header__search-clear .icon{width:14px;height:14px}.header__search-clear:focus,.header__search-clear:focus-visible,.header__search-clear:active,.header__search-clear:hover{outline:none!important;box-shadow:none!important;background:transparent!important}.catalogue-menu__backdrop{position:fixed;top:calc(var(--announcement-height, 42px) + 50px);left:0;right:0;bottom:0;background:#00000080;z-index:19;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.catalogue-menu__backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease,visibility 0s linear 0s}body.has-catalogue-open{overflow:hidden}.header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-paper);opacity:0;pointer-events:none;z-index:-1;transition:opacity .2s ease}@media(min-width:990px){body.has-catalogue-open .header:after{opacity:1}body.has-catalogue-open .header,body.has-catalogue-open .header--solid,body.has-catalogue-open .header--stuck{color:var(--color-ink)!important;transition:color .2s ease!important}body.has-catalogue-open .header__logo,body.has-catalogue-open .header__logo-text,body.has-catalogue-open .header__menu-link,body.has-catalogue-open .header__catalogue-toggle,body.has-catalogue-open .header__search-toggle,body.has-catalogue-open .header__cart{color:var(--color-ink)!important}}.catalogue-menu{position:fixed;top:calc(var(--announcement-height, 42px) + 50px + 10px);left:50%;width:min(1000px,calc(100vw - 64px));background:var(--color-paper);border:1px solid rgba(69,82,62,.15);border-radius:16px;box-shadow:none;z-index:25;padding:6px;opacity:0;visibility:hidden;transform:translate(-50%);transition:opacity .2s ease,visibility 0s linear .2s}.catalogue-menu.is-open{visibility:visible;opacity:1;transform:translate(-50%);transition:opacity .2s ease,visibility 0s linear 0s}@media(max-width:989px){.catalogue-menu{display:none}}.catalogue-menu__close{position:absolute;top:16px;right:16px;z-index:2;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--color-ink);cursor:pointer;padding:0}.catalogue-menu__close svg{width:16px;height:16px;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.catalogue-menu__close:hover svg{transform:rotate(90deg)}.catalogue-grid{display:grid;gap:16px}@media(min-width:990px){.catalogue-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:240px 364px;gap:8px}.catalogue-tile--all{grid-column:1 / 4;grid-row:1}.catalogue-tile--coming-soon{grid-column:4 / 7;grid-row:1}.catalogue-tile--wood{grid-column:1 / 3;grid-row:2}.catalogue-tile--carabiners{grid-column:3 / 5;grid-row:2}.catalogue-tile--triple{grid-column:5 / 7;grid-row:2}}@media(max-width:989px){.catalogue-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:160px;gap:1px;background:var(--color-paper)}.catalogue-tile--wood,.catalogue-tile--carabiners,.catalogue-tile--all,.catalogue-tile--triple,.catalogue-tile--coming-soon{grid-column:auto;grid-row:auto}.catalogue-tile--coming-soon{order:1}.header__drawer-catalogue .catalogue-tile{border-radius:0}.header__drawer-catalogue{margin:-8px -8px 0}}@media(max-width:989px){.header__drawer-catalogue .catalogue-tile--coming-soon{display:none}.header__drawer-catalogue{flex:1;min-height:0;order:1}.header__drawer-panel{padding:0 8px;bottom:0}.header__drawer-catalogue .catalogue-grid{height:100%;grid-template-rows:repeat(4,1fr);grid-auto-rows:0}.header__drawer-close svg{width:22px;height:22px}.header__drawer-close:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}.catalogue-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;border-radius:10px;overflow:hidden;background:var(--color-paper-alt) center/cover no-repeat;color:var(--color-white);text-decoration:none;cursor:pointer;transition:transform .22s ease}.catalogue-tile__content{position:relative;z-index:1}.catalogue-tile__heading{margin:0 0 4px;color:inherit}.catalogue-tile__tagline{margin:0;font-family:var(--font-body);font-size:10px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:inherit;text-decoration:underline transparent;text-decoration-thickness:.7px;text-underline-offset:6px;transition:text-decoration-color .1s ease}.catalogue-tile:hover .catalogue-tile__tagline{text-decoration-color:currentColor}.catalogue-tile--coming-soon{background:color-mix(in srgb,color-mix(in srgb,color-mix(in srgb,var(--color-blush) 72%,#ee6fa6) 86%,#000000) 25%,transparent);color:var(--color-ink);align-items:center;justify-content:center;text-align:center;cursor:default}.catalogue-tile--coming-soon .catalogue-tile__heading{color:var(--color-ink);text-shadow:none;font-size:18px}.catalogue-tile--all:not([style*=background-image]){background:linear-gradient(135deg,var(--color-blush) 0%,var(--color-paper-alt) 100%)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/header.css.map */