/* Homepage scroll polish. Never set position on .hero-media — it stays absolute so type sits over the image.
   Pre-hide only after html.js-motion. Never use .shell[style]: GSAP writes inline style and that rule re-hid the signal band. */
.hero-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 38% 34% at 74% 38%,rgb(246 199 91/.07),transparent 70%);
  animation:comglow 16s ease-in-out infinite alternate}
.hero-media::after{z-index:0}
@keyframes comglow{to{opacity:.45}}
.hero h1{text-wrap:balance}
.hero p{line-height:1.55}
.section-head h2,.section h2{text-wrap:balance}
.index-row,.door{transition:border-color .2s ease,background-color .2s ease}
@media (prefers-reduced-motion:reduce){.hero-media::before{display:none;animation:none}}
html.js-motion .hero-copy > *,
html.js-motion #navigator .section-head,
html.js-motion #navigator .index-row,
html.js-motion #navigator .section-action,
html.js-motion .section.signal .signal-label,
html.js-motion .section.signal #october-signal,
html.js-motion .section.signal .signal-copy,
html.js-motion .section.signal .signal-source,
html.js-motion .section.signal .signal-actions,
html.js-motion .section.doors .section-head,
html.js-motion .section.doors .door,
html.js-motion .shell.join .join-copy,
html.js-motion .shell.join aside.trust,
html.js-motion section.shell.cross,
html.js-motion section.shell.cta-band > *{
  visibility:hidden
}

/* Hover Lift — .com Navigator (motion named effect).
   Progressive enhancement: CSS only, pointer devices only, no lift under reduced motion.
   Uses independent `translate` (NOT transform): motion-home.js GSAP leaves inline transform
   on .door after entrance; a :hover transform would be overridden and kill the lift.
   Does not touch .hero-media. Lift 6px (.door) / 4px (.index-row), ease-out, 220ms. */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .door,.index-row{transition:translate .22s ease-out,box-shadow .22s ease-out,background-color .22s ease-out,border-color .2s ease}
  .door:hover,.door:focus-within{translate:0 -6px;box-shadow:0 14px 32px -18px rgba(0,0,0,.65),0 2px 0 0 var(--accent) inset;background-color:rgba(244,240,231,.025)}
  .index-row:hover,.index-row:focus-within{translate:0 -4px;box-shadow:0 10px 24px -20px rgba(0,0,0,.7)}
}
@media (prefers-reduced-motion:reduce){
  .door:hover,.door:focus-within,.index-row:hover,.index-row:focus-within{translate:none;box-shadow:none;background-color:rgba(244,240,231,.03)}
}