:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{overflow:hidden}.landing{--light-x:.28;--light-y:.22;--shadow-x:7px;--shadow-y:8px;--highlight-x:-2px;--highlight-y:-2px;--rim-x:-4px;--rim-y:-4px;width:100%;min-height:100svh;color:var(--ink);background:var(--surface);isolation:isolate;place-items:center;transition:background-color .9s cubic-bezier(.2,.8,.2,1),color .9s;display:grid;position:relative;overflow:hidden}.light{z-index:-1;pointer-events:none;background:radial-gradient(circle at calc(var(--light-x) * 100%) calc(var(--light-y) * 100%), color-mix(in srgb, var(--shine) 12%, transparent), transparent 38%), radial-gradient(circle at calc((1 - var(--light-x)) * 100%) calc((1 - var(--light-y)) * 100%), color-mix(in srgb, var(--shade) 12%, transparent), transparent 42%);position:absolute;inset:-25%}.centerpiece{touch-action:none;-webkit-tap-highlight-color:transparent;animation:1.1s cubic-bezier(.16,1,.3,1) both arrive;transform:translateY(-1.8vh)}.mark{grid-template-rows:154px auto;grid-template-columns:74px 98px 74px 98px;align-items:center;column-gap:12px;display:grid}.glyph{width:74px;height:154px;color:var(--raised);filter:drop-shadow(var(--shadow-x) var(--shadow-y) 7px color-mix(in srgb, var(--shade) 72%, transparent)) drop-shadow(var(--highlight-x) var(--highlight-y) 2px color-mix(in srgb, var(--shine) 54%, transparent));transition:color .9s,filter 50ms linear}.glyph-j{position:relative}.glyph-j svg{fill:currentColor;width:100%;height:100%;display:block;overflow:visible}.j-dot{z-index:1;width:26px;height:26px;box-shadow:inset var(--highlight-x) var(--highlight-y) 2px color-mix(in srgb, var(--shine) 32%, transparent);background:currentColor;border-radius:50%;position:absolute;top:0;left:26px}.glyph-o{background:var(--recess);width:86px;height:86px;box-shadow:inset var(--shadow-x) var(--shadow-y) 12px color-mix(in srgb, var(--shade) 82%, transparent), inset var(--rim-x) var(--rim-y) 4px color-mix(in srgb, var(--shine) 46%, transparent), 0 0 0 1px color-mix(in srgb, var(--shine) 12%, transparent);border-radius:50%;margin-left:5px;transition:background-color .9s,box-shadow 50ms linear}.lab{letter-spacing:.72em;color:var(--ink);grid-column:1/-1;justify-self:center;margin-top:28px;padding-left:.72em;font-size:19px;font-weight:400;line-height:1;transition:color .9s}.locale-switcher{color:color-mix(in srgb, var(--ink), transparent 45%);letter-spacing:.16em;align-items:center;gap:9px;font-size:11px;font-weight:500;transition:color .9s;animation:.9s cubic-bezier(.16,1,.3,1) .3s both link-arrive;display:flex;position:absolute;top:clamp(24px,4vw,52px);right:clamp(24px,4vw,64px)}.locale-switcher a{color:inherit;padding:7px 1px;text-decoration:none;transition:color .18s}.locale-switcher a:hover,.locale-switcher a[aria-current=page]{color:var(--ink)}.project-links{align-items:center;gap:clamp(22px,3vw,44px);animation:.9s cubic-bezier(.16,1,.3,1) .4s both link-arrive;display:flex;position:absolute;bottom:clamp(25px,5vh,54px);right:clamp(24px,4vw,64px)}.project-link{color:var(--ink);letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid color-mix(in srgb, var(--ink), transparent 58%);align-items:center;gap:14px;padding:12px 3px 10px;font-size:12px;font-weight:500;line-height:1;text-decoration:none;transition:gap .22s,border-color .22s,color .9s;display:flex}.project-link svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.project-link:hover{border-color:currentColor;gap:22px}.project-link:focus-visible,.locale-switcher a:focus-visible{outline-offset:5px;outline:2px solid}@keyframes arrive{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes link-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.mark{grid-template-rows:104px auto;grid-template-columns:50px 66px 50px 66px;column-gap:8px}.glyph{width:50px;height:104px}.j-dot{width:18px;height:18px;top:1px;left:18px}.glyph-o{width:58px;height:58px;margin-left:4px}.lab{margin-top:23px;font-size:15px}.project-links{white-space:nowrap;flex-direction:column;align-items:stretch;gap:3px;animation-name:mobile-projects-arrive;left:50%;right:auto;transform:translate(-50%)}.project-link{justify-content:space-between}.locale-switcher{top:20px;right:22px}}@keyframes mobile-projects-arrive{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.centerpiece,.project-links,.locale-switcher{animation:none}.landing,.glyph,.glyph-o,.lab,.project-link,.locale-switcher{transition-duration:.01ms}}