img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.nav{--nav-font: var(--font-display, "Fredoka", system-ui, sans-serif);--nav-ease: var(--ease, cubic-bezier(.34, 1.56, .64, 1));--nav-height: 50px;position:fixed;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:calc(var(--nav-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 28px 0;box-sizing:border-box;transition:color .4s ease}.nav:before{content:"";position:fixed;top:0;left:0;right:0;height:calc(var(--nav-height) + env(safe-area-inset-top,0px));background:var(--nav-bg, rgba(255, 255, 255, .5));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1;transition:background .4s ease}.brand{justify-self:start;display:flex;align-items:center}.nav-menu{display:contents}.nav-toggle{display:none}.brand-logo{height:34px;width:auto;display:block;opacity:0;transition:opacity .9s ease}.brand-logo.show{opacity:1}.nav-links,.lang-switch{opacity:0;transition:opacity .9s ease}.nav-links.show,.lang-switch.show{opacity:1}.nav-links{justify-self:center;display:flex;align-items:center;gap:24px;font-family:var(--nav-font);font-weight:500}.nav-links a{color:var(--nav-text, #2b565b);text-decoration:none;transition:color .4s ease,opacity .2s ease}.nav-links a:hover{opacity:.65}.lang-switch{justify-self:end;display:inline-flex;align-items:center;gap:7px;font-family:var(--nav-font);font-weight:600;font-size:.9rem;color:var(--nav-text, #2b565b);background:transparent;border:1.5px solid currentColor;border-radius:999px;padding:7px 16px;cursor:pointer;transition:color .4s ease,background .2s ease,transform .2s var(--nav-ease),opacity .9s ease}.lang-switch:hover{background:color-mix(in srgb,currentColor 12%,transparent);transform:translateY(-1px)}.lang-switch:active{transform:translateY(0) scale(.97)}.lang-switch-label{line-height:1}.nav[data-nav-mood=light]{--nav-text: #2b565b;--nav-bg: rgba(255, 255, 255, .55)}.nav[data-nav-mood=dark]{--nav-text: #fff8ef;--nav-bg: rgba(27, 34, 38, .55)}.nav[data-nav-mood=hero]{--nav-text: #ffffff;--nav-bg: rgba(41, 160, 163, .5)}.nav[data-nav-mood=water]{--nav-text: #eafaff;--nav-bg: rgba(2, 30, 70, .45)}@media (max-width: 720px){.nav{grid-template-columns:1fr auto;padding-left:18px;padding-right:18px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;background:transparent;border:0;cursor:pointer;justify-self:end;margin-right:-16px;opacity:0;transition:opacity .9s ease}.nav-toggle.show{opacity:1}.nav-toggle span{display:block;height:2px;border-radius:2px;background:var(--nav-text, #2b565b);transition:transform .25s var(--nav-ease),opacity .2s ease,background .4s ease}.nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.open .nav-toggle span:nth-child(2){opacity:0}.nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu{display:flex;flex-direction:column;align-items:stretch;gap:4px;position:absolute;top:calc(var(--nav-height) + env(safe-area-inset-top,0px));right:12px;min-width:200px;padding:10px;border-radius:16px;background:var(--nav-bg, rgba(255, 255, 255, .5));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px #0000002e;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .2s ease,transform .25s var(--nav-ease),background .4s ease}.nav.open .nav-menu{opacity:1;transform:none;pointer-events:auto}.nav-links{flex-direction:column;align-items:stretch;gap:0;font-size:1.05rem}.nav-links a{padding:10px 14px;border-radius:10px}.nav-links a:hover,.nav-links a[aria-current=page]{background:color-mix(in srgb,currentColor 12%,transparent);opacity:1}.lang-switch{justify-content:center;margin:6px 4px 2px}}@media (prefers-reduced-motion: reduce){.brand-logo,.nav-links,.lang-switch,.nav-toggle{opacity:1}.nav-menu{transition:none}}