/* One type scale and one burger geometry for portfolio, shop and tools. */
@font-face{font-family:UnrealNav;src:url('assets/fonts/ah-bold.otf') format('opentype');font-weight:400;font-display:swap}
:is(.header-navigation,.shop-navigation){position:fixed;z-index:101;top:26px;right:var(--gutter,5vw);display:flex;align-items:center;gap:46px;font:400 68px/1 UnrealNav,AH,Impact,sans-serif;color:#fff}
:is(.header-navigation,.shop-navigation)>:is(.menu-trigger,.shop-menu-trigger,.header-shop-link,.shop-design-link),:is(.header-navigation,.shop-navigation) .header-check-toggle{position:static;display:flex;align-items:center;font:inherit;line-height:1;letter-spacing:0;min-height:0;margin:0;padding:15px 0;border:0;border-radius:0;background:transparent;color:inherit;white-space:nowrap}
:is(.header-navigation,.shop-navigation)>:is(.menu-trigger,.shop-menu-trigger){gap:20px}
:is(.header-navigation,.shop-navigation) :is(.menu-lines,.shop-burger){display:flex;flex-direction:column;justify-content:space-between;gap:0;margin:0;flex:none;height:var(--nav-cap-height,48px);width:calc(var(--nav-cap-height,48px) * .8);transform:translateY(.04em)}
:is(.header-navigation,.shop-navigation) :is(.menu-lines,.shop-burger) i,:is(.header-navigation,.shop-navigation) .menu-trigger:hover .menu-lines i:last-child{display:block;width:100%;height:22%;background:currentColor}
.nav-umlaut{position:relative;display:inline-block;font:inherit;line-height:inherit}.nav-umlaut:before{content:'';position:absolute;left:43%;top:.015em;width:.07em;height:.06em;background:currentColor;box-shadow:.15em 0 currentColor}
.studio-language,.shop-header-right>.shop-language{position:fixed;z-index:105;top:52px;right:calc(var(--gutter,5vw) + var(--header-nav-width,var(--shop-navigation-width,350px)) + 32px);display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #aa8fc54d;border-radius:4px;background:#100d16c9;backdrop-filter:blur(12px)}
.studio-header .studio-language button,.shop-language button{font:600 11px/1 Montserrat,Arial,sans-serif;min-width:34px;min-height:32px;padding:8px;border:0;border-radius:2px;background:none;color:#f2f0e9}
.studio-header .studio-language button[aria-pressed=true],.shop-language button[aria-pressed=true]{background:#c3ff37;color:#100d16}
.studio-header{min-height:116px;align-items:flex-start}.studio-header .wordmark{max-width:280px}
@media(min-width:901px) and (max-width:1400px){:is(.header-navigation,.shop-navigation){font-size:54px;gap:28px}}
@media(min-width:901px) and (max-width:1150px){.studio-language,.shop-header-right>.shop-language{top:126px;right:var(--gutter,5vw)}}
@media(max-width:900px){:is(.header-navigation,.shop-navigation){top:18px;right:20px;font-size:30px;gap:16px}:is(.header-navigation,.shop-navigation)>:is(.menu-trigger,.shop-menu-trigger,.header-shop-link,.shop-design-link),:is(.header-navigation,.shop-navigation) .header-check-toggle{padding:10px 0}:is(.header-navigation,.shop-navigation)>:is(.menu-trigger,.shop-menu-trigger){gap:12px}.studio-language,.shop-header-right>.shop-language{top:77px;right:20px;padding:2px}.studio-header .studio-language button,.shop-language button{min-width:33px;min-height:30px;font-size:10px}.studio-header{min-height:130px;padding:20px}.studio-header .wordmark{font-size:24px;max-width:125px}}
@media(max-width:400px){:is(.header-navigation,.shop-navigation){font-size:22px;gap:12px}:is(.header-navigation,.shop-navigation)>:is(.menu-trigger,.shop-menu-trigger,.header-shop-link,.shop-design-link),:is(.header-navigation,.shop-navigation) .header-check-toggle{min-height:44px}}
@media(max-width:360px){.studio-language,.shop-header-right>.shop-language{top:72px}}
@media(max-width:350px){.studio-header .wordmark{font-size:22px;max-width:105px}}