/* Homepage 03 — cinematic industry image reveal (fine-pointer devices only) */
.ind-preview{display:none}
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  .industry-list{position:relative}
  .industry-row{position:relative;transition:padding .5s cubic-bezier(.22,1,.36,1),background .5s,opacity .5s}
  .industry-row h3{transition:transform .6s cubic-bezier(.22,1,.36,1),color .4s}
  .industry-row>.arrow{transition:transform .5s cubic-bezier(.22,1,.36,1),color .4s}
  .industry-list.is-hovering .industry-row:not(.is-active){opacity:.72}
  .industry-row.is-active h3{transform:translateX(10px);color:#087844}
  .industry-row.is-active>.arrow{transform:translate(4px,-4px);color:#087844}

  .ind-preview{display:block;position:fixed;left:0;top:0;z-index:30;width:clamp(220px,18vw,280px);aspect-ratio:4/5;pointer-events:none;
    opacity:0;transform:translate3d(var(--x,0),var(--y,0),0) rotate(var(--r,0deg)) scale(.86);
    transition:opacity .45s ease;will-change:transform,opacity}
  .ind-preview.is-on{opacity:1}
  .ind-frame{position:absolute;inset:0;overflow:hidden;border-radius:24px;background:#142820;
    box-shadow:0 40px 80px -24px rgba(20,40,32,.45),0 0 0 1px rgba(255,255,255,.08);
    transform:scale(.9);transition:transform .8s cubic-bezier(.22,1,.36,1)}
  .ind-preview.is-on .ind-frame{transform:scale(1)}
  .ind-slide{position:absolute;inset:0;opacity:0;clip-path:inset(100% 0 0 0);
    transition:clip-path .9s cubic-bezier(.77,0,.18,1),opacity .6s ease .1s}
  .ind-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.35);filter:contrast(1.04) saturate(.95);
    transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
  .ind-slide.is-active{opacity:1;clip-path:inset(0 0 0 0);z-index:2}
  .ind-slide.is-active img{transform:scale(1.04)}
  .ind-slide.is-leaving{opacity:1;clip-path:inset(0 0 0 0);z-index:1}
  .ind-slide.is-leaving img{transform:scale(1);transition-duration:.9s}
  .ind-frame::after{content:'';position:absolute;inset:0;z-index:3;
    background:
      linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(4,8,6,.6) 100%),
      radial-gradient(ellipse 78% 68% at 50% 46%,rgba(0,0,0,0) 38%,rgba(2,5,4,.38) 72%,rgba(2,5,4,.82) 100%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
  .ind-caption{position:absolute;left:18px;right:18px;bottom:16px;z-index:4;display:flex;justify-content:space-between;gap:12px;
    font:500 11px/1.4 var(--mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:#fff}
  .ind-caption b{font-weight:500;color:#7ee2a8}
}
@media (prefers-reduced-motion:reduce){
  .ind-preview,.ind-frame,.ind-slide,.ind-slide img{transition-duration:.01s!important}
}