/* Static Macintosh-inspired enclosure v2; project media stays independent.
   The artwork is 1448 x 1086. Its RGB outside background is clipped along
   the cabinet silhouette only. The original v1 remains available for recovery. */
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-detail-visual.retro-device-frame {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1448 / 1086;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
  filter: drop-shadow(0 12px 12px rgba(60, 48, 31, .12));
}

body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  opacity: 1;
  background: url("andy-portfolio-assets/macintosh/detail-enclosure-v2.png") center / 100% 100% no-repeat;
  box-shadow: none;
  clip-path: polygon(11.05% 3.13%, 89.16% 3.13%, 90.12% 3.41%, 90.95% 4.05%, 91.57% 4.88%, 91.92% 5.80%, 92.06% 7.18%, 92.06% 90.79%, 91.85% 91.90%, 91.37% 92.63%, 90.95% 93.09%, 90.95% 94.94%, 90.75% 95.86%, 90.12% 96.41%, 9.88% 96.41%, 9.32% 95.95%, 9.19% 94.94%, 9.19% 93.09%, 8.56% 92.45%, 8.15% 91.44%, 8.01% 90.06%, 8.01% 7.18%, 8.22% 5.89%, 8.70% 4.79%, 9.32% 3.96%, 10.08% 3.41%);
  pointer-events: none;
  z-index: 0;
}

body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame::after {
  display: none;
}

/* A 968 x 544.5 (exact 16:9) safe rectangle at (241, 165) inside the
   measured glass. Corners stay inside the gasket, without clipping media. */
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame > img,
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame > .gac-hero-carousel {
  position: absolute;
  inset: 15.193370% auto auto 16.643646%;
  width: 66.850829%;
  height: 50.138122%;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
  aspect-ratio: 16 / 9;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #191b1a;
  box-shadow: none;
  filter: none;
  object-fit: contain;
  object-position: center;
  overflow: hidden;
  z-index: 1;
}

body.human-interface-v2.detail-page-active #page-detail .retro-device-frame .gac-hero-slide img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  filter: none;
}

/* Carousel captions used to cover the lower part of research photographs. */
body.human-interface-v2.detail-page-active #page-detail .retro-device-frame .gac-hero-slide > span {
  display: none;
}