nav{height:100px;border-bottom:0;gap:24px;position:relative;z-index:80}.nav-cluster{display:flex;align-items:center;gap:18px;margin-left:auto}.nav-pill{display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--ink) 8%,var(--paper));padding:5px;border-radius:7px;border:1px solid color-mix(in srgb,var(--ink) 7%,transparent);box-shadow:inset 0 1px 0 #ffffff15}.navlinks{display:flex;gap:0;align-items:center;padding:0 6px}.navlinks a{padding:11px 14px;font-size:11px;white-space:nowrap}.navcta{display:inline-flex;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);padding:11px 17px;font-size:11px;white-space:nowrap;box-shadow:0 1px 3px #00000012}.navcta:hover{background:var(--ink);color:var(--paper)}.nav-cluster .surprise-switch{width:42px;height:42px}.reference-cursor.nav-hover{width:46px;height:46px;background:transparent;border:1px solid var(--ink);box-shadow:none;mix-blend-mode:normal;backdrop-filter:none;-webkit-backdrop-filter:none;}.reference-cursor.nav-hover .fly,.reference-cursor.nav-hover .reference-cursor-ring{opacity:0}.reference-cursor.nav-hover .plus{opacity:1;color:var(--ink);width:14px;height:14px}.reference-cursor-dot.nav-hover{opacity:0}@media(max-width:800px){nav{height:85px}.nav-cluster{gap:10px}.navlinks a{font-size:10px;padding:10px}.navcta{display:inline-flex;font-size:10px;padding:10px 13px}}@media(max-width:580px){nav{gap:8px;height:82px}.nav-cluster{gap:5px}.nav-pill{gap:1px;padding:4px;border-radius:6px}.navlinks{padding:0}.navlinks a{font-size:9px;padding:9px 7px}.navcta{font-size:9px;padding:9px 10px}.nav-cluster .surprise-switch{width:32px;height:36px;padding:3px}.nav-cluster .surprise-icon{width:26px;height:26px}.logo img{width:65px;height:45px}}@media(max-width:370px){.navlinks a{padding:9px 5px}.navcta{padding:9px 7px}.nav-cluster{gap:1px}.logo img{width:56px}}
/* Equal-height link boxes and a small optical offset center the visible glyphs. */
nav .navlinks a,nav .navcta{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1.2;min-height:31.6px;padding-block:6px}
nav .nav-pill .letter-window{translate:0 1px}
/* Reserve shared English/Finnish label widths so language changes never move the nav. */
nav .nav-cluster{gap:6px}nav .nav-utilities{gap:22px}
nav .nav-pill{width:436px;flex-shrink:0;padding:3px}
nav .navlinks a{flex-shrink:0;padding-inline:8px}
nav .navlinks a[href="#work"]{width:56px}
nav .navlinks a[href="#art"]{width:56px}
nav .navlinks a[href="#about"]{width:72px}
nav .navlinks .hero-gravity-toggle{width:104px}
nav .navcta{width:120px;flex-shrink:0}
@media(max-width:1000px){nav .nav-pill{width:100%}}
@media(max-width:580px){nav .nav-utilities{gap:18px}nav .navlinks a{padding-inline:4px}nav .navlinks a[href="#work"]{width:44px}nav .navlinks a[href="#art"]{width:45px}nav .navlinks a[href="#about"]{width:64px}nav .navlinks .hero-gravity-toggle{width:102px}nav .navcta{width:112px;padding-inline:10px}}