.feature-showcase .showcase-media[data-showcase-media="0"] { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:12px; }
.feature-showcase .showcase-attendance-mobile { width:min(100%,300px,calc((100svh - 180px) * 402 / 874)); justify-self:end; background:#fff; border:1px solid #e4eaf2; border-radius:16px; overflow:hidden; box-shadow:none; filter:none; transform:scale(var(--showcase-left-scale,1)); transform-origin:center; transition:transform 100ms ease-out; }
.feature-showcase .showcase-attendance-mobile img { display:block; width:100%; height:auto; border-radius:0; box-shadow:none; filter:none; }
.feature-showcase .attendance-phone { position:relative; width:min(100%,280px,calc((100svh - 210px) * 402 / 874)); padding:21px 7px 10px; background:#192231; border:0; border-radius:34px; overflow:visible; }
.attendance-phone-screen { overflow:hidden; border-radius:23px; background:#fff; }
.attendance-phone-camera { position:absolute; top:8px; left:50%; width:56px; height:6px; border-radius:999px; background:#070e1a; transform:translateX(-50%); }
.attendance-phone-key { position:absolute; right:-2px; top:25%; width:3px; height:36px; background:#192231; border-radius:2px; }
.feature-showcase .showcase-employees { width:100%; max-width:none; height:100%; aspect-ratio:auto; perspective:1800px; overflow:hidden; }
.feature-showcase .showcase-employees img { left:50%; top:50%; width:var(--reel-photo-width,100%); height:auto; aspect-ratio:4 / 3; border-radius:14px; object-fit:cover; backface-visibility:hidden; transform-origin:center; transform:translate(-50%,-50%) translateY(var(--photo-y,0px)) rotateX(var(--photo-angle,0deg)) scale(var(--photo-scale,1)); opacity:var(--photo-opacity,0); z-index:var(--photo-depth,1); transition:none; }
.feature-showcase .showcase-employees img[data-photo-slot] { left:50%; top:50%; }
@media(min-width:1200px) {
  .feature-showcase .showcase-attendance-mobile { translate:12px 0; }
}
@media(max-width:900px) {
  .feature-showcase .showcase-mobile-media-host .showcase-media[data-showcase-media="0"] { grid-template-columns:minmax(0,1fr); gap:32px; }
  .feature-showcase .showcase-mobile-media-host .showcase-attendance-mobile { width:min(100%,340px); justify-self:center; }
  .feature-showcase .showcase-mobile-media-host .attendance-phone { width:min(92%,280px); }
  .feature-showcase .showcase-mobile-media-host .showcase-employees { height:auto; aspect-ratio:5 / 9; width:min(100%,450px); }
  .feature-showcase .showcase-mobile-media-host .showcase-employees img { left:50%; top:50%; width:var(--reel-photo-width,100%); border-radius:12px; }
  .feature-showcase .showcase-mobile-media-host .showcase-employees img[data-photo-slot] { left:50%; top:50%; }
}
@media(prefers-reduced-motion:reduce) {
  .feature-showcase .showcase-attendance-mobile { transform:none; transition:none; }
}