/* Progressive enhancement: content stays complete without JS or with motion paused. */
.company-visual{min-width:0;display:grid;perspective:1300px}
.year-digit,.year-dot{display:inline-block}
.year-digit:nth-child(2){--digit-delay:70ms}
.year-digit:nth-child(3){--digit-delay:140ms}
.year-digit:nth-child(4){--digit-delay:210ms}

.scroll-effects .company-art[data-reveal]{
  transform-origin:50% 70%;
  transform:translate3d(0,var(--year-lift,0px),0) rotateX(var(--year-pitch,0deg)) rotateY(var(--year-turn,0deg)) scale(var(--year-scale,1));
  transition:opacity .7s ease;
}
.scroll-effects .company-art::after{
  content:"";position:absolute;inset:-60% auto -60% -55%;width:60%;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,transparent,#e2edf60a 25%,#e2edf624 50%,#e2edf608 75%,transparent);
  transform:translateX(var(--year-light,480%)) rotate(24deg);
}
.scroll-effects .company-year{transform:translateY(var(--year-depth,0px));perspective:500px}
.scroll-effects .company-art.is-visible .year-digit{
  animation:year-digit-enter .95s cubic-bezier(.16,1,.3,1) both;
  animation-delay:var(--digit-delay,0ms);
  transform-origin:50% 80%;
}
.scroll-effects .company-orbit{transform:translate3d(var(--year-orbit-x,0px),var(--year-orbit-y,0px),0)}
.scroll-effects .company-emblem{transform:translateY(var(--year-emblem-lift,0px)) rotate(var(--year-emblem-turn,-13deg))}
.scroll-effects .company-visual.motion-in-view .company-art{will-change:transform}
@keyframes year-digit-enter{
  from{opacity:0;transform:translateY(32px) rotateX(-45deg)}
  to{opacity:1;transform:translateY(0) rotateX(0)}
}

.scroll-effects .world-globe{
  transform:perspective(900px) translateY(var(--globe-lift,0px)) rotateX(var(--globe-pointer-x,0deg)) rotateY(calc(var(--globe-turn,0deg) + var(--globe-pointer-y,0deg))) rotateZ(var(--globe-spin,0deg)) scale(var(--globe-scale,1));
  transform-origin:50% 50%;will-change:auto;
  transition:transform .18s ease-out;
}
.scroll-effects .world-art.motion-in-view .world-globe{will-change:transform}
.scroll-effects .globe-routes path{stroke-dasharray:1;stroke-dashoffset:var(--route-offset,1);transition:stroke-dashoffset .12s linear}
.scroll-effects .globe-orbit{stroke-dashoffset:var(--orbit-offset,0)}
.scroll-effects .world-glow{transform:translateX(calc(var(--globe-glow-shift,0px) + var(--globe-pointer-glow,0px))) scale(var(--globe-glow-scale,1));transition:transform .22s ease-out}
.scroll-effects .world-art.motion-in-view .globe-pulse{
  transform-box:fill-box;transform-origin:center;
  animation:globe-node-pulse 3.8s ease-out infinite;
}
.scroll-effects .company-world.is-visible .market-list li{animation:market-enter .8s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--market-delay,0ms)}
.market-list li:nth-child(2){--market-delay:70ms}.market-list li:nth-child(3){--market-delay:140ms}
.market-list li:nth-child(4){--market-delay:210ms}.market-list li:nth-child(5){--market-delay:280ms}.market-list li:nth-child(6){--market-delay:350ms}
@keyframes globe-node-pulse{0%{opacity:.85;transform:scale(.7)}75%,100%{opacity:0;transform:scale(1.9)}}
@keyframes market-enter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}

.scroll-effects .founder-card-visual>img{transform:translateY(var(--portrait-shift,0px)) scale(1.06)}
.scroll-effects .founder-card.motion-in-view .founder-card-visual>img{will-change:transform}
.scroll-effects .growth-scene{transform:translateY(var(--scroll-lift,0px)) rotateX(var(--growth-pointer-x,0deg)) rotateY(var(--growth-pointer-y,0deg));transition:transform .2s ease-out}
.scroll-effects .growth-block{transition:top .18s ease-out}
.scroll-effects .growth-orbit{transform:translateX(-50%) rotateX(36deg) rotateZ(var(--growth-orbit-turn,-19deg)) scale(var(--growth-orbit-scale,.91));transition:transform .2s ease-out}
.scroll-effects .growth-sphere{transform:translate(var(--growth-pointer-sphere,0px),var(--growth-sphere-lift,20px));transition:transform .2s ease-out}
.scroll-effects .envelope-letter{transform:translateY(calc(var(--letter-lift,18px) + var(--letter-pointer-lift,0px))) rotate(calc(var(--letter-turn,4deg) + var(--letter-pointer-turn,0deg)));transition:transform .18s ease-out}
.scroll-effects .contact-art-spark{transform:rotate(var(--letter-spark,8deg));transition:transform .18s ease-out}
@media(max-width:700px){
  .scroll-effects .company-art.is-visible .year-digit{animation-name:year-digit-enter-mobile}
  @keyframes year-digit-enter-mobile{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
  .scroll-effects .company-art[data-reveal],.scroll-effects .company-year,.scroll-effects .world-globe,.scroll-effects .founder-card-visual>img,.scroll-effects .growth-scene,.scroll-effects .growth-orbit,.scroll-effects .growth-sphere,.scroll-effects .envelope-letter,.scroll-effects .contact-art-spark{transform:none;transition:none}
  .scroll-effects .company-art::after{display:none}
  .scroll-effects .globe-routes path{stroke-dashoffset:0}
}