.site-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid rgba(0,0,0,.06);transition:border-color .4s ease,color .4s ease,background-color .4s ease;padding:18px var(--gutter);-webkit-backdrop-filter:saturate(1.1) blur(6px);backdrop-filter:saturate(1.1) blur(6px)}.site-header__inner{max-width:var(--max-w);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-header__logo{display:flex;align-items:baseline;gap:12px}.site-header__logo-main{font-family:var(--font-display);font-size:22px;letter-spacing:.36em;color:var(--ink);text-transform:uppercase;text-decoration:none}.site-header__sub-brand{font-family:var(--font-display);font-size:12px;letter-spacing:.22em;color:var(--accent);text-transform:uppercase;opacity:0;transform:translateY(2px);transition:opacity .5s ease,transform .5s ease}[data-brand=mdrea] .site-header__sub-brand,[data-brand=meguru] .site-header__sub-brand,[data-brand=frola] .site-header__sub-brand{opacity:1;transform:none}.site-header__nav{display:flex;gap:32px}.site-header__nav a{font-family:var(--font-display);font-size:13px;letter-spacing:.18em;color:var(--ink);text-decoration:none;text-transform:uppercase;position:relative}.site-header__nav a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .4s ease}.site-header__nav a:hover:after{transform:scaleX(1)}[data-brand=mdrea] .site-header{border-bottom-color:#8a6b3b}[data-brand=meguru] .site-header{border-bottom-color:#b47a4f}[data-brand=frola] .site-header{border-bottom-color:#c8a15a}.site-header__util{display:flex;gap:16px;align-items:center}.site-header__util a{color:var(--ink);text-decoration:none;font-family:var(--font-display);font-size:12px;letter-spacing:.18em}.brand-fade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:9999;transition:opacity .4s ease}.brand-fade-overlay.is-active{opacity:1;pointer-events:all}@media(max-width:749px){.site-header__logo-main{font-size:18px;letter-spacing:.28em}.site-header__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/brand-header.css.map */