/* Hero, as on asknerd.ai (nerd-platform apps/web/src/app/sections/Hero.tsx): the room fills the section behind the copy, soft tints over a warm ground, and the host rail sits inside the hero. */
.np-hero-world{position:relative;isolation:isolate;contain:paint;overflow:hidden;min-height:min(900px,100vh);padding:clamp(116px,13vh,156px) 0 clamp(34px,5vw,66px)}
.np-hero-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(58% 52% at 7% 78%,color-mix(in oklab,#ff4d6d 18%,transparent),transparent 70%),
  radial-gradient(48% 46% at 92% 18%,color-mix(in oklab,#4b5be8 14%,transparent),transparent 72%),
  radial-gradient(48% 42% at 78% 88%,color-mix(in oklab,#34c759 15%,transparent),transparent 72%),
  #fff5e8}
.np-hero-scene picture{position:absolute;inset:0;display:block;overflow:hidden}
/* Nerd sits at the left of the room: anchor the wider-than-frame photo right so the bear clears the centered copy.
   It also drops by 12vh so the sofa starts below the host rail; the top fades into the warm ground. */
.np-hero-scene picture{-webkit-mask-image:linear-gradient(180deg,transparent 12vh,#000 calc(12vh + 140px));mask-image:linear-gradient(180deg,transparent 12vh,#000 calc(12vh + 140px))}
.np-hero-scene img{position:absolute;top:12vh;right:0;display:block;width:112%;max-width:none;height:100%;object-fit:cover;object-position:right center;filter:saturate(1.08) contrast(1.01)}
.np-hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,238,.04) 0%,rgba(255,255,255,0) 68%,rgba(28,18,32,.02) 100%)}
.np-hero-world .np-hero-inner{position:relative;max-width:980px;margin:0 auto;padding-inline:clamp(18px,4vw,32px)}
.np-hero-copy{width:min(980px,100%);margin:0 auto;text-align:center}
.np-hero-copy .np-access{margin-bottom:22px}
.np-hero-copy .np-actions{justify-content:center}
.np-hero-world .np-hero-h{font-size:clamp(44px,4.7vw,64px);line-height:1.06}
.np-hero-sub{max-width:34ch;margin-inline:auto}
@media(max-width:760px){
.np-hero-world{min-height:100svh;padding-top:clamp(104px,13vh,132px);padding-bottom:min(28vh,220px)}
.np-hero-scene picture{inset:52% 0 0;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 10%,#000 24%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 10%,#000 24%)}
.np-hero-scene img{inset:0;top:0;width:100%;object-position:22% center}
.np-hero-world .np-hero-h{font-size:clamp(32px,8.7vw,52px)}
}
.np-action-secondary,.nerd-site-header .np-cta{transition:background 140ms cubic-bezier(.22,1,.36,1),color 140ms cubic-bezier(.22,1,.36,1),border-color 140ms cubic-bezier(.22,1,.36,1)}
.np-nav>a:hover{background:var(--np-wash);color:var(--brand-ink)}
.np-landing .nerd-site-header .np-cta:hover{background:var(--cta-hover)}