.header{--overlays-opacity: 0;--overlays-pointer-events: none;position:relative;z-index:50}.header.active{--header-color: #211F21;--overlays-opacity: 1;--overlays-pointer-events: auto}.header:before{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-color:#211f2180;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;opacity:var(--overlays-opacity)}.header__inner{position:relative;z-index:2;background-color:transparent;font-size:.75rem;line-height:.75rem;color:var(--header-color, #211F21)}.header__nav{display:grid;-moz-column-gap:1.25rem;column-gap:1.25rem;padding-top:1rem;position:sticky;top:0;z-index:20;pointer-events:none;grid-template:"logo icons" "links links" "menus menus"/96px 1fr}@media (min-width: 1280px){.header__nav{grid-template:"links logo icons" auto "menus menus menus" auto/1fr 96px 1fr}}.header__nav:after{content:"";position:absolute;left:.375rem;right:.375rem;top:.25rem;bottom:-.75rem;z-index:-1;border-radius:34px}@media (min-width: 450px){.header__nav:after{left:.75rem;right:.75rem}}@media (min-width: 1024px){.header__nav:after{left:1.25rem;right:1.25rem;border-radius:38px}}.header__nav:after{--tw-bg-opacity: 1;background-color:rgb(242 240 236 / var(--tw-bg-opacity, 1));opacity:var(--overlays-opacity);pointer-events:var(--overlays-pointer-events)}.header__nav>*{pointer-events:auto}.header__nav__logo{margin-left:.5rem;align-self:center}@media (min-width: 1280px){.header__nav__logo{margin-left:0}}.header__nav__logo{opacity:var(--overlays-opacity);pointer-events:var(--overlays-pointer-events)}.header .floating{position:fixed}.header__logo{position:absolute;left:1rem;top:1.5rem;z-index:10}@media (min-width: 450px){.header__logo{left:1.5rem}}@media (min-width: 1280px){.header__logo{left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.header__logo{width:96px;height:39px;transition:opacity .15s}@media (hover: hover){.header__logo:hover{opacity:.8}}.header__logo svg{height:100%;width:100%;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.header__links__inner,.header__icons__inner{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(0 0 0 / .05)}.header__links{grid-area:links;padding-left:.5rem;padding-right:.5rem;padding-top:1rem;line-height:1}@media (min-width: 1280px){.header__links{padding-left:0;padding-right:0;padding-top:0}}.header__links{display:none}@media (min-width: 1280px){.header__links{display:flex}}.header__links.active{display:flex}.header__links__inner{display:flex;align-items:center;justify-content:space-around}@media (min-width: 768px){.header__links__inner{display:inline-flex}}.header__links__link{position:relative;z-index:1;padding:1rem}@media (min-width: 768px){.header__links__link{padding:1.25rem 1.75rem}}.header__links__link{white-space:nowrap;cursor:default}@media (hover: hover){.header__links__link{cursor:pointer}.header__links__link:hover{--link-opacity: 1}}.header__links__link.active{--link-opacity: 1}.header__links__link:before{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;z-index:-1;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(242 240 236 / var(--tw-bg-opacity, 1));pointer-events:none;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;opacity:var(--link-opacity, 0);content:""}.header__icons{grid-area:icons;text-align:right}.header__icons__inner{display:inline-flex;align-items:center}@media (min-width: 1280px){.header__icons__inner{padding-left:.5rem;padding-right:.5rem}}.header__icons__item{position:relative;z-index:1;padding:1rem}@media (hover: hover){.header__icons__item:hover{--link-opacity: 1}}.header__icons__item:before{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;z-index:-1;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(242 240 236 / var(--tw-bg-opacity, 1));pointer-events:none;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;opacity:var(--link-opacity, 0);content:""}.header__icons__item--menu{position:relative;display:grid}@media (min-width: 1280px){.header__icons__item--menu{display:none}}.header__icons__item--menu svg{grid-column-start:1;grid-row-start:1;aspect-ratio:1 / 1;width:18px;transition:opacity .15s linear,visibility .15s linear,transform .15s}.header__icons__item--menu .open{visibility:visible;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.header__icons__item--menu .close,.header__icons__item--menu.active .open{visibility:hidden;--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.header__icons__item--menu.active .close{visibility:visible;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.header__cart-bubble{position:absolute;top:.375rem;right:.25rem;height:1rem;width:1rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(63 64 28 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));display:flex;align-items:center;justify-content:center;font-size:10px}.header__menu{max-height:70vh;gap:1.25rem;overflow:auto;padding-left:.5rem;padding-right:.5rem;padding-top:1.25rem;--tw-text-opacity: 1;color:rgb(33 31 33 / var(--tw-text-opacity, 1))}@media (min-width: 1280px){.header__menu{padding-left:0;padding-right:0}}.header__menu{display:none;grid-area:menus}.header__menu--products{grid-auto-flow:row}@media (min-width: 1024px){.header__menu--products{grid-auto-flow:column}.header__menu--pages{grid-template-columns:repeat(2,minmax(0,1fr))}}.header__menu.active{display:grid}.header__menu__links{display:grid;gap:1rem}.header__menu__image{position:relative;display:none;width:100%;overflow:hidden}@media (min-width: 1024px){.header__menu__image{display:block}}.header__menu__image img{position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--x, 50%) var(--y, 50%);object-position:var(--x, 50%) var(--y, 50%)}.header__menu__link{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem 1.25rem;display:grid;align-items:center;gap:3rem;grid-template:"icon title description arrow"/2.5rem 15ch 2fr 1.25rem}@media (hover: hover){.header__menu__link:hover{--arrow-translate: .25rem}}.header__menu__link__icon{grid-area:icon;width:48px}.header__menu__link__title{grid-area:title;text-wrap:balance;font-family:DaVinci,serif;font-size:1.25rem;line-height:1.5rem}.header__menu__link__description{grid-area:description;font-size:.875rem;line-height:1.125rem;opacity:.5}.header__menu__link__arrow{grid-area:arrow;padding-left:.25rem;padding-right:.25rem}@media (prefers-reduced-motion: no-preference){.header__menu__link__arrow{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}}.header__menu__link__arrow{transform:translate(var(--arrow-translate, 0))}
