/* Parsenon v1.2 supporting art: static, no motion. Load after v11.css.
   Each new image is shown whole at its own native aspect ratio: no fade masks, no
   cover-cropping, no bleed past the grid. CSS caps keep every image at or above
   1 source pixel per device pixel at 2x (records 724, prism 742, form headers 720/640). */

.v12-frame { margin: 0; position: relative; border-radius: 22px; overflow: hidden; background: #E6EFF1; box-shadow: 0 34px 64px -52px rgba(23, 60, 67, .5); }
.v12-frame img { display: block; width: 100%; height: auto; }

/* 1 · Opportunity: records pile beside the two benefits (7/5 grid unchanged) */
.v12-records { width: 100%; max-width: 724px; justify-self: start; }

/* 2 · What fits: connection beside the heading; cards sit below, not over the floor */
.v12-connection { width: 100%; }
.v11-ex .cards { margin-top: clamp(32px, calc(var(--u) * 3), 48px); }

/* 3 · How it works: one native frame per step, above the step copy (copy and order unchanged) */
.v11-how .steps { margin-top: clamp(40px, calc(var(--u) * 4.4), 70px); }
.v12-step { width: 100%; max-width: 793px; margin-bottom: 8px; border-radius: 18px; }   /* 1586px frames: 1 source px per device px at 2x up to 793 CSS px */

/* 4 · Rights and control: scope cube under the lead */
.v12-scope { width: 100%; max-width: 460px; margin-top: clamp(20px, calc(var(--u) * 2), 32px); }

/* 5 · For AI teams: prism shown whole inside the ink panel */
.v12-buyer { padding: clamp(36px, calc(var(--u) * 5.2), 84px); min-height: 0; align-items: center; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); }
.v12-buyer .v11-buyer__copy { padding: 0; margin: 0; }
.v12-prism { width: 100%; max-width: 742px; justify-self: end; background: #12343A; box-shadow: 0 30px 60px -40px rgba(0, 0, 0, .55); }

/* 6 · Enquiry pages */
.v12-form-head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, calc(var(--u) * 4), 64px); align-items: center; padding-block: clamp(20px, calc(var(--u) * 2.4), 40px) clamp(40px, calc(var(--u) * 4.4), 72px); }
.v12-form-head .form-hero__head { padding-block: 0; }
.v12-form-records { width: 100%; max-width: 720px; justify-self: end; }
.v12-ink-head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(24px, calc(var(--u) * 3.4), 56px); align-items: center; padding: clamp(28px, calc(var(--u) * 3.6), 56px); }
.v12-ink-head .form-hero__head { padding: 0; margin: 0; }
.v12-form-prism { width: 100%; max-width: 640px; justify-self: end; border-radius: 16px; background: #12343A; }
.v12-aside-process { aspect-ratio: 2011 / 782; }
.v12-aside-connection { aspect-ratio: 1752 / 898; }
.v12-aside-process img, .v12-aside-connection img { height: 100%; object-fit: contain; }

@media (max-width: 999.98px) {
  .v12-records, .v12-form-records { justify-self: stretch; }
  .v12-buyer { grid-template-columns: minmax(0, 1fr); }
  .v12-prism { order: -1; justify-self: stretch; }
  .v12-form-head, .v12-ink-head { grid-template-columns: minmax(0, 1fr); }
  .v12-form-records, .v12-form-prism { justify-self: stretch; }
  .v12-ink-head .v12-form-prism { order: -1; }
}
@media (max-width: 759.98px) {
  .v12-scope { max-width: none; }
  .v12-frame { border-radius: 18px; }
}