nav{z-index:100;width:100%;padding:2rem;display:flex;position:fixed;top:0;left:0}.nav-logo,.nav-icon,.nav-toggler{flex:1}.nav-logo--detached{z-index:101;transition:opacity .45s;position:fixed;top:2rem;left:2rem}.nav-logo--detached img{filter:brightness(0)saturate()invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast();transition:opacity .45s;display:block}.nav-logo--placeholder{visibility:hidden;pointer-events:none;height:3.5rem}nav:not(.nav-is-ready) .nav-toggler .nav-toggle-icon{visibility:hidden}.nav-logo a{justify-content:center;align-items:center;width:max-content;padding:.5rem;text-decoration:none;display:inline-flex}.nav-logo a img{object-fit:contain;width:auto;height:2.5rem}.nav-icon{justify-content:center;align-items:center;padding:.5rem;display:flex}@media (width>=1001px){.nav-icon{position:absolute;top:1.75rem;left:50%;transform:translate(-50%)}}.nav-icon a{border-radius:50%;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:inline-flex}.nav-icon a:hover{transform:rotate(-12deg)scale(1.08)}.nav-icon a:focus-visible{outline-offset:4px;outline:2px solid}.nav-icon img{object-fit:contain;width:auto;height:3rem}.nav-toggler{cursor:pointer;justify-content:flex-end;align-items:center;padding:0 .5rem;display:flex;position:relative;transform:none}.nav-toggle-wrapper{z-index:2;cursor:pointer;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:relative}.nav-toggle-icon{color:#fff;transform-origin:50%;will-change:transform, opacity;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.nav-toggle-icon--close{color:#ff8222}.nav-toggle-icon svg{width:100%;height:100%}.nav-toggle-icon--close{opacity:0;transform:rotate(-90deg)scale(0)}.menu-overlay{z-index:99;background-color:var(--d);width:100vw;height:100svh;color:var(--l);clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);will-change:clip-path;position:fixed;top:0;left:0;overflow:hidden}.menu-overlay:not(.is-open){background-color:#0000}.menu-overlay .menu-content{will-change:transform, opacity;justify-content:space-between;align-items:flex-start;width:100%;padding:0 2.5rem;display:flex;position:absolute;top:35%;transform:translateY(-50%)}.menu-overlay .menu-content p,.menu-overlay .menu-content a{font-family:var(--f-nm);text-transform:uppercase;color:var(--l);font-size:1rem;font-weight:500;line-height:1.125;text-decoration:none;display:inline-block}.menu-overlay .menu-col{flex-direction:column;gap:1.5rem;display:flex;position:relative}.menu-overlay .menu-col:nth-child(2){text-align:right}.menu-overlay .menu-col a,.menu-overlay .menu-col p{text-decoration:none;display:block;position:relative;overflow:hidden}.menu-overlay .split-line{will-change:transform;display:block;position:relative;overflow:hidden}.menu-overlay .split-line-mask{display:block;overflow:hidden}.menu-overlay .menu-img{aspect-ratio:3/2;pointer-events:none;will-change:transform, opacity;border-radius:.5rem;width:min(820px,62vw);position:absolute;top:12%;left:calc(50% - 8rem);overflow:hidden;transform:translate(-50%,-50%)}.menu-overlay .menu-img img,.menu-overlay .menu-img canvas{object-fit:cover;will-change:transform;pointer-events:none;border-radius:.5rem;width:100%;height:100%;position:absolute;inset:0;transform:translateY(0)}.menu-overlay .menu-img img{opacity:1;visibility:visible;z-index:1}.menu-overlay .menu-img canvas{z-index:2;opacity:1}.menu-overlay .menu-links-wrapper{will-change:transform;justify-content:space-between;gap:2rem;width:max-content;padding:2rem;display:flex;position:absolute;bottom:0;left:0}.menu-overlay .menu-link{cursor:pointer;will-change:transform;position:relative;overflow:hidden}.menu-overlay .menu-link a{font-family:var(--f-h);text-transform:uppercase;color:var(--l);font-size:20rem;font-weight:900;line-height:.85;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.menu-overlay .menu-link a span:nth-child(2){position:absolute;top:0;left:0}.menu-overlay .link-highlighter{background-color:var(--l);will-change:transform, width;width:400px;height:.75rem;position:absolute;bottom:0;left:0}.menu-overlay .link-arrow{width:4.5rem;color:var(--l);pointer-events:none;will-change:transform;margin-left:-2.25rem;position:absolute;top:-3rem;left:0}.menu-overlay .link-arrow svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;animation:1.4s ease-in-out infinite link-arrow-bob;display:block}@keyframes link-arrow-bob{50%{transform:translateY(.6rem)}}.menu-overlay .menu-link-arrow{display:none}@media (hover:hover) and (width>=1001px){.menu-overlay .menu-link a{transition:opacity .35s}.menu-overlay .menu-links-wrapper:has(.menu-link:hover,.menu-link a:focus-visible) .menu-link:not(:hover) a:not(:focus-visible){opacity:.3}}.menu-overlay .char{will-change:transform;display:inline-block;position:relative}@media (width<=1000px){.menu-overlay .menu-img{left:50%}nav{padding:1.5rem}.nav-logo--detached{top:1.5rem;left:1.5rem}.nav-logo a img{height:2.1rem}.nav-icon{display:none}.nav-icon img{height:2.1rem}.nav-logo--placeholder{height:3.1rem}.menu-overlay .menu-content{display:none}.menu-overlay .menu-img{aspect-ratio:4/3;width:min(88vw,520px);display:block;top:29%}.menu-overlay .link-highlighter,.menu-overlay .link-arrow{display:none}.menu-overlay .menu-link a{align-items:center;gap:.12em;display:flex}.menu-overlay .menu-link-arrow{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:.32em;height:.32em;display:block;transform:translateY(-.04em)}.menu-overlay .menu-link a[aria-current=page]{opacity:.4}.menu-overlay .menu-links-wrapper{flex-direction:column;gap:0;padding:2rem}.menu-overlay .menu-link a{font-size:7rem}}.nav-logo--detached.is-menu-open img,body.nav-on-light:not(.blog-page-body) .nav-logo--detached img{filter:brightness(0)saturate()invert(58%)sepia(28%)saturate(5343%)hue-rotate()brightness(99%)contrast(101%)}body.nav-on-light:not(.blog-page-body) .nav-toggle-icon--open{color:var(--l)}.nav-toggle-icon,.nav-logo--detached img{transition:color .3s,filter .6s,opacity .45s}.nav-toggler:focus-visible{outline:none}.nav-toggler:focus-visible .nav-toggle-wrapper{outline-offset:6px;border-radius:4px;outline:2px solid}.menu-overlay .menu-content a:hover,.menu-overlay .menu-content a:focus-visible{text-underline-offset:.2em;text-decoration:underline}.menu-overlay .menu-img:empty{display:none}@media (prefers-reduced-motion:reduce){.menu-overlay .link-arrow svg{animation:none}.nav-icon a{transition:none}}
