/*! Gladiatrix 2.0.9 · the new home's navbar and phone menu on every other page (includes/site-nav.php).
 *  Generated by gladiatrix-home-v2/tools/site_nav.py from the approved preview's css/gx-home.css: do not edit here.
 *  The page's own rules (when the navbar shows, the theme's header goes) are in assets/site/gx-site-nav-wp.css. */
@font-face { font-family: "Gladiatrix Karla"; src: url("../fonts/Karla-latin.woff2") format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Gladiatrix Shrikhand"; src: url("../fonts/Shrikhand-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
#gx-sitenav, #gx-mnav { --gx-teal: #304f5a; --gx-teal-deep: #284f5c; --gx-fucsia: #f62dae; --gx-fucsia-hover: #d4148f; --gx-pink: #ffacd8; --gx-blush: #ffe4f2; --gx-blush-deep: #ffdef1; --gx-blush-soft: #fff2f9; --gx-disc: #ffcdea; --gx-white: #fff; --gx-line: rgba(48, 79, 90, .14); --gx-line-strong: rgba(48, 79, 90, .35); --gx-line-on-teal: rgba(255, 228, 242, .24); --gx-wash: rgba(48, 79, 90, .6); --gx-wash-strong: rgba(48, 79, 90, .66); --gx-ease: cubic-bezier(.2, .8, .2, 1); --gx-gutter: clamp(16px, 4vw, 40px); --gx-frame-gap: var(--gx-gutter); --gx-hero-inset: 34px; --gx-wrap: 1240px; --gx-wrap-wide: 1320px; --gx-text: 1140px; --gx-bleed: clamp(0px, (100vw - 1240px) / 2, 40px); --gx-sec: clamp(80px, 10vw, 144px); --gx-gap: clamp(112px, 15vh, 200px); --gx-r-frame: clamp(20px, 3vw, 32px); --gx-r-card: 20px; --gx-r-photo: 14px; --gx-r-tile: 16px; --gx-r-sq: 8px; --gx-shadow-card: 0 2px 3px rgba(48, 79, 90, .12), 0 20px 38px rgba(48, 79, 90, .18); --gx-shadow-lift: 0 24px 40px -22px rgba(48, 79, 90, .45); --gx-shadow-nav: 0 28px 44px -24px rgba(48, 79, 90, .38); --gx-shadow-sticker: 0 1px 1px rgba(48, 79, 90, .12), 0 6px 14px rgba(48, 79, 90, .16); --gx-sans: "Gladiatrix Karla", "Karla", system-ui, -apple-system, "Segoe UI", sans-serif; --gx-display: "Gladiatrix Shrikhand", "Shrikhand", Georgia, serif; --gx-price: 26px; }
#gx-sitenav, #gx-mnav { --gx-strip-h: 40px; }
#gx-sitenav, #gx-mnav { --gx-bar-h: 80px; }

/* the preview's page-wide resets, for the navbar and the menu only: none of the theme's looks for links, lists,
   paragraphs, headings, pictures, buttons and fields reaches them. One id each, so every rule below (one id and its
   own classes) still sets its own fonts, colours, sizes and margins in every state. */
#gx-sitenav, #gx-mnav { color: #304f5a; font: 400 17px/1.65 "Gladiatrix Karla", "Karla", system-ui, sans-serif; letter-spacing: normal; text-align: start; text-transform: none; -webkit-font-smoothing: antialiased; }
:is(#gx-sitenav, #gx-mnav) *, :is(#gx-sitenav, #gx-mnav) *::before, :is(#gx-sitenav, #gx-mnav) *::after { box-sizing: border-box; }
:is(#gx-sitenav, #gx-mnav) :where(a), :is(#gx-sitenav, #gx-mnav) :where(a):is(:hover, :focus, :active, :visited) { color: inherit; background-color: transparent; box-shadow: none; outline: 0; }
:is(#gx-sitenav, #gx-mnav) :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
:is(#gx-sitenav, #gx-mnav) :where(li) { margin: 0; padding: 0; }
:is(#gx-sitenav, #gx-mnav) :where(p) { margin: 0; padding: 0; }
:is(#gx-sitenav, #gx-mnav) :where(h1, h2, h3, h4, h5, h6) { margin: 0; padding: 0; font-weight: 400; }
:is(#gx-sitenav, #gx-mnav) :where(img) { display: block; max-width: 100%; height: auto; border: 0; border-radius: 0; box-shadow: none; }
:is(#gx-sitenav, #gx-mnav) :where(button), :is(#gx-sitenav, #gx-mnav) :where(button):is(:hover, :focus, :active) { min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; text-shadow: none; color: inherit; font: inherit; letter-spacing: normal; text-transform: none; outline: 0; cursor: pointer; }
:is(#gx-sitenav, #gx-mnav) :where(input), :is(#gx-sitenav, #gx-mnav) :where(input):is(:hover, :focus) { min-height: 0; margin: 0; box-shadow: none; outline: 0; font: inherit; letter-spacing: normal; text-transform: none; }
:is(#gx-sitenav, #gx-mnav) .screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; }
html.gx-lock { overflow: hidden; }
.gx-btn:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { cursor: pointer; }
.gx-mnav :focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { outline: 0; box-shadow: 0 0 0 3px var(--gx-disc), 0 0 0 5px var(--gx-teal); }
.gx-btn:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 18px 30px; border: 1px solid var(--gx-teal); border-radius: 999px; background: var(--gx-teal); color: #fff; font: 500 16px/1 var(--gx-sans); letter-spacing: 2px; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 1.25; max-width: 100%; transition: background-color .2s linear, color .2s linear, border-color .2s linear, box-shadow .3s var(--gx-ease); }
.gx-btn--arrow:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after { flex: none; }
.gx-btn:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-btn:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-fucsia-hover); border-color: var(--gx-fucsia-hover); color: #fff; }
.gx-btn--lg:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { padding: 22px 34px; font-size: 18px; }
.gx-btn--light:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-blush); border-color: var(--gx-blush); color: var(--gx-teal); }
.gx-btn--outline:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: transparent; color: var(--gx-teal); }
.gx-btn--outline:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-btn--outline:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-teal); border-color: var(--gx-teal); color: #fff; }
.gx-btn--outline-blush:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: transparent; border-color: var(--gx-blush); color: var(--gx-blush); }
.gx-btn--outline-blush:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-btn--outline-blush:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-blush); border-color: var(--gx-blush); color: var(--gx-teal); }
.gx-btn--arrow:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after { content: "\2192"; letter-spacing: 0; transition: transform .25s var(--gx-ease); }
.gx-btn--arrow:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after { transform: translateX(4px); }
.gx-ico:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: block; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.gx-ico--search:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --m: url("../img/ui/search.svg"); }
.gx-ico--account:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --m: url("../img/ui/account.svg"); }
.gx-ico--bag:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --m: url("../img/ui/bag.svg"); }
.gx-ico--menu:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --m: url("../img/ui/menu.svg"); }
.gx-ico--close:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --m: url("../img/ui/close.svg"); }
.gx-ico--instagram:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --m: url("../img/ui/instagram.svg"); }
.gx-ico--tiktok:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --m: url("../img/ui/tiktok.svg"); }
.gx-ico--linkedin:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --m: url("../img/ui/linkedin.svg"); }
.gx-ico--pinterest:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --m: url("../img/ui/pinterest.svg"); }
.gx-nav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --gx-nav-h: 80px; position: sticky; top: 12px; z-index: 60; height: 0; display: flex; justify-content: center; padding: 0 var(--gx-frame-gap); pointer-events: none; }
.gx-nav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --gx-halo-l: none; --gx-halo-r: none; --gx-drop-l: none; --gx-drop-r: none; --gx-ink-l: var(--gx-teal-deep); --gx-ink-r: var(--gx-teal-deep); --gx-hov-l: var(--gx-disc); --gx-hov-r: var(--gx-disc); --gx-cnt-bg: var(--gx-teal); --gx-cnt-fg: var(--gx-blush); }
.gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { pointer-events: auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: 100%; height: var(--gx-nav-h); padding: 0 12px 0 20px; border: 1px solid var(--gx-line); border-radius: 999px; background: var(--gx-blush-soft); box-shadow: 0 22px 46px -22px rgba(9, 21, 27, .45); transition: height .3s var(--gx-ease), box-shadow .3s var(--gx-ease); }
.gx-nav.is-scrolled:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --gx-nav-h: 72px; }
.gx-nav.is-scrolled .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { box-shadow: 0 16px 32px -22px rgba(9, 21, 27, .45); }
.gx-nav__left:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: relative; z-index: 2; justify-self: start; display: flex; align-items: center; }
.gx-nav__link:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: relative; display: inline-flex; align-items: center; gap: 7px; height: 44px; margin: 0; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: var(--gx-ink-l); text-shadow: var(--gx-halo-l); transition: color .3s ease; font: 400 18px/1 var(--gx-display); text-transform: none; text-decoration: none; white-space: nowrap; }
.gx-nav__link:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 7px; height: 2px; border-radius: 2px; background: var(--gx-fucsia); transform: scaleX(0); transform-origin: 0 50%; transition: transform .28s var(--gx-ease); }
.gx-nav__link:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after, .gx-nav__link:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after, .gx-nav__link[aria-expanded="true"]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after { transform: scaleX(1); }
.gx-chev:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 11px; height: 11px; fill: currentColor; transition: transform .28s var(--gx-ease); }
[aria-expanded="true"] > .gx-chev:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { transform: rotate(180deg); }
.gx-nav__logo:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: relative; isolation: isolate; display: grid; place-items: center; min-height: 44px; padding: 0 4px; line-height: 0; border-radius: 12px; }
.gx-nav__logo img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: block; width: 80px; height: auto; transition: width .3s var(--gx-ease); }
.gx-nav.is-scrolled .gx-nav__logo img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 64px; }
.gx-nav__right:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: relative; z-index: 2; justify-self: end; display: flex; align-items: center; gap: 4px; }
.gx-nav__disc:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: relative; display: grid; place-items: center; width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--gx-ink-r); filter: var(--gx-drop-r); transition: background-color .2s linear, color .3s ease; }
.gx-nav__burger:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { color: var(--gx-ink-l); filter: var(--gx-drop-l); }
.gx-nav__disc:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav__disc[aria-expanded="true"]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-hov-r); }
.gx-nav__burger:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav__burger[aria-expanded="true"]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-hov-l); }
.gx-nav__search .gx-ico:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 26px; height: 26px; transition: transform .3s var(--gx-ease); }
.gx-nav__search:hover .gx-ico:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { transform: scale(1.08) rotate(-10deg); }
.gx-nav__lang:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: inline-flex; align-items: center; gap: 9px; height: 44px; margin: 0; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: var(--gx-ink-r); text-shadow: var(--gx-halo-r); font: 400 17px/1 var(--gx-display); transition: background-color .2s linear, color .3s ease; }
.gx-nav__lang:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav__lang[aria-expanded="true"]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-hov-r); }
.gx-nav__lang .gx-chev:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 9px; height: 9px; }
.gx-nav__langs:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: absolute; top: calc(100% + 12px); right: 100px; min-width: 172px; padding: 8px; list-style: none; background: #fff; border-radius: 18px; box-shadow: 0 24px 44px -24px rgba(48, 79, 90, .6); animation: gx-pop .22s var(--gx-ease); }
.gx-nav__langs[hidden]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: none; }
.gx-nav__langs a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: flex; align-items: center; height: 44px; padding: 0 14px; border-radius: 12px; font: 700 16px/1 var(--gx-sans); text-decoration: none; transition: background-color .2s linear, color .2s linear; }
.gx-nav__langs a:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav__langs a:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-blush-soft); color: var(--gx-fucsia); }
.gx-nav__langs a[aria-current="true"]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-blush); }
@keyframes gx-pop { from { opacity: 0; transform: translateY(-6px); } }
.gx-nav__count:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: absolute; top: 5px; right: 3px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--gx-cnt-bg); color: var(--gx-cnt-fg); font: 800 15px/18px var(--gx-sans); text-align: center; }
.gx-nav__count[hidden]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: none; }
.gx-nav__burger:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: none; }
.gx-nav__panel:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { pointer-events: auto; position: absolute; top: calc(var(--gx-nav-h) + 8px); left: 50%; width: calc(100% - 2 * var(--gx-frame-gap)); padding: 32px 36px 28px; background: var(--gx-blush-soft); border: 1px solid var(--gx-line); border-radius: 26px; box-shadow: var(--gx-shadow-nav); transform: translateX(-50%); animation: gx-panel-in .28s var(--gx-ease); }
.gx-nav__panel[hidden]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: none; }
@keyframes gx-panel-in { from { opacity: 0; transform: translate(-50%, -6px); } }
.gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: relative; z-index: 2; }
.gx-nav.has-panel:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --gx-halo-l: none; --gx-halo-r: none; --gx-drop-l: none; --gx-drop-r: none; --gx-ink-l: var(--gx-teal); --gx-ink-r: var(--gx-teal); --gx-hov-l: var(--gx-disc); --gx-hov-r: var(--gx-disc); --gx-cnt-bg: var(--gx-teal); --gx-cnt-fg: var(--gx-blush); }
.gx-nav.has-panel .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-blush-soft); border-color: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.gx-nav.has-panel .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::before, .gx-nav.has-panel .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after { display: none; }
.gx-nav__panel--menu:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { z-index: 1; left: 0; right: 0; top: -12px; width: auto; padding: calc(12px + var(--gx-nav-h) + 34px) calc(var(--gx-frame-gap) + 34px) 48px; border: 1px solid rgba(255, 255, 255, .6); border-top: 0; border-radius: 0 0 var(--gx-r-frame) var(--gx-r-frame); background: var(--gx-blush-soft); box-shadow: 0 44px 80px -40px rgba(9, 21, 27, .45); transform: none; animation: gx-menu-in .28s var(--gx-ease); max-height: 100vh; max-height: 100svh; overflow-y: auto; overscroll-behavior: contain; }
.gx-nav__panel--menu > *:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: relative; }
@keyframes gx-menu-in { from { opacity: 0; transform: translateY(-14px); } }
.gx-panel__grid:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: grid; grid-template-columns: minmax(230px, 1.05fr) repeat(3, minmax(0, 1fr)); gap: 28px 64px; }
.gx-panel__grid > *:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { animation: gx-item-in .4s var(--gx-ease) both; }
.gx-panel__grid > :nth-child(2):is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { animation-delay: 40ms; }
.gx-panel__grid > :nth-child(3):is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { animation-delay: 80ms; }
.gx-panel__grid > :nth-child(4):is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { animation-delay: 120ms; }
@keyframes gx-item-in { from { opacity: 0; transform: translateY(8px); } }
.gx-panel__intro:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { align-self: start; }
.gx-panel__kicker:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { margin: 0 0 14px; font: 800 16px/1.2 var(--gx-sans); letter-spacing: 2px; text-transform: uppercase; opacity: .7; }
.gx-panel__lead:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { max-width: 20ch; margin: 0 0 22px; font: 800 24px/1.25 var(--gx-sans); text-wrap: balance; }
.gx-panel__title:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { white-space: nowrap; margin: 0 0 18px; padding: 0 0 14px; border-bottom: 2px solid var(--gx-disc); font: 400 20px/1.2 var(--gx-display); letter-spacing: .3px; }
.gx-panel__links:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { list-style: none; }
.gx-panel__links a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: inline-flex; align-items: center; gap: 14px; padding: 9px 0; font: 700 17px/1.3 var(--gx-sans); text-decoration: none; transition: color .2s linear, transform .25s var(--gx-ease); }
.gx-panel__links a:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-panel__links a:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { color: var(--gx-fucsia-hover); transform: translateX(4px); }
.gx-panel__links img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 40px; height: 40px; }
.gx-panel__links--icons a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { padding: 6px 0; }
.gx-panel__all:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { white-space: nowrap; display: inline-flex; align-items: center; gap: 10px; margin-top: 10px; padding: 8px 0; font: 800 16px/1.2 var(--gx-sans); letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none; border-bottom: 2px solid var(--gx-fucsia); transition: color .2s linear, gap .25s var(--gx-ease); }
.gx-panel__all:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-panel__all:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { color: var(--gx-fucsia-hover); gap: 16px; }
.gx-panel__level:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; padding: 16px 18px 18px; border: 1px solid rgba(48, 79, 90, .2); border-radius: 16px; background: #fff; text-decoration: none; transition: transform .25s var(--gx-ease), box-shadow .3s var(--gx-ease); }
.gx-panel__level strong:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { font: 800 17px/1.2 var(--gx-sans); }
.gx-panel__level span:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { font: 400 16px/1.4 var(--gx-sans); opacity: .85; }
.gx-panel__level:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-panel__level:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { transform: translateY(-2px); box-shadow: 0 10px 20px -12px rgba(48, 79, 90, .45); }
.gx-nav__panel--search:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { max-width: 720px; padding: 24px; }
.gx-nav__panel--search form:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: flex; gap: 10px; }
.gx-nav__panel--search input:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { flex: 1; height: 54px; padding: 0 22px; border: 1px solid var(--gx-line-strong); border-radius: 999px; background: #fff; color: var(--gx-teal); font: 500 17px/1 var(--gx-sans); -webkit-appearance: none; appearance: none; }
.gx-nav__panel--search input:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::placeholder { color: rgba(48, 79, 90, .6); }
.gx-nav__panel--search button:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { padding: 0 28px; border: 0; border-radius: 999px; background: var(--gx-teal); color: #fff; font: 500 16px/1 var(--gx-sans); letter-spacing: 2px; text-transform: uppercase; transition: background-color .2s linear; }
.gx-nav__panel--search button:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-fucsia-hover); }
.gx-nav__backdrop:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: fixed; inset: 0; z-index: -1; background: rgba(48, 79, 90, .16); pointer-events: auto; animation: gx-fade .25s ease; }
.gx-nav__backdrop[hidden]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: none; }
@keyframes gx-fade { from { opacity: 0; } }
.gx-btn--glass:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: relative; isolation: isolate; padding: 20px 30px; font: 800 16px/1 var(--gx-sans); letter-spacing: 1.6px; color: #fff8fb; text-shadow: 0 1px 10px rgba(9, 21, 27, .4); border: 1px solid rgba(255, 255, 255, .5); background-color: rgba(9, 22, 28, .3); background-image: radial-gradient(150px 76px at var(--gx-px, 50%) var(--gx-py, 50%), rgba(255, 255, 255, calc(var(--gx-glint) * .2)), rgba(255, 255, 255, 0) 72%), linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .05)); -webkit-backdrop-filter: blur(22px) saturate(1.8) brightness(1.1); backdrop-filter: blur(22px) saturate(1.8) brightness(1.1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .8), inset 0 -1px 2px rgba(255, 255, 255, .22), inset 0 0 24px rgba(255, 255, 255, .14), 0 18px 38px -18px rgba(9, 21, 27, .65); transition: --gx-glint .35s ease, border-color .25s ease, box-shadow .3s var(--gx-ease), background-color .25s ease, transform .25s var(--gx-ease); }
@media (max-width: 767px) {
  .gx-btn--glass:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background-color: rgba(9, 22, 28, .38); }
  .gx-btn--glass:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-btn--glass:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background-color: rgba(9, 22, 28, .34); }
}
.gx-btn--glass:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::before { content: ""; position: absolute; z-index: -1; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(112deg, rgba(255, 255, 255, .38) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 72%, rgba(255, 255, 255, .22) 100%); }
.gx-btn--glass:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-btn--glass:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --gx-glint: 1; color: #fff; border-color: rgba(255, 255, 255, .85); background-color: rgba(9, 22, 28, .26); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .9), inset 0 -1px 2px rgba(255, 255, 255, .28), inset 0 0 28px rgba(255, 255, 255, .2), 0 22px 44px -18px rgba(9, 21, 27, .7); }
@media (max-width: 921px) {
  #gx-sitenav, #gx-mnav { --gx-hero-inset: 26px; }
}
@media (max-width: 544px) {
  #gx-sitenav, #gx-mnav { --gx-frame-gap: 12px; --gx-hero-inset: 22px; }
}
@keyframes gx-prod-in { from { opacity: 0; transform: translateY(12px); } }
.gx-mnav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: fixed; inset: 0; z-index: 70; display: flex; flex-direction: column; background: var(--gx-blush); color: var(--gx-teal); font: 400 16px/1.3 var(--gx-sans); transform: translateX(100%); transition: transform .36s var(--gx-ease); }
.gx-mnav[hidden]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: none; }
.gx-mnav.is-open:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { transform: none; }
@media (min-width: 922px) {
  .gx-mnav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: none !important; }
}
.gx-mnav a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { text-decoration: none; }
.gx-mnav ul:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { list-style: none; }
.gx-mnav__bar:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { flex: none; display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; height: 68px; padding: 0 10px; border-bottom: 1px solid var(--gx-line); }
.gx-mnav__logo:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { grid-column: 2; justify-self: center; display: inline-flex; align-items: center; min-height: 44px; padding: 2px 0; line-height: 0; }
.gx-mnav__logo img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 56px; height: auto; }
.gx-mnav__icon:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { grid-column: 3; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--gx-teal); }
.gx-mnav__icon:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-disc); }
.gx-mnav__viewport:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: relative; flex: 1; overflow: hidden; }
.gx-mnav__panel:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 16px 20px 40px; }
.gx-mnav.is-open .gx-mnav__panel > *:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { animation: gx-mnav-in .45s var(--gx-ease) both; animation-delay: calc(var(--i, 0) * 45ms + 120ms); }
@keyframes gx-mnav-in { from { opacity: 0; transform: translateY(12px); } }
.gx-mnav__search:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: relative; margin: 0; }
.gx-mnav__search input:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 100%; height: 52px; padding: 0 58px 0 20px; border: 1px solid rgba(48, 79, 90, .35); border-radius: 999px; background: #fff; color: var(--gx-teal); font: 500 16px/1 var(--gx-sans); -webkit-appearance: none; appearance: none; }
.gx-mnav__search input:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::placeholder { color: rgba(48, 79, 90, .6); opacity: 1; }
.gx-mnav__search button:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--gx-teal); color: #fff; }
.gx-mnav__search .gx-ico:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 20px; height: 20px; }
.gx-mnav__group:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { margin-top: 28px; }
.gx-mnav__label:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { margin: 0 0 14px; padding: 0 0 10px; border-bottom: 2px solid var(--gx-disc); font: 400 20px/1.3 var(--gx-display); letter-spacing: .3px; }
.gx-mnav__tiles:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gx-mnav__tiles > li:last-child:nth-child(odd):is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { grid-column: 1 / -1; }
.gx-mnav__tile:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: block; height: 100%; padding: 8px 8px 12px; border-radius: 18px; background: #fff; box-shadow: 0 10px 22px -16px rgba(48, 79, 90, .5); text-align: center; transition: transform .2s var(--gx-ease); }
.gx-mnav__tile:active:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { transform: scale(.97); }
.gx-mnav__tile img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 12px; background: var(--gx-blush-soft); }
.gx-mnav__tiles > li:last-child:nth-child(odd) img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { aspect-ratio: 2.2 / 1; }
.gx-mnav__tile span:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: block; margin-top: 10px; font: 400 20px/1.2 var(--gx-display); letter-spacing: .3px; }
.gx-mnav__rows li a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 6px 4px; border-bottom: 1px solid var(--gx-line); font: 800 17px/1.25 var(--gx-sans); letter-spacing: .05em; text-transform: uppercase; }
.gx-mnav__rows img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 40px; height: 40px; }
.gx-mnav__rows li a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after { content: ""; width: 8px; height: 8px; margin: 0 4px 0 auto; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); opacity: .5; }
.gx-mnav__cards:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gx-mnav__card:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: flex; flex-direction: column; gap: 6px; padding: 14px 14px 16px; border: 1px solid rgba(48, 79, 90, .2); border-radius: 16px; background: var(--gx-blush-soft); }
.gx-mnav__card strong:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { font: 800 16px/1.2 var(--gx-sans); }
.gx-mnav__card span:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { font: 400 16px/1.35 var(--gx-sans); opacity: .85; }
.gx-mnav__all:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 100%; margin-top: 24px; }
.gx-mnav__foot:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--gx-line); }
.gx-mnav__foot > a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { padding: 14px 0; font: 700 16px/1 var(--gx-sans); }
.gx-mnav__langs:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: flex; gap: 6px; margin-left: auto; }
.gx-mnav__langs a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 8px; border: 1px solid rgba(48, 79, 90, .3); border-radius: 999px; font: 800 16px/1 var(--gx-sans); letter-spacing: 1px; }
.gx-mnav__langs a[aria-current="true"]:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-teal); border-color: var(--gx-teal); color: #fff; }
.gx-mnav__social:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: flex; justify-content: center; gap: 12px; width: 100%; margin-top: 8px; }
.gx-mnav__social a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(48, 79, 90, .3); border-radius: 50%; }
.gx-mnav__social .gx-ico:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 20px; height: 20px; }
@media (max-width: 921px) {
  .gx-nav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { top: 10px; }
  .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --gx-nav-h: 68px; padding: 0 6px; }
  .gx-nav.is-scrolled .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --gx-nav-h: 68px; }
  .gx-nav__left:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav__lang:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav__langs:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav__account:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav__panel:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav__backdrop:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: none !important; }
  .gx-nav__burger:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: grid; justify-self: start; }
  .gx-nav__logo:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { justify-self: center; }
  .gx-nav__logo img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav.is-scrolled .gx-nav__logo img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 56px; }
  .gx-nav__right:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { justify-self: end; gap: 0; }
}
@media (max-width: 544px) {
  .gx-btn:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { padding: 16px 24px; letter-spacing: 1.6px; }
  .gx-btn--lg:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { padding: 20px 28px; }
  .gx-btn--lg:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 100%; }
  .gx-btn--arrow:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: block; width: fit-content; }
  .gx-btn--arrow:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after { margin-left: 10px; }
  .gx-mnav__all:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 100%; }
  .gx-mnav__tiles:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .gx-mnav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-mnav *:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { transition: none !important; animation: none !important; }
}
@media (min-width: 640px) {
  .gx-mnav__tiles:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .gx-mnav__tiles > li:last-child:nth-child(odd):is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { grid-column: auto; }
  .gx-mnav__tile img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-mnav__tiles > li:last-child:nth-child(odd) img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { aspect-ratio: 1 / 1; }
  .gx-mnav__tile span:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { font-size: 18px; }
}
@media (max-width: 1100px) {
  .gx-panel__grid:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { gap: 28px 32px; }
  .gx-panel__all:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { white-space: normal; }
}
@media (orientation: landscape) and (max-height: 540px) {
  .gx-nav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { top: 8px; }
  .gx-nav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav.is-scrolled:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav.is-scrolled .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --gx-nav-h: 58px; }
  .gx-mnav__bar:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { height: 58px; }
  .gx-nav__logo img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav.is-scrolled .gx-nav__logo img:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 58px; }
}
.gx-mnav__foot:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 16px; padding-top: 0; border-top: 0; }
.gx-mnav__foot > a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border: 1px solid var(--gx-teal); border-radius: 999px; color: var(--gx-teal); font: 700 16px/1 var(--gx-sans); letter-spacing: 1.6px; text-transform: uppercase; transition: background-color .2s linear, color .2s linear; }
.gx-mnav__foot > a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::before { content: ""; flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("../img/ui/account.svg") center / contain no-repeat; mask: url("../img/ui/account.svg") center / contain no-repeat; }
.gx-mnav__foot > a:hover:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-mnav__foot > a:focus-visible:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-teal); color: #fff; }
.gx-mnav__langs:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { justify-content: center; gap: 12px; margin: 0; }
.gx-mnav__langs a:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { width: 46px; min-width: 0; height: 46px; padding: 0; }
.gx-mnav__social:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { margin: 0; }
.gx-nav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *), .gx-nav.is-scrolled:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { top: 0; padding: 0; }
.gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { border: 0; border-bottom: 1px solid var(--gx-line); border-radius: 0; padding: 0 calc(var(--gx-frame-gap) - 12px); box-shadow: 0 12px 28px -22px rgba(9, 21, 27, .4); }
.gx-nav.is-scrolled .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { box-shadow: 0 12px 28px -20px rgba(9, 21, 27, .45); }
.gx-nav__panel--menu:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { top: 0; padding-top: calc(var(--gx-nav-h) + 34px); }
@media (max-width: 921px) {
  .gx-nav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { top: 0; }
  .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { padding: 0 max(6px, calc(var(--gx-frame-gap) - 12px)); }
}
@media (orientation: landscape) and (max-height: 540px) {
  .gx-nav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { top: 0; }
}
.gx-nav__link:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { font: 800 20px/1 var(--gx-sans); letter-spacing: .005em; }
.gx-nav__lang:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { font: 800 18px/1 var(--gx-sans); }
@media (min-width: 922px) and (max-width: 1099px) {
  .gx-nav__link:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { padding: 0 9px; font-size: 18px; }
  .gx-nav__link:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *)::after { left: 9px; right: 9px; }
  .gx-nav__lang:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { padding: 0 10px; font-size: 17px; }
}
@keyframes gx-strip { to { transform: translateX(-50%); } }
@media (max-width: 921px) {
  #gx-sitenav, #gx-mnav { --gx-bar-h: 68px; }
}
@media (orientation: landscape) and (max-height: 540px) {
  #gx-sitenav, #gx-mnav { --gx-bar-h: 58px; }
}
.gx-nav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { height: var(--gx-bar-h); }
.gx-nav.is-scrolled:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { --gx-nav-h: var(--gx-bar-h); }
.gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: transparent; box-shadow: none; transition: height .3s var(--gx-ease), box-shadow .3s var(--gx-ease); }
.gx-nav.is-scrolled .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: rgba(255, 238, 247, .62); -webkit-backdrop-filter: blur(20px) saturate(1.25); backdrop-filter: blur(20px) saturate(1.25); box-shadow: 0 12px 26px -24px rgba(9, 21, 27, .3); }
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .gx-nav.is-scrolled .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: rgba(255, 238, 247, .94); }
}
.gx-nav.has-panel .gx-nav__pill:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-blush-soft); box-shadow: none; border-bottom-color: transparent; transition: none; }
.gx-nav__panel--menu:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { animation: none; }
.gx-mnav:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: var(--gx-blush-soft); }
.gx-mnav__card:is(#gx-sitenav, #gx-sitenav *, #gx-mnav, #gx-mnav *) { background: #fff; }
