/* interactive-cards.css - Ember & Veil experience card polish */

.feature-card{
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
  will-change:transform;
}

.feature-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(176,141,87,.34),transparent 38%);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}

.feature-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(245,242,234,.06) 42%,rgba(176,141,87,.18) 50%,rgba(245,242,234,.04) 58%,transparent 100%);
  transform:translateX(-120%);
  transition:transform .75s ease;
  pointer-events:none;
}

.feature-card:hover{
  transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-10px);
  border-color:rgba(176,141,87,.62);
  box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 34px rgba(176,141,87,.16);
  background:linear-gradient(180deg,rgba(63,35,71,.28),rgba(23,19,24,.96));
}

.feature-card:hover::before{opacity:1;}
.feature-card:hover::after{transform:translateX(120%);}

.feature-card .feature-icon{
  transition:transform .35s ease,filter .35s ease,opacity .35s ease;
  transform:translateZ(24px);
}

.feature-card:hover .feature-icon{
  transform:translateZ(36px) translateY(-6px) scale(1.08);
  filter:drop-shadow(0 0 12px rgba(176,141,87,.55)) drop-shadow(0 0 26px rgba(176,141,87,.22));
}

.feature-card h3,.feature-card p{
  position:relative;
  z-index:2;
}

.feature-card h3{
  transition:color .35s ease,transform .35s ease;
}

.feature-card:hover h3{
  color:var(--ivory);
  transform:translateY(-2px);
}

.feature-card .accent{
  transition:letter-spacing .35s ease,color .35s ease;
}

.feature-card:hover .accent{
  letter-spacing:.18em;
  color:var(--brass);
}

@media(max-width:900px){
  .feature-card:hover{transform:translateY(-6px);}
}

@media(prefers-reduced-motion:reduce){
  .feature-card,.feature-card::before,.feature-card::after,.feature-card .feature-icon,.feature-card h3,.feature-card .accent{
    transition:none!important;
    animation:none!important;
  }
  .feature-card:hover{transform:none;}
}