:root{--corrwani-cloud-white: #F2EEE6;--corrwani-ivory-sand: #EFE7D8;--corrwani-warm-beige: #D9CDB8;--corrwani-camel: #B98A5E;--corrwani-dark-brown: #3D2712;--corrwani-oxblood: #4A1420;--corrwani-charcoal: #2C2C2C;--corrwani-soft-black: #1A1209;--header-height: 80px;--header-z: 900;--overlay-z: 950;--search-z: 960;--header-text: var(--corrwani-cloud-white);--header-bg: transparent;--header-border-opacity: 0;--overlay-bg: var(--corrwani-ivory-sand);--overlay-text: var(--corrwani-soft-black);--overlay-accent: var(--corrwani-camel);--nav-size-desktop: 80px;--nav-size-mobile: 48px;--font-serif: "Fraunces", "Georgia", serif;--font-sans: "Jost", "Helvetica Neue", Arial, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--dur-fast: .2s;--dur-mid: .45s;--dur-slow: .85s}.corrwani-header *,.corrwani-nav-overlay *,.corrwani-search-drawer *{box-sizing:border-box;margin:0;padding:0}.corrwani-header{position:fixed;top:0;left:0;right:0;z-index:var(--header-z);height:var(--header-height);background-color:var(--header-bg);transition:background-color var(--dur-mid) var(--ease-out-expo),border-color var(--dur-mid) var(--ease-out-expo);will-change:background-color}.corrwani-header.is-scrolled,.corrwani-header.is-solid-page{--header-bg: var(--corrwani-cloud-white);--header-text: var(--corrwani-soft-black);--header-border-opacity: 1;background-color:var(--corrwani-cloud-white)}.corrwani-header.is-hidden{transform:translateY(-100%);transition:transform .4s var(--ease-in-out-quart),background-color var(--dur-mid) var(--ease-out-expo)}.corrwani-header{transition:transform .4s var(--ease-in-out-quart),background-color var(--dur-mid) var(--ease-out-expo),border-color var(--dur-mid) var(--ease-out-expo);will-change:transform,background-color}.corrwani-header.menu-is-open{background-color:transparent!important;transform:translateY(0)!important}.corrwani-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;padding:0 clamp(20px,4vw,60px)}.corrwani-header__border{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:currentColor;opacity:var(--header-border-opacity);transition:opacity var(--dur-mid) var(--ease-out-expo);color:var(--corrwani-warm-beige)}.corrwani-header__logo{display:flex;align-items:center}.corrwani-header__logo-link{display:inline-flex;align-items:center;text-decoration:none;color:var(--header-text);transition:color var(--dur-mid) var(--ease-out-expo)}.corrwani-header__logo-img{display:block;width:140px;height:auto;filter:brightness(0) invert(1);transition:filter var(--dur-mid) var(--ease-out-expo)}.corrwani-header.is-scrolled .corrwani-header__logo-img{filter:none}.corrwani-header.menu-is-open .corrwani-header__logo-img{filter:brightness(0)}.corrwani-header__logo-text{font-family:var(--font-sans);font-size:18px;font-weight:300;letter-spacing:.35em;color:inherit}.corrwani-header__center{display:flex;justify-content:center}.corrwani-menu-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:12px 20px;color:var(--header-text);transition:color var(--dur-mid) var(--ease-out-expo);position:relative;gap:0}.corrwani-menu-toggle:focus-visible{outline:2px solid var(--corrwani-camel);outline-offset:4px;border-radius:2px}.corrwani-header.is-scrolled .corrwani-menu-toggle,.corrwani-header.menu-is-open .corrwani-menu-toggle{color:var(--corrwani-soft-black)}.corrwani-menu-toggle__inner{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.corrwani-menu-toggle__lines{display:flex;flex-direction:column;gap:7px;width:36px}.corrwani-menu-toggle__line{display:block;height:1px;background-color:currentColor;transform-origin:center;transition:transform .5s var(--ease-out-expo),opacity .3s ease,width .35s var(--ease-out-expo);will-change:transform,opacity}.corrwani-menu-toggle__line--top,.corrwani-menu-toggle__line--bot{width:100%}.corrwani-menu-toggle:not([aria-expanded=true]):hover .corrwani-menu-toggle__line--top{width:60%}.corrwani-menu-toggle:not([aria-expanded=true]):hover .corrwani-menu-toggle__line--bot{width:60%;align-self:flex-end}.corrwani-menu-toggle[aria-expanded=true] .corrwani-menu-toggle__line--top{transform:translateY(4px) rotate(45deg)}.corrwani-menu-toggle[aria-expanded=true] .corrwani-menu-toggle__line--bot{transform:translateY(-4px) rotate(-45deg)}.corrwani-menu-toggle__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.corrwani-menu-toggle__label{font-family:var(--font-sans);font-size:9px;font-weight:400;letter-spacing:.28em;color:currentColor;white-space:nowrap;display:block;overflow:hidden;line-height:1.2}.corrwani-menu-toggle__label--menu{clip-path:inset(0 0 100% 0);transform:translateY(6px);opacity:0;transition:clip-path .4s var(--ease-out-expo),transform .4s var(--ease-out-expo),opacity .3s ease}.corrwani-menu-toggle:not([aria-expanded=true]):hover .corrwani-menu-toggle__label--menu{clip-path:inset(0 0 0% 0);transform:translateY(0);opacity:1}.corrwani-menu-toggle__label--close{display:none}.corrwani-header__utils{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2vw,28px)}.corrwani-header__util-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--header-text);text-decoration:none;padding:8px;border-radius:0;position:relative;transition:color var(--dur-mid) var(--ease-out-expo),transform var(--dur-fast) ease}.corrwani-header__util-btn:hover{transform:translateY(-1px)}.corrwani-header__util-btn:focus-visible{outline:2px solid var(--corrwani-camel);outline-offset:4px}.corrwani-header.is-scrolled .corrwani-header__util-btn,.corrwani-header.menu-is-open .corrwani-header__util-btn{color:var(--corrwani-soft-black)}.corrwani-icon{width:20px;height:20px;display:block}.corrwani-cart-count{position:absolute;top:0;right:0;background-color:var(--corrwani-oxblood);color:var(--corrwani-cloud-white);font-family:var(--font-sans);font-size:9px;font-weight:500;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;transition:transform var(--dur-fast) ease,opacity var(--dur-fast) ease}.corrwani-cart-count--hidden{opacity:0;transform:scale(.6);pointer-events:none}.corrwani-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--overlay-z);visibility:hidden;pointer-events:none;overflow:hidden}.corrwani-nav-overlay.is-open{visibility:visible;pointer-events:all}.corrwani-nav-overlay__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.corrwani-nav-overlay__panel{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleY(0);transform-origin:top center}.corrwani-nav-overlay__panel--1{background-color:var(--corrwani-warm-beige);z-index:1}.corrwani-nav-overlay__panel--2{background-color:var(--corrwani-ivory-sand);z-index:2}.corrwani-nav-overlay__content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:var(--header-height) clamp(24px,6vw,80px) clamp(32px,5vw,60px);overflow-y:auto;overflow-x:hidden}.corrwani-nav-overlay__close{display:flex;align-items:center;gap:10px;position:fixed;top:calc(var(--header-height) / 2);right:clamp(20px,4vw,60px);transform:translateY(-50%);z-index:10;background:none;border:none;cursor:pointer;color:var(--corrwani-soft-black);font-family:var(--font-sans);font-size:10px;font-weight:300;letter-spacing:.2em;text-transform:uppercase;padding:10px 0;opacity:0;pointer-events:none;transition:color .2s ease}.corrwani-nav-overlay.is-open .corrwani-nav-overlay__close{pointer-events:all}.corrwani-nav-overlay__close:hover{color:var(--corrwani-camel)}.corrwani-nav-overlay__close:focus-visible{outline:2px solid var(--corrwani-camel);outline-offset:6px}.corrwani-nav-overlay__close-icon{display:flex;flex-direction:column;gap:0;width:20px;height:20px;position:relative;flex-shrink:0}.corrwani-nav-overlay__close-icon:before,.corrwani-nav-overlay__close-icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:currentColor;transition:transform .3s var(--ease-out-expo)}.corrwani-nav-overlay__close-icon:before{transform:translateY(-50%) rotate(45deg)}.corrwani-nav-overlay__close-icon:after{transform:translateY(-50%) rotate(-45deg)}.corrwani-nav-overlay__close:hover .corrwani-nav-overlay__close-icon:before{transform:translateY(-50%) rotate(135deg)}.corrwani-nav-overlay__close:hover .corrwani-nav-overlay__close-icon:after{transform:translateY(-50%) rotate(45deg)}.corrwani-nav-overlay__close-label{display:inline-block}.corrwani-nav-list{list-style:none;padding:clamp(32px,6vh,80px) 0 0;display:flex;flex-direction:column;gap:0}.corrwani-nav-item{overflow:hidden;border-top:1px solid rgba(0,0,0,.08)}.corrwani-nav-item:last-child{border-bottom:1px solid rgba(0,0,0,.08)}.corrwani-nav-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left;padding:clamp(14px,2.5vh,22px) 0;color:var(--corrwani-soft-black);position:relative;overflow:hidden}.corrwani-nav-link__inner{position:relative;display:block;overflow:hidden;line-height:1}.corrwani-nav-link__text{display:block;font-family:var(--font-serif);font-size:var(--nav-size-desktop);font-weight:300;font-style:italic;letter-spacing:-.01em;line-height:1.05;color:var(--corrwani-soft-black);transition:transform .4s var(--ease-out-expo),color .3s ease;will-change:transform}.corrwani-nav-link__text--primary{transform:translateY(0)}.corrwani-nav-link__text--hover{position:absolute;top:100%;left:0;color:var(--corrwani-camel);transform:translateY(0)}.corrwani-nav-link:hover .corrwani-nav-link__text--primary{transform:translateY(-100%);color:var(--corrwani-camel)}.corrwani-nav-link:hover .corrwani-nav-link__text--hover{transform:translateY(-100%)}.corrwani-nav-link__index{font-family:var(--font-sans);font-size:11px;font-weight:300;letter-spacing:.1em;color:var(--corrwani-camel);opacity:0;transform:translate(-8px);transition:opacity .3s ease,transform .3s var(--ease-out-expo);flex-shrink:0;margin-left:20px}.corrwani-nav-link:hover .corrwani-nav-link__index{opacity:1;transform:translate(0)}.corrwani-nav-item--active .corrwani-nav-link__text--primary{color:var(--corrwani-camel)}.corrwani-subnav{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;padding:0 0 18px;overflow:hidden;max-height:0;transition:max-height var(--dur-mid) var(--ease-out-expo)}.corrwani-subnav[aria-hidden=false]{max-height:300px}.corrwani-subnav__link{font-family:var(--font-sans);font-size:13px;font-weight:300;letter-spacing:.1em;color:var(--corrwani-charcoal);text-decoration:none;text-transform:uppercase;border-bottom:1px solid transparent;transition:color .25s ease,border-color .25s ease}.corrwani-subnav__link:hover,.corrwani-subnav__link[aria-current=page]{color:var(--corrwani-camel);border-bottom-color:var(--corrwani-camel)}.corrwani-nav-footer{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-top:40px;border-top:1px solid rgba(0,0,0,.1);margin-top:20px}.corrwani-nav-footer__left{display:flex;flex-wrap:wrap;gap:6px 20px}.corrwani-nav-footer__link{font-family:var(--font-sans);font-size:11px;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--corrwani-charcoal);text-decoration:none;opacity:.65;transition:opacity .2s ease,color .2s ease}.corrwani-nav-footer__link:hover{opacity:1;color:var(--corrwani-camel)}.corrwani-nav-footer__right{display:flex;gap:20px}.corrwani-nav-footer__social{font-family:var(--font-sans);font-size:11px;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--corrwani-soft-black);text-decoration:none;transition:color .2s ease,transform .2s ease;display:inline-block}.corrwani-nav-footer__social:hover{color:var(--corrwani-camel);transform:translateY(-2px)}.corrwani-nav-item{opacity:0;transform:translateY(30px)}.corrwani-nav-footer{opacity:0;transform:translateY(20px)}.corrwani-search-drawer{position:fixed;top:0;left:0;right:0;z-index:var(--search-z);background-color:var(--corrwani-cloud-white);padding:0 clamp(20px,4vw,60px);height:var(--header-height);display:flex;align-items:center;transform:translateY(-100%);transition:transform var(--dur-mid) var(--ease-out-expo);border-bottom:1px solid var(--corrwani-warm-beige)}.corrwani-search-drawer.is-open{transform:translateY(0)}.corrwani-search-drawer__inner{display:flex;align-items:center;width:100%;gap:20px}.corrwani-search-drawer__input{flex:1;background:none;border:none;border-bottom:1px solid var(--corrwani-warm-beige);padding:8px 0;font-family:var(--font-sans);font-size:16px;font-weight:300;letter-spacing:.08em;color:var(--corrwani-soft-black);outline:none;transition:border-color .2s ease}.corrwani-search-drawer__input::placeholder{color:var(--corrwani-warm-beige);letter-spacing:.15em;font-size:12px;text-transform:uppercase}.corrwani-search-drawer__input:focus{border-bottom-color:var(--corrwani-camel)}.corrwani-search-drawer__close{background:none;border:none;cursor:pointer;font-size:16px;color:var(--corrwani-charcoal);padding:8px;transition:color .2s ease,transform .2s ease;flex-shrink:0}.corrwani-search-drawer__close:hover{color:var(--corrwani-soft-black);transform:rotate(90deg)}.corrwani-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--search-z) - 1);background-color:#0000004d;opacity:0;pointer-events:none;transition:opacity var(--dur-mid) ease}.corrwani-search-backdrop.is-visible{opacity:1;pointer-events:all}@media(prefers-reduced-motion:reduce){.corrwani-header,.corrwani-menu-toggle__line,.corrwani-nav-link__text,.corrwani-search-drawer,.corrwani-nav-footer__social{transition-duration:.01ms!important}}@media screen and (max-width:1024px){:root{--nav-size-desktop: 60px}}@media screen and (max-width:768px){:root{--header-height: 64px;--nav-size-desktop: var(--nav-size-mobile)}.corrwani-header__inner{padding:0 20px}.corrwani-header__logo-text{font-size:14px;letter-spacing:.25em}.corrwani-header__logo-img{width:100px}.corrwani-menu-toggle{padding:8px 14px}.corrwani-header__utils{gap:10px}.corrwani-icon{width:18px;height:18px}.corrwani-nav-overlay__content{padding-left:20px;padding-right:20px;padding-top:var(--header-height)}.corrwani-nav-footer{flex-direction:column;align-items:flex-start;gap:16px}.corrwani-nav-footer__right{gap:16px}}@media screen and (max-width:480px){.corrwani-header__utils{gap:6px}.corrwani-menu-toggle__lines{width:22px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/corrwani-header.css.map */