.nav .wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}.nav{position:fixed;top:clamp(12px,1.4vw,20px);left:50%;transform:translate(-50%);width:calc(100% - 2 * var(--section-gutter));max-width:1920px;z-index:50;background:var(--nav-bg);border:0;border-radius:12px;box-shadow:var(--nav-shadow);view-transition-name:site-nav}.nav>.wrap{max-width:none;padding-left:clamp(20px,2.4vw,32px);padding-right:clamp(20px,2.4vw,32px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:14px;gap:clamp(20px,3vw,40px)}.brand{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none}.brand-logo{display:block;width:94px;height:32px;color:var(--ink)}.brand-logo svg{width:100%;height:100%;display:block;fill:currentColor}.nav-links{display:flex;gap:clamp(18px,2.4vw,36px);align-items:center}@media(max-width:347px){.nav-links{gap:12px}}.nav-links .sound-toggle,.nav-links .theme-toggle,.nav-links .menu-trigger{margin-left:-8px}.nav-links a.nav-link{font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--ink);line-height:1.2;display:inline-block;vertical-align:middle;text-decoration:none;cursor:pointer}.nav-links a.nav-link .char-roll,.nav-links a.nav-link .char{cursor:pointer}.char-roll{position:relative;display:inline-flex;flex-direction:column;overflow:hidden;height:1.2em;line-height:1.2;vertical-align:top}.char-roll__main,.char-roll__copy{display:inline-flex;flex:0 0 1.2em;white-space:nowrap;align-items:center}.char-roll .char{display:inline-block;transition:transform .32s cubic-bezier(.36,1.7,.5,1);transition-delay:calc(var(--i, 0) * 18ms);will-change:transform}.char.char-arr{margin-left:6px;font-size:.9em;font-weight:400}@media(hover:hover)and (pointer:fine){.nav-links a.nav-link:hover .char{transform:translateY(-100%)}}:root.nav-swap-lock .nav .char,:root.nav-swap-lock .nav .nav-cv,:root.nav-swap-lock .nav .icon-btn,:root.nav-swap-lock .nav .menu-trigger{transition:none!important}.nav-links .nav-link.nav-cv,.nav-links .nav-link.nav-pill{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 22px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:.005em;text-transform:none;line-height:1;overflow:visible;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s}@media(hover:hover)and (pointer:fine){.nav-links .nav-link.nav-cv:hover,.nav-links .nav-link.nav-pill:hover,:root[data-theme=dark] .nav-links .nav-link.nav-cv:hover,:root[data-theme=dark] .nav-links .nav-link.nav-pill:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}}.nav-links .menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:var(--icon-btn-bg);color:var(--ink);cursor:pointer;transition:background .2s ease,color .2s ease;position:relative}@media(hover:hover)and (pointer:fine){.nav-links .menu-trigger:hover{background:var(--icon-btn-hover)}}.nav-links .menu-trigger .bars{display:inline-flex;flex-direction:column;gap:5px;width:17px}.nav-links .menu-trigger .bars span{display:block;height:1.5px;background:currentColor;border-radius:1px}@media(hover:hover)and (pointer:fine){.icon-btn,.theme-toggle,.sound-toggle,.nav-links .menu-trigger{position:relative}.icon-btn[data-tooltip]:after,.theme-toggle[data-tooltip]:after,.sound-toggle[data-tooltip]:after,.nav-links .menu-trigger[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;padding:6px 12px;background:var(--ink);color:var(--bg);font-family:var(--sans);font-size:12px;font-weight:500;line-height:1;letter-spacing:-.005em;border-radius:999px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%) translateY(-4px);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.7,.2,1);z-index:60}.icon-btn:hover[data-tooltip]:after,.theme-toggle:hover[data-tooltip]:after,.sound-toggle:hover[data-tooltip]:after,.nav-links .menu-trigger:hover[data-tooltip]:after{opacity:1;transform:translate(-50%) translateY(0)}}.icon-btn,.theme-toggle,.sound-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:var(--icon-btn-bg);color:var(--ink);cursor:pointer;transition:background .2s ease,color .2s ease}@media(hover:hover)and (pointer:fine){.icon-btn:hover,.theme-toggle:hover,.sound-toggle:hover{background:var(--icon-btn-hover);color:var(--ink)}}.theme-toggle svg{width:19px;height:19px}.sound-toggle svg{width:16px;height:16px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}.sound-toggle .bars{display:inline-flex;align-items:center;gap:2.5px;height:16px}.sound-toggle .bars span{display:inline-block;width:2.5px;height:4px;background:currentColor;border-radius:999px;transition:height .24s ease}.sound-toggle[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.sound-toggle[aria-pressed=true] .bars span{animation:bar-pulse 1.1s ease-in-out infinite}.sound-toggle[aria-pressed=true] .bars span:nth-child(1){animation-delay:0ms}.sound-toggle[aria-pressed=true] .bars span:nth-child(2){animation-delay:.14s}.sound-toggle[aria-pressed=true] .bars span:nth-child(3){animation-delay:.28s}.sound-toggle[aria-pressed=true] .bars span:nth-child(4){animation-delay:80ms}@keyframes bar-pulse{0%,to{height:3px}50%{height:14px}}@media(max-width:1023px){.nav-links a.nav-link{display:none!important}.nav-links .nav-link.nav-pill{display:inline-flex!important}}@media(max-width:474px){.nav-links .nav-link.nav-pill{display:none!important}.nav-links .sound-toggle,.nav-links .theme-toggle,.nav-links .menu-trigger{margin-left:0}}@media(max-width:1023px){.nav{left:var(--nav-edge-mobile);right:var(--nav-edge-mobile);transform:none;width:auto}}.menu-overlay{position:fixed;inset:0;z-index:100;--m-bg: #000000;--m-fg: #CCCCCC;--m-fg-strong: #FFFFFF;--m-fg-soft: #B3B3B3;--m-fg-softer: #808080;--m-fg-mid: #B3B3B3;--m-fg-link: #B3B3B3;--m-btn-bg: rgba(255, 255, 255, .08);--m-btn-bg-hover: rgba(255, 255, 255, .16);--m-line: rgba(255, 255, 255, .18);--m-field-bg: rgba(255, 255, 255, .06);background:var(--m-bg);color:var(--m-fg);--menu-edge: calc(var(--section-gutter) + clamp(20px, 2.4vw, 32px))}@media(max-width:1023px){.menu-overlay{--menu-edge: calc(var(--nav-edge-mobile) + clamp(20px, 2.4vw, 32px))}}@property --menu-ox{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --menu-oy{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}.menu-overlay{--menu-ox: calc(100% - (var(--menu-edge) + 20px));--menu-oy: calc(clamp(12px, 1.4vw, 20px) + 34px) ;--menu-header-pt: calc(clamp(12px, 1.4vw, 20px) + 14px) ;--menu-header-pl: var(--menu-edge);--menu-header-pr: var(--menu-edge);clip-path:circle(0% at var(--menu-ox) var(--menu-oy));-webkit-clip-path:circle(0% at var(--menu-ox) var(--menu-oy));transition:clip-path .56s cubic-bezier(.7,0,.3,1),-webkit-clip-path .56s cubic-bezier(.7,0,.3,1);pointer-events:none;overflow:hidden}.menu-overlay[data-open=true]{clip-path:circle(160% at var(--menu-ox) var(--menu-oy));-webkit-clip-path:circle(160% at var(--menu-ox) var(--menu-oy));pointer-events:auto}.menu-header{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding-top:var(--menu-header-pt);padding-bottom:var(--menu-header-pt);padding-left:var(--menu-header-pl);padding-right:var(--menu-header-pr)}.menu-header .brand-logo{color:var(--m-fg-strong)}:root[data-theme=dark] .menu-overlay{--m-bg: #FFFFFF;--m-fg: #222222;--m-fg-strong: #222222;--m-fg-soft: #737373;--m-fg-softer: #8C8C8C;--m-fg-mid: #595959;--m-fg-link: #3D3D3D;--m-btn-bg: rgba(0, 0, 0, .05);--m-btn-bg-hover: rgba(0, 0, 0, .1);--m-line: rgba(0, 0, 0, .14);--m-field-bg: rgba(0, 0, 0, .04)}.menu-close{width:40px;height:40px;border-radius:999px;border:0;background:var(--m-btn-bg);color:var(--m-fg-strong);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .22s}@media(hover:hover)and (pointer:fine){.menu-close:hover{background:var(--m-btn-bg-hover)}}@media(hover:hover)and (pointer:fine){.menu-close[data-tooltip]{position:relative}.menu-close[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;padding:6px 12px;background:var(--m-fg);color:var(--m-bg);font-family:var(--sans);font-size:12px;font-weight:500;line-height:1;letter-spacing:-.005em;border-radius:999px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%) translateY(-4px);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.7,.2,1);z-index:60}.menu-close:hover[data-tooltip]:after{opacity:1;transform:translate(-50%) translateY(0)}}.menu-close svg{width:16px;height:16px;display:none}.menu-close .bars{display:inline-flex;flex-direction:column;gap:5px;width:17px}.menu-close .bars span{display:block;height:1.5px;background:currentColor;border-radius:1px;transform-origin:center;translate:0 0;rotate:0deg;transition:rotate .28s cubic-bezier(.65,0,.35,1),translate .28s cubic-bezier(.65,0,.35,1) .28s}.menu-overlay[data-open=true] .menu-close .bars span{transition:translate .28s cubic-bezier(.65,0,.35,1),rotate .28s cubic-bezier(.65,0,.35,1) .28s}.menu-overlay[data-open=true] .menu-close .bars span:nth-child(1){translate:0 3.25px;rotate:45deg}.menu-overlay[data-open=true] .menu-close .bars span:nth-child(2){translate:0 -3.25px;rotate:-45deg}.menu-body{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:var(--section-space) var(--menu-edge) clamp(40px,6vw,80px);gap:clamp(40px,6vw,96px);opacity:0;transition:opacity .32s ease .16s}@media(min-width:800px){.menu-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);padding-bottom:var(--section-space)}}.menu-overlay[data-open=true] .menu-body{opacity:1;transition-delay:.28s}.menu-main{display:flex;flex-direction:column;gap:clamp(4px,.8vw,12px)}@media(max-width:1023px){.menu-main{gap:16px}}.menu-main a{display:inline-flex;align-items:baseline;gap:16px;font-family:var(--sans);font-weight:500;font-size:clamp(40px,7vw,70px);line-height:1.05;letter-spacing:-.035em;color:var(--m-fg-soft);text-decoration:none;transition:color .22s ease,transform .32s cubic-bezier(.2,.7,.2,1);width:max-content;cursor:pointer}@media(hover:hover)and (pointer:fine){.menu-main a:hover{color:var(--m-fg-strong);transform:translate(6px)}}.menu-main a .num{font-size:.22em;font-weight:500;color:var(--m-fg-softer);letter-spacing:.04em}.menu-sub{display:flex;flex-direction:column;gap:10px}.menu-sub .menu-sub-label{font-family:var(--sans);font-size:11px;font-weight:500;text-transform:none;color:var(--m-fg-softer);margin-bottom:6px}.menu-sub a,.menu-sub .menu-sub-link{font-family:var(--sans);font-size:clamp(18px,1.8vw,24px);font-weight:400;color:var(--m-fg-mid);letter-spacing:-.01em;text-decoration:none;transition:color .22s}.menu-sub a{cursor:pointer}@media(hover:hover)and (pointer:fine){.menu-sub a:hover{color:var(--m-fg-strong)}}.menu-sub .menu-sub-link--disabled{color:var(--m-fg-softer);cursor:not-allowed}@media(hover:none){.menu-main a,.menu-sub a,.menu-footer a{color:var(--m-fg-strong)}}.menu-sub .menu-sub-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;border:1px solid currentColor;font-size:.5em;font-weight:500;letter-spacing:.02em;vertical-align:middle;opacity:.7}@media(max-width:600px){.menu-main{gap:12px}.menu-main a{font-size:34px}}.menu-footer{position:absolute;left:0;right:0;bottom:clamp(20px,3vw,40px);z-index:2;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:0 var(--menu-edge);font-family:var(--sans);font-size:12px;color:var(--m-fg-softer)}.menu-footer a{color:var(--m-fg-link);text-decoration:none;transition:color .22s}@media(hover:hover)and (pointer:fine){.menu-footer a:hover{color:var(--m-fg-strong)}}.menu-subscribe{display:none}@media(max-width:474px){.menu-subscribe{display:block}.menu-overlay{--menu-group-gap: clamp(42px, 12.8vw, 54px)}.menu-sub{display:none}.menu-body{align-items:start;align-content:start;padding-top:clamp(136px,36vw,168px);padding-bottom:calc(clamp(24px,5vw,40px) + env(safe-area-inset-bottom));gap:var(--menu-group-gap);overflow-y:auto;overscroll-behavior:contain}.menu-header{background:var(--m-bg)}}.menu-subscribe .subscribe{--sub-ink: var(--m-fg-strong);--sub-mute: var(--m-fg-softer);--sub-line: var(--m-line);--footer-field-bg: var(--m-field-bg)}.menu-subscribe .subscribe__field input{color:var(--m-fg-strong)}.menu-subscribe .subscribe__field input::placeholder{color:var(--m-fg-softer)}.menu-subscribe .subscribe__submit{background:var(--m-fg-strong);color:var(--m-bg)}@media(hover:hover)and (pointer:fine){.menu-subscribe .subscribe__submit:hover:not(:disabled){background:var(--m-fg-soft)}}.menu-subscribe .subscribe__submit:focus-visible{outline:2px solid var(--m-fg-strong);outline-offset:3px}.menu-subscribe .subscribe__field input:focus-visible{border-color:var(--m-fg-strong);box-shadow:0 0 0 3px var(--m-btn-bg)}@media(max-width:1023px){.menu-footer{display:none}}@media(prefers-reduced-motion:reduce){.menu-overlay,.menu-overlay .menu-body{transition:none}}