.design-2 .site-nav.figma-nav,.blog-nav{position:fixed!important;top:24px;left:50%;right:auto;transform:translateX(-50%);width:min(760px,calc(100% - 48px));height:74px;min-height:0;margin:0;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.88);backdrop-filter:blur(16px);border:1px solid #ffffff1c;z-index:100;mix-blend-mode:normal!important;color:#fff}.design-2 .site-nav.figma-nav>a img,.blog-nav>a img{width:114px;height:29.582px;object-fit:contain;filter:none}.design-2 .site-nav.figma-nav nav,.blog-nav nav{display:flex!important;align-items:center;gap:10px;font-size:15px}.design-2 .site-nav.figma-nav nav>a,.blog-nav nav>a{padding:12px 22px;color:#fff}.design-2 .site-nav.figma-nav .hero-pill,.blog-nav .nav-talk{height:44px;min-height:44px;border-radius:28px;background:#f9fbfd;color:#111;font-size:15px;padding:12px 22px;display:flex;align-items:center}.blog-nav nav a[aria-current=page]{color:#bbb}.blog-nav a:focus-visible,.figma-nav a:focus-visible{outline:2px solid #89c4ff;outline-offset:3px}@media(max-width:600px){.design-2 .site-nav.figma-nav,.blog-nav{top:12px;width:calc(100% - 24px);height:64px;padding:10px 14px}.design-2 .site-nav.figma-nav nav,.blog-nav nav{gap:2px}.design-2 .site-nav.figma-nav nav>a,.blog-nav nav>a{padding:10px 12px;font-size:12px}.design-2 .site-nav.figma-nav .hero-pill,.blog-nav .nav-talk{font-size:12px;padding:10px 14px;min-height:40px;height:40px}.design-2 .site-nav.figma-nav>a img,.blog-nav>a img{width:102px;height:auto}}
/* Floating glass navigation, shared by the home page and journal. */
.design-2 .site-nav.figma-nav,.blog-nav{width:min(680px,calc(100% - 48px));height:70px;padding:11px 16px 11px 22px;border-radius:18px;background:rgba(245,245,245,.82);border:1px solid #ffffff80;box-shadow:0 6px 28px #0000000c,inset 0 1px #fff;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);color:#171717}.design-2 .site-nav.figma-nav>a img,.blog-nav>a img{filter:brightness(0)}.design-2 .site-nav.figma-nav nav>a,.blog-nav nav>a,.blog-nav nav a[aria-current=page]{color:#333;font-size:13px}.design-2 .site-nav.figma-nav .hero-pill,.blog-nav .nav-talk{background:#171717;color:#fff;font-size:13px;min-height:44px;height:44px;padding:0 18px;border:1px solid #111;border-radius:12px}.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal{position:relative;width:108px;overflow:hidden;transition:width .4s cubic-bezier(.16,1,.3,1),background .25s;justify-content:center}.email-reveal .talk-label,.email-reveal .talk-email{position:absolute;left:0;right:0;text-align:center;white-space:nowrap;transition:opacity .25s,transform .4s cubic-bezier(.16,1,.3,1)}.email-reveal .talk-email{opacity:0;transform:translateY(14px)}@media(hover:hover){.design-2 .site-nav.figma-nav .email-reveal:hover,.blog-nav .email-reveal:hover{width:185px;background:#292929}.email-reveal:hover .talk-label{opacity:0;transform:translateY(-14px)}.email-reveal:hover .talk-email{opacity:1;transform:translateY(0)}}.design-2 .site-nav.figma-nav .email-reveal:focus-visible,.blog-nav .email-reveal:focus-visible{width:185px}.email-reveal:focus-visible .talk-label{opacity:0;transform:translateY(-14px)}.email-reveal:focus-visible .talk-email{opacity:1;transform:none}@media(max-width:600px){.design-2 .site-nav.figma-nav,.blog-nav{width:calc(100% - 24px);height:62px;padding:9px 10px 9px 16px;border-radius:15px}.design-2 .site-nav.figma-nav nav>a,.blog-nav nav>a{font-size:12px;padding:10px}.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal{width:95px;height:40px;min-height:40px;font-size:12px}.design-2 .site-nav.figma-nav .email-reveal:focus-visible,.blog-nav .email-reveal:focus-visible{width:165px}}
@media(prefers-reduced-motion:reduce){.email-reveal,.email-reveal span{transition:none!important}}
/* Dark glass navigation with a stable email button footprint. */
.design-2 .site-nav.figma-nav,.blog-nav{background:rgba(0,0,0,.42);border:1px solid #ffffff20;box-shadow:0 6px 24px #0000000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff}.design-2 .site-nav.figma-nav>a img,.blog-nav>a img{filter:none}.design-2 .site-nav.figma-nav nav>a,.blog-nav nav>a,.blog-nav nav a[aria-current=page]{color:#eee}.design-2 .site-nav.figma-nav .hero-pill,.blog-nav .nav-talk{background:#f9fbfd;color:#111;border-color:#ffffff55}.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal,.design-2 .site-nav.figma-nav .email-reveal:hover,.blog-nav .email-reveal:hover,.design-2 .site-nav.figma-nav .email-reveal:focus-visible,.blog-nav .email-reveal:focus-visible{width:185px;background:#f9fbfd;color:#111;transition:background .25s}.email-reveal .talk-label,.email-reveal .talk-email{transition:opacity .2s,transform .3s cubic-bezier(.16,1,.3,1)}@media(max-width:600px){.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal,.design-2 .site-nav.figma-nav .email-reveal:hover,.blog-nav .email-reveal:hover,.design-2 .site-nav.figma-nav .email-reveal:focus-visible,.blog-nav .email-reveal:focus-visible{width:155px;font-size:11px}.design-2 .site-nav.figma-nav nav,.blog-nav nav{gap:0}.design-2 .site-nav.figma-nav nav>a:not(.email-reveal),.blog-nav nav>a:not(.email-reveal){padding-inline:10px}}
@media(max-width:360px){.design-2 .site-nav.figma-nav,.blog-nav{padding-left:12px}.design-2 .site-nav.figma-nav>a img,.blog-nav>a img{width:88px}.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal{width:143px}}
.design-2 .site-nav.figma-nav,.blog-nav{transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease;will-change:transform}.design-2 .site-nav.figma-nav.nav-scroll-hidden,.blog-nav.nav-scroll-hidden{transform:translate(-50%,calc(-100% - 35px));opacity:0;pointer-events:none}.design-2 .site-nav.figma-nav:focus-within,.blog-nav:focus-within{transform:translateX(-50%);opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.design-2 .site-nav.figma-nav,.blog-nav{transition:none}}
/* Mouse focus must not pin the header onscreen after clicking its links. */
.design-2 .site-nav.figma-nav.nav-scroll-hidden:focus-within,.blog-nav.nav-scroll-hidden:focus-within{transform:translate(-50%,calc(-100% - 35px));opacity:0;pointer-events:none}.design-2 .site-nav.figma-nav:has(:focus-visible),.blog-nav:has(:focus-visible){transform:translateX(-50%);opacity:1;pointer-events:auto}

/* Compact brand mark with Careers and Writing navigation. */
.design-2 .site-nav.figma-nav>a img,.blog-nav>a img{width:94px;height:auto}
@media(max-width:600px){.design-2 .site-nav.figma-nav>a img,.blog-nav>a img{width:78px}.design-2 .site-nav.figma-nav nav>a:not(.email-reveal),.blog-nav nav>a:not(.email-reveal){padding-inline:7px;font-size:11px}.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal,.design-2 .site-nav.figma-nav .email-reveal:hover,.blog-nav .email-reveal:hover,.design-2 .site-nav.figma-nav .email-reveal:focus-visible,.blog-nav .email-reveal:focus-visible{width:132px;font-size:10px}}
@media(max-width:380px){.design-2 .site-nav.figma-nav>a img,.blog-nav>a img{width:68px}.design-2 .site-nav.figma-nav nav>a:not(.email-reveal),.blog-nav nav>a:not(.email-reveal){padding-inline:5px}.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal,.design-2 .site-nav.figma-nav .email-reveal:hover,.blog-nav .email-reveal:hover,.design-2 .site-nav.figma-nav .email-reveal:focus-visible,.blog-nav .email-reveal:focus-visible{width:120px}}
/* Keep the navigation labels close together. */
.design-2 .site-nav.figma-nav nav,.blog-nav nav{gap:0}
.design-2 .site-nav.figma-nav nav>a:not(.email-reveal),.blog-nav nav>a:not(.email-reveal){padding-inline:10px}
.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal,.design-2 .site-nav.figma-nav .email-reveal:hover,.blog-nav .email-reveal:hover,.design-2 .site-nav.figma-nav .email-reveal:focus-visible,.blog-nav .email-reveal:focus-visible{width:132px;margin-left:4px}
@media(max-width:600px){.design-2 .site-nav.figma-nav nav>a:not(.email-reveal),.blog-nav nav>a:not(.email-reveal){padding-inline:7px}.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal,.design-2 .site-nav.figma-nav .email-reveal:hover,.blog-nav .email-reveal:hover,.design-2 .site-nav.figma-nav .email-reveal:focus-visible,.blog-nav .email-reveal:focus-visible{width:126px;margin-left:2px}}
@media(max-width:380px){.design-2 .site-nav.figma-nav nav>a:not(.email-reveal),.blog-nav nav>a:not(.email-reveal){padding-inline:5px}.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal,.design-2 .site-nav.figma-nav .email-reveal:hover,.blog-nav .email-reveal:hover,.design-2 .site-nav.figma-nav .email-reveal:focus-visible,.blog-nav .email-reveal:focus-visible{width:120px}}
.sticky-book-call{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);z-index:70;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:30px;background:#f9fbfd;color:#111;border:1px solid #1112;box-shadow:0 4px 25px #0002;font:400 14px 'Instrument Sans',sans-serif;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s;white-space:nowrap}
.sticky-book-call.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.sticky-book-call:focus-visible{outline:2px solid #89c4ff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.sticky-book-call{transition:none}}
.hero-book-call-slot{height:84px;width:100%;pointer-events:none}
.sticky-book-call.hero-follow-call{bottom:auto;transform:translateX(-50%);transition:opacity .2s,visibility .2s;will-change:top}
.sticky-book-call.hero-follow-call.is-visible{transform:translateX(-50%)}
/* Let the glass header fit its content rather than leaving an empty center. */
.design-2 .site-nav.figma-nav,.blog-nav{width:max-content;max-width:calc(100% - 32px);height:60px;padding:8px 14px 8px 20px;justify-content:flex-start;gap:40px;border-radius:16px}
.design-2 .site-nav.figma-nav>a,.blog-nav>a{display:flex;align-items:center;flex:none}
@media(max-width:600px){.design-2 .site-nav.figma-nav,.blog-nav{height:56px;padding:7px 10px 7px 14px;max-width:calc(100% - 24px);gap:20px;border-radius:14px}}
@media(max-width:380px){.design-2 .site-nav.figma-nav,.blog-nav{gap:12px;padding-left:12px}}
@media(max-width:340px){.design-2 .site-nav.figma-nav,.blog-nav{gap:8px;padding-inline:9px}.design-2 .site-nav.figma-nav .email-reveal,.blog-nav .email-reveal,.design-2 .site-nav.figma-nav .email-reveal:hover,.blog-nav .email-reveal:hover,.design-2 .site-nav.figma-nav .email-reveal:focus-visible,.blog-nav .email-reveal:focus-visible{width:110px}}
.design-2 .site-nav.figma-nav nav>a:not(.email-reveal),.blog-nav nav>a:not(.email-reveal){display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.nav-label-icon{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
@media(max-width:600px){.nav-label-icon{width:13px;height:13px}.design-2 .site-nav.figma-nav nav>a:not(.email-reveal),.blog-nav nav>a:not(.email-reveal){gap:5px}}