/* Decoration stays below content and never replaces the native pointer. */
#landing .hero{isolation:isolate}
.home-cursor-field{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
#landing .hero-eyebrow,#landing .hero h1,#landing .hero-bottom{position:relative;z-index:2}
@media(max-width:720px),(prefers-reduced-motion:reduce){.home-cursor-field{display:none}}

/* The background portrait shares the navigation's paths, with its own quiet motion. */
.hero-logo{position:absolute;right:-3vw;top:50%;width:clamp(340px,42vw,760px);aspect-ratio:760/1010;transform:translateY(-50%);z-index:0;pointer-events:none}
.hero-logo-art{display:block;width:100%;height:100%;overflow:visible;color:var(--lime);--logo-fill:currentColor;--logo-stroke:currentColor;--logo-detail-stroke:var(--bg);stroke:var(--logo-stroke);stroke-width:24;stroke-linecap:round;stroke-linejoin:round;opacity:.06;transform-origin:50% 65%;animation:hero-logo-breathe 16s ease-in-out infinite;animation-play-state:paused}
body[data-view="home"] .hero-logo-art{animation-play-state:running}
@keyframes hero-logo-breathe{
  0%,100%{opacity:.035;transform:translate3d(0,8px,0) rotate(-7deg) scale(.985)}
  50%{opacity:.085;transform:translate3d(-8px,-8px,0) rotate(-3deg) scale(1.015)}
}
@media(max-width:720px){.hero-logo{width:76vw;right:-22vw;top:48%}}
@media(prefers-reduced-motion:reduce){.hero-logo-art{animation:none;opacity:.055;transform:rotate(-5deg)}}