/* My Business — dynamic role-based AI staff visual layer */
.business-mode{grid-template-columns:58% 42%!important}
.business-mode .role-stack{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px!important;
  padding:24px!important;
  align-content:center;
  background:
    radial-gradient(circle at 50% 46%,rgba(239,213,155,.11),transparent 45%),
    linear-gradient(145deg,#0b0a08,#060606)!important;
}
.business-staff-card{
  position:relative;
  min-height:265px;
  overflow:hidden;
  border:1px solid rgba(239,213,155,.15);
  border-radius:24px;
  background:linear-gradient(180deg,#11100e,#080807);
  box-shadow:0 20px 55px rgba(0,0,0,.28);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.business-staff-card:hover{
  transform:translateY(-5px);
  border-color:rgba(239,213,155,.34);
  box-shadow:0 28px 70px rgba(0,0,0,.4);
}
.business-staff-portrait{
  position:absolute;inset:0 0 72px 0;overflow:hidden;
}
.business-staff-portrait:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(7,7,6,.92) 100%);
}
.business-staff-portrait img{
  width:100%;height:100%;object-fit:cover;object-position:center top;
  animation:businessStaffPresence 6s ease-in-out infinite;
}
.business-staff-card:nth-child(2) img{animation-delay:-1.4s}
.business-staff-card:nth-child(3) img{animation-delay:-2.8s}
.business-staff-card:nth-child(4) img{animation-delay:-4.1s}
.business-staff-copy{
  position:absolute;z-index:3;left:14px;right:14px;bottom:13px;
}
.business-staff-copy b{
  display:block;color:#f3ede3;font-size:12px;margin-bottom:5px;
}
.business-staff-copy small{
  display:block;color:#a79e92;font-size:7.5px;line-height:1.4;
}
@keyframes businessStaffPresence{
  0%,100%{transform:scale(1.015) translateY(0)}
  50%{transform:scale(1.04) translateY(-3px)}
}
@media(max-width:1000px){
  .business-mode{grid-template-columns:1fr!important}
  .business-mode .role-stack{min-height:auto!important}
}
@media(max-width:680px){
  .business-mode .role-stack{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px!important;gap:8px!important}
  .business-staff-card{min-height:220px;border-radius:18px}
  .business-staff-copy{left:10px;right:10px;bottom:10px}
  .business-staff-copy b{font-size:10px}
  .business-staff-copy small{font-size:6.8px}
}
@media(prefers-reduced-motion:reduce){
  .business-staff-portrait img{animation:none!important;transform:none!important}
  .business-staff-card{transition:none!important}
}