/* Optional Company preview accents. Approved employee layers are untouched. */
.company-effects { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.company-effect-trigger { position:absolute; pointer-events:none; width:1px; height:1px; }
.company-proof-photo { transform-box:fill-box; transform-origin:center; transition:transform 850ms cubic-bezier(.22,.61,.36,1); }
.company-proof-photo.is-focused { transform:scale(1.015); }
.company-operation-accent { filter:brightness(1.2); opacity:0; }
.company-operation-accent.is-entered { animation:company-operation-note 1.35s ease-in-out both; }
.company-operation-accent--improve.is-entered { animation-delay:350ms; }
@keyframes company-operation-note { 0%,100% {opacity:0} 35%,65% {opacity:1} }
.company-icon-cover { opacity:0; }
.company-icon-cover.is-entered { animation:company-icon-cover 1.1s linear both; }
@keyframes company-icon-cover { 0%,85% {opacity:1} 100% {opacity:0} }
.company-icon-slice--top.is-entered { animation:company-icon-top 1s cubic-bezier(.22,.61,.36,1) both; }
.company-icon-slice--middle.is-entered { animation:company-icon-middle 1s cubic-bezier(.22,.61,.36,1) both; }
.company-icon-slice--bottom.is-entered { animation:company-icon-bottom 1s cubic-bezier(.22,.61,.36,1) both; }
@keyframes company-icon-top { from {transform:translateY(-5px)} to {transform:translateY(0)} }
@keyframes company-icon-middle { from {transform:translateX(3px)} to {transform:translateX(0)} }
@keyframes company-icon-bottom { from {transform:translateY(5px)} to {transform:translateY(0)} }
.company-cta-arrow { transition:transform 420ms ease; }
.company-cta-arrow.is-entered { animation:company-cta-invite 1s ease-in-out; }
.company-cta-arrow.is-focused { transform:translateX(4px); }
@keyframes company-cta-invite { 0%,100% {transform:translateX(0)} 50% {transform:translateX(4px)} }
@media (prefers-reduced-motion:reduce) { .company-effects,.company-effect-trigger {display:none;} }

/* Temporary review only: /company/?demo=1. No employee animation overrides. */
.company-demo .company-proof-photo.is-focused { transform:scale(1.09); }
.company-demo .company-proof-photo { transition-duration:450ms; }
.company-demo .company-operation-accent {
  filter:brightness(1.9);
  transform-origin:1228px 380px;
}
.company-demo .company-operation-accent--improve { transform-origin:1455px 380px; }
.company-demo .company-operation-accent.is-entered { animation:company-demo-operation 1.7s ease-in-out both; }
.company-demo .company-operation-accent--improve.is-entered { animation-delay:600ms; }
@keyframes company-demo-operation {
  0%,100% {opacity:0;transform:scale(1)}
  25%,70% {opacity:1;transform:scale(1.12)}
}
.company-demo .company-icon-cover.is-entered { animation-duration:850ms; }
.company-demo .company-icon-slice--top.is-entered { animation:company-demo-top 750ms cubic-bezier(.22,.61,.36,1) both; }
.company-demo .company-icon-slice--middle.is-entered { animation:company-demo-middle 750ms cubic-bezier(.22,.61,.36,1) both; }
.company-demo .company-icon-slice--bottom.is-entered { animation:company-demo-bottom 750ms cubic-bezier(.22,.61,.36,1) both; }
@keyframes company-demo-top { from {transform:translate(-15px,-15px)} to {transform:translate(0,0)} }
@keyframes company-demo-middle { from {transform:translateX(19px)} to {transform:translateX(0)} }
@keyframes company-demo-bottom { from {transform:translate(-13px,7px)} to {transform:translate(0,0)} }
.company-demo .company-cta-arrow.is-entered { animation:company-demo-cta 1s ease-in-out; }
.company-demo .company-cta-arrow.is-focused { transform:translateX(12px); }
@keyframes company-demo-cta { 0%,100% {transform:translateX(0)} 50% {transform:translateX(12px)} }