/* Shared navigation measurements, matched to the Hire page. */
html:root{--ls-nav-gutter:clamp(24px,4.5vw,80px);--ls-nav-gap:clamp(24px,2.64vw,38px)}
html:root body [data-site-nav]{box-sizing:border-box!important;position:fixed!important;inset:0 0 auto!important;width:100%!important;max-width:none!important;height:92px!important;min-height:92px!important;margin:0!important;padding:0 var(--ls-nav-gutter)!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:32px!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:30!important}
html:root body [data-site-nav]>.wordmark{display:inline-flex!important;align-items:baseline!important;flex:none!important;gap:0!important;margin:0!important;padding:0!important;font:800 34px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-2.3px!important;text-transform:uppercase!important;white-space:nowrap!important;text-decoration:none!important}
html:root body [data-site-nav]>.wordmark>span{font:400 34px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-2.3px!important;margin:0!important;padding:0!important}
html:root body [data-site-nav]>.wordmark strong{font:800 34px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-2.6px!important}
html:root body [data-site-nav]>.wordmark sup{display:none!important}
html:root body [data-site-nav]>:is(nav,.nav-links){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex:none!important;gap:var(--ls-nav-gap)!important;margin:0 0 0 auto!important;padding:0!important;list-style:none!important;font:400 16px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html:root body [data-site-nav] .nav-links>li{margin:0!important;padding:0!important;list-style:none!important}
html:root body [data-site-nav]>:is(nav,.nav-links) a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;height:auto!important;margin:0!important;padding:0!important;gap:0!important;font:400 16px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important;-webkit-text-stroke:0!important;white-space:nowrap!important;border:0!important}
html:root body [data-site-nav]>:is(nav,.nav-links) a .link-ink{font:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
html:root body [data-site-nav]>:is(nav,.nav-links) :is(.pixel-arrow,.px-arrow,.desktop-nav-arrow){display:none!important}
html:root body [data-site-nav]>:is(.menu-toggle,.menu-button,.nav-toggle,.refresh-menu-toggle){display:none!important}
/* Text decoration propagates through descendants; keep it off the button itself. */
html:root body .artwork-open:is(:hover,:focus-visible){text-decoration:none!important}
html:root body .artwork-open:is(:hover,:focus-visible) .artwork-label{text-decoration:underline;text-underline-offset:5px}
html:root body .artwork-open>[aria-hidden="true"]{text-decoration:none!important}
/* Plain legacy wordmarks receive the same eye affordance as the refreshed pages. */
html:root body [data-site-nav] .wordmark-look{position:relative;display:inline-block}
html:root body [data-site-nav] .wordmark-eye{position:absolute;inset:0;width:100%;height:100%;fill:currentColor;opacity:0;pointer-events:none}
html:root body [data-site-nav] .wordmark:is(:hover,:focus-visible) .wordmark-look strong{opacity:0}
html:root body [data-site-nav] .wordmark:is(:hover,:focus-visible) .wordmark-eye{opacity:1}
html:root body [data-site-nav] .nav-eye-half,html:root body [data-site-nav] .nav-eye-closed{opacity:0}
@media(max-width:760px){
 html:root body [data-site-nav]{height:78px!important;min-height:78px!important;padding:0 24px!important;gap:20px!important}
 html:root body [data-site-nav]>.wordmark,html:root body [data-site-nav]>.wordmark>span,html:root body [data-site-nav]>.wordmark strong{font-size:25px!important;line-height:25px!important;letter-spacing:-2px!important}
 html:root body [data-site-nav]>:is(nav,.nav-links){display:none!important}
 html:root body [data-site-nav]>:is(.menu-toggle,.menu-button,.nav-toggle,.refresh-menu-toggle){display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;min-height:44px!important;margin:0!important;padding:0!important;gap:12px!important;font:400 16px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;border:0!important;background:none!important;color:inherit!important}
 html:root body [data-site-nav]>.nav-links.active{display:flex!important;position:fixed!important;inset:78px 0 0!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;margin:0!important;padding:28px 24px!important;background:#fbfae6!important;color:#050605!important;overflow:auto!important;transform:none!important;opacity:1!important;visibility:visible!important}
 html:root body [data-site-nav]>.nav-links.active a{display:flex!important;justify-content:flex-start!important;font-size:38px!important;line-height:1.2!important;min-height:72px!important}
}

/* Desktop keeps the randomized pixel reveal, in the studio's orange only. */
@media (min-width:761px) {
  html:root body [data-site-nav] > :is(nav,.nav-links) .link-color-line > * {
    background: #ff8700 !important;
    fill: #ff8700 !important;
  }
}

/* Site-wide navigation is lowercase, including legacy page labels. */
html:root body [data-site-nav]>:is(nav,.nav-links) a,
html:root body [data-site-nav]>:is(nav,.nav-links) a .link-ink,
html:root body [data-site-nav]>.wordmark,
html:root body [data-site-nav]>.wordmark>span,
html:root body [data-site-nav]>.wordmark strong,
html:root body .ls-menu-button,
html:root body .ls-menu-button .ls-menu-word{text-transform:lowercase!important}

/* The shared pixel-eye affordance, reused from the Work archive. */
svg.ls-action-eye{display:inline-block;width:34px;height:18px;flex:none;fill:currentColor;vertical-align:middle;overflow:visible}
.ls-eye-open{animation:ls-action-open 4.4s steps(1,end) infinite}
.ls-eye-half{opacity:0;animation:ls-action-half 4.4s steps(1,end) infinite}
.ls-eye-closed{opacity:0;animation:ls-action-closed 4.4s steps(1,end) infinite}
@keyframes ls-action-open{0%,24%,32%,100%{opacity:1}25%,31%{opacity:0}}
@keyframes ls-action-half{0%,24%,27%,29%,32%,100%{opacity:0}25%,30%{opacity:1}}
@keyframes ls-action-closed{0%,26%,30%,100%{opacity:0}27%,29%{opacity:1}}
@media(prefers-reduced-motion:reduce){
 .ls-action-eye g{animation:none!important}
 .ls-action-eye .ls-eye-open{opacity:1}
 .ls-action-eye .ls-eye-half,.ls-action-eye .ls-eye-closed{opacity:0}
}
[data-motion="paused"] .ls-action-eye g{animation:none!important}
[data-motion="paused"] .ls-action-eye .ls-eye-open{opacity:1}
[data-motion="paused"] .ls-action-eye .ls-eye-half,
[data-motion="paused"] .ls-action-eye .ls-eye-closed{opacity:0}