.nav{--nav-ink: #eef4f3;--nav-dim: rgba(238, 244, 243, .55);--nav-bg: rgba(7, 9, 10, 0);--nav-line: rgba(238, 244, 243, .14);--nav-accent: #2fe4d5;position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:clamp(16px,3vw,40px);padding:clamp(12px,2vh,20px) clamp(16px,4vw,54px);background:var(--nav-bg);border-bottom:1px solid transparent;transition:background .4s ease,border-color .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.nav--light{--nav-ink: #0b0d0e;--nav-dim: rgba(11, 13, 14, .5);--nav-line: rgba(11, 13, 14, .12)}.nav.is-scrolled{--nav-bg: rgba(7, 9, 10, .72);border-bottom-color:var(--nav-line);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}.nav--light.is-scrolled{--nav-bg: rgba(255, 255, 255, .82)}.nav.is-hidden{transform:translateY(-104%)}.nav__mark{font-family:var(--display, "Anton", sans-serif);font-size:clamp(1.1rem,2vw,1.5rem);line-height:1;letter-spacing:.02em;color:var(--nav-ink);text-decoration:none;white-space:nowrap}.nav__mark b{color:var(--nav-accent);font-weight:inherit}.nav__links{display:flex;align-items:center;gap:clamp(14px,2vw,30px);margin-left:auto}.nav__link{position:relative;font-family:var(--ui, "Barlow Condensed", sans-serif);font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--nav-dim);text-decoration:none;padding:6px 0;transition:color .3s ease}.nav__link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1.5px;background:var(--nav-accent);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1)}.nav__link:hover{color:var(--nav-ink)}.nav__link:hover:after,.nav__link.is-active:after{transform:scaleX(1)}.nav__link.is-active{color:var(--nav-ink)}.nav__link:focus-visible{outline:1px solid var(--nav-accent);outline-offset:4px}.nav__langs{display:flex;gap:1px;margin-left:clamp(10px,1.6vw,22px);padding-left:clamp(10px,1.6vw,22px);border-left:1px solid var(--nav-line)}.nav__langs button{appearance:none;border:0;background:none;cursor:pointer;padding:8px 9px;min-height:40px;font-family:var(--ui, "Barlow Condensed", sans-serif);font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--nav-dim);transition:color .25s ease}.nav__langs button:hover{color:var(--nav-ink)}.nav__langs button.is-active{color:var(--nav-accent)}.nav__langs button:focus-visible{outline:1px solid var(--nav-accent);outline-offset:2px}.nav__burger{display:none;appearance:none;border:0;background:none;cursor:pointer;width:46px;height:46px;margin-left:auto;position:relative;z-index:62}.nav__burger i{position:absolute;left:11px;right:11px;height:2px;background:var(--nav-ink);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}.nav__burger i:nth-child(1){top:16px}.nav__burger i:nth-child(2){top:22px}.nav__burger i:nth-child(3){top:28px}.nav.is-open .nav__burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav.is-open .nav__burger i:nth-child(2){opacity:0}.nav.is-open .nav__burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav__burger:focus-visible{outline:1px solid var(--nav-accent);outline-offset:2px}.drawer{position:fixed;inset:0;z-index:55;display:grid;grid-template-rows:1fr auto;padding:clamp(90px,16vh,130px) clamp(24px,8vw,54px) clamp(30px,6vh,54px);background:#07090af7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s}.drawer.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .5s cubic-bezier(.22,1,.36,1)}.drawer--light{background:#fffffffa}.drawer__links{display:grid;align-content:center;gap:clamp(10px,2.4vh,22px)}.drawer__link{font-family:var(--display, "Anton", sans-serif);font-size:clamp(2rem,9vw,3.4rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:#eef4f3;text-decoration:none;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1),color .3s ease}.drawer--light .drawer__link{color:#0b0d0e}.drawer.is-open .drawer__link{opacity:1;transform:none}.drawer.is-open .drawer__link:nth-child(1){transition-delay:.08s}.drawer.is-open .drawer__link:nth-child(2){transition-delay:.14s}.drawer.is-open .drawer__link:nth-child(3){transition-delay:.2s}.drawer.is-open .drawer__link:nth-child(4){transition-delay:.26s}.drawer.is-open .drawer__link:nth-child(5){transition-delay:.32s}.drawer.is-open .drawer__link:nth-child(6){transition-delay:.38s}.drawer__link.is-active{color:#2fe4d5}.drawer--light .drawer__link.is-active{color:#12908a}.drawer__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;border-top:1px solid rgba(238,244,243,.14)}.drawer--light .drawer__foot{border-top-color:#0b0d0e1f}.drawer__langs{display:flex;gap:4px}.drawer__langs button{appearance:none;border:0;background:none;cursor:pointer;padding:10px 12px;min-height:44px;font-family:var(--ui, "Barlow Condensed", sans-serif);font-size:13px;font-weight:600;letter-spacing:.2em;color:#eef4f380}.drawer--light .drawer__langs button{color:#0b0d0e73}.drawer__langs button.is-active{color:#2fe4d5}.drawer--light .drawer__langs button.is-active{color:#12908a}.drawer__studio{font-family:var(--ui, "Barlow Condensed", sans-serif);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#eef4f380;text-decoration:none}.drawer--light .drawer__studio{color:#0b0d0e73}[id]{scroll-margin-top:84px}@media(max-width:759px){.nav__links{display:none}.nav__burger{display:block}}@media(min-width:760px){.drawer{display:none}}@media(prefers-reduced-motion:reduce){.nav,.nav__link:after,.drawer,.drawer__link,.nav__burger i{transition:opacity .2s ease}.nav.is-hidden{transform:none}}
