nav .navlinks .hero-gravity-toggle{appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:400;font-style:italic;line-height:1.2;min-height:31.6px;padding:6px 8px;cursor:pointer;white-space:nowrap;transition:color .25s}
nav .navlinks .hero-gravity-toggle:is(:hover,:focus-visible){background:transparent;color:var(--ink)}
.hero-gravity-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Match the 1px optical offset used by the other navigation labels. */
.gravity-label{display:grid;align-items:center;pointer-events:none;translate:0 1px}
.gravity-label-row{grid-area:1/1;justify-self:center;display:inline-flex;clip-path:inset(0 -.2em)}
.gravity-letter-window{display:inline-block;overflow:visible;height:1.2em;line-height:1.2}
.gravity-letter-stack{display:block;transition:transform .48s cubic-bezier(.22,.8,.25,1);transition-delay:calc(var(--letter)*22ms)}
.gravity-letter-stack>span{display:block;white-space:pre}
.gravity-label-hover .gravity-letter-stack{transform:translateY(100%)}
.hero-gravity-toggle:is(:hover,:focus-visible) .gravity-label-normal .gravity-letter-stack{transform:translateY(-100%)}
.hero-gravity-toggle:is(:hover,:focus-visible) .gravity-label-hover .gravity-letter-stack{transform:translateY(0)}
.hero.art-direction-hero{position:relative}
.hero-gravity-surface{position:absolute;z-index:20;pointer-events:none;contain:strict;overflow:clip;overflow-anchor:none}
.hero-gravity-layer{position:absolute;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;contain:strict}
.hero-gravity-active{overflow:hidden!important}
.hero-gravity-active .sculpture-stage,.hero-gravity-active .art-hero-actions{visibility:hidden!important;pointer-events:none!important}
.hero-gravity-active .thinking-scribble path{animation-play-state:paused}
.gravity-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1000px){.nav-pill .navlinks{flex-wrap:wrap;min-width:0;flex:1}.nav-pill .navcta{align-self:flex-start;flex-shrink:0}}
@media(max-width:580px){nav .navlinks .hero-gravity-toggle{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.gravity-letter-stack,.hero-gravity-toggle{transition:none}}

/* Keep the discover pill, label, and animated eyes in one rigid falling object. */
.hero-gravity-surface .gravity-intact-cta{z-index:21;pointer-events:none;will-change:transform}