/* Project Nebula case study: page-specific styles on top of case-study-v2.css.
   Built from Figma node 1161:5628; see docs/facelift-audit.md section 15. */

.cs-hero__logo { width: 161px; height: auto; }

/* Embedded HTML prototypes (Steps 1 and 4); the page script fits their height to the content */
.cs-proto { display: block; width: min(390px, 100%); height: 844px; border: 0; background: transparent; }

.cs-shot--banner { border-radius: 12px; }

/* Mechanics exports carry a black margin around the phone: crop to the phone (x 27-316, y 17-617 of 344 x 725) */
.cs-phone { display: block; overflow: hidden; aspect-ratio: 290 / 600; }
.cs-grid .cs-phone img { width: 118.62%; max-width: none; margin: -5.86% 0 0 -9.31%; }

@media (max-width: 767px) {
  .cs-proto { height: 760px; }
}