/* =========================================================
 * HC Portfolio — Orbit + Cards
 * =======================================================*/
.hc-portfolio-showcase{
  --hc-orbit-tilt: -7deg;
  --hc-orbit-glow-pad: 120px;
  --hc-orbit-draw-width-pct: 1.15;
  --hc-orbit-back-stroke:#0963FF;
  --hc-orbit-front-stroke:#0963FF;
  --hc-orbit-back-stroke-w:1.0;
  --hc-orbit-front-stroke-w:2.0;
  --hc-orbit-back-glow:139,92,246;
  --hc-orbit-front-glow:16,185,129;
  --hc-orbit-back-glow-w:2;
  --hc-orbit-front-glow-w:3;
  --hc-orbit-back-alpha:.80;
  --hc-orbit-front-alpha:.95;
  --hc-orbit-back-glow-a:.35;
  --hc-orbit-front-glow-a:.55;

  --hc-orbit-height-vh:.13;
  --hc-orbit-height-rx-cap:.48;

  position:relative;
  width:100%;
  min-height:500px;
  box-sizing:border-box;
  overflow:visible;
  overscroll-behavior:contain;
}

.hc-portfolio-showcase__orbit,
.hc-portfolio-showcase__orbit-front{ position:absolute; inset:0; display:block; pointer-events:none; }
.hc-portfolio-showcase__orbit{ z-index:100; }
.hc-portfolio-showcase__orbit-front{ z-index:300; }

.hc-portfolio-showcase > .hc-card{
  position:absolute; left:0; top:0;
  width:500px; height:375px;
  will-change:transform,filter;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  background:transparent; box-shadow:none; outline:none;
}

.hc-card__fx{
  position:relative; width:100%; height:100%;
  transform-style:preserve-3d; backface-visibility:hidden;
}

.hc-card__inner{
  position:relative; width:100%; height:100%;
  border-radius:18px; overflow:hidden;
  background:#0f1113;
  outline:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}

.hc-card__media,
.hc-card__img{
  position:absolute; inset:-2px;
  width:calc(100% + 4px); height:calc(100% + 4px);
  object-fit:cover; object-position:center;
  display:block; border-radius:inherit;
  pointer-events:none; transform:translateZ(0);
}

.hc-card__bg{
  position:absolute; inset:0;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:inherit;
}

@media (prefers-reduced-motion: reduce){
  .hc-portfolio-showcase *{ animation-duration:0ms !important; transition:none !important; }
}
/* === Card visual container =============================== */
.hc-portfolio-showcase .hc-card__inner{
  position: relative;
  width: 100%; height: 100%;
  border-radius: 18px;
  overflow: hidden;
  background: #0f1113;
  outline: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  line-height: 0;
}

.hc-portfolio-showcase .hc-card__inner > img,
.hc-portfolio-showcase .hc-card__inner > picture,
.hc-portfolio-showcase .hc-card__inner > picture > img,
.hc-portfolio-showcase .hc-card__img,
.hc-portfolio-showcase .hc-card__media{
  position: absolute !important;
  inset: -2px !important;
  width: calc(100% + 4px) !important;
  height: calc(100% + 4px) !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  transform: translateZ(0) !important;
}

.hc-portfolio-showcase .hc-card__fallback{
  position:absolute; inset:0; border-radius:inherit;
  background:
    radial-gradient(120% 100% at 80% 10%, rgba(255,255,255,0.08), transparent 60%),
    linear-gradient(135deg, #202329 0%, #121417 60%);
}