/* V2.2 targeted refinements. Section 01 and Section 03 have no overrides. */
/* Full source crops fit inside a 3:2 presentation frame; nothing is cropped. */
.v2 .section-05 .reference-art,
.v2 .section-07 .reference-art {
  aspect-ratio: 3 / 2;
  display: grid;
  place-items: center;
  overflow: visible;
}
.v2 .section-05 .reference-art img,
.v2 .section-07 .reference-art img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}
.v2 .section-08 .demo-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

@media (min-width: 901px) {
  /* 41 2/3% of the 1440px site = 600px. */
  .v2 .section-05 .reference-art,
  #vault-capabilities.section-07 > .reference-art {
    width: 41.666667% !important;
    max-width: 600px;
  }
  .v2 .section-05 .reference-art:nth-of-type(odd) { left: 51.8% !important; }
  .v2 .section-05 .reference-art:nth-of-type(even) { left: 8% !important; }
  #vault-capabilities.section-07 > .reference-art:nth-of-type(odd) { margin-left: 52.5%; }
  #vault-capabilities.section-07 > .reference-art:nth-of-type(even) { margin-left: 8.333333%; }
  /* V2.1's four auto-sized rows, relative positioning and text stagger remain. */
  #vault-capabilities.section-07 { row-gap: 4.6cqw; }

  /* Interior section headings: -11%. Feature headings: -9%. */
  .v2 .section-02 .benefit-intro h2 { font-size: 3.0705cqw; white-space: normal; }
  .v2 .section-02 .benefit-block h3 { font-size: 1.7654cqw; }
  .v2 .workflow-heading h2 { font-size: 2.1716cqw; }
  .v2 .section-05 .feature-heading h2 { font-size: 3.3642cqw; white-space: normal; }
  .v2 .section-05 .feature-text h3 { font-size: 2.8665cqw; line-height: 1.12; }
  .v2 .section-06 .vault-intro h2 { font-size: 4.4233cqw; white-space: normal; }
  .v2 .section-06 .benefit-block h3 { font-size: 1.8382cqw; white-space: normal; }
  .v2 .section-07 .feature-heading h2 { font-size: 3.6045cqw; white-space: normal; }
  .v2 .section-07 .feature-text h3 { font-size: 2.912cqw; line-height: 1.12; }
  .v2 .section-08 .audience h2 { font-size: 2.937cqw; }
  .v2 .section-08 .demo h2 { font-size: 2.225cqw; white-space: normal; }
  .v2 .section-09 .faq h2 { font-size: 2.6255cqw; line-height: 1.1; }

  /* Only larger feature paragraphs: -3%, with readable floors and airier leading. */
  .v2 .section-05 .feature-heading p { font-size: max(15px, 1.6587cqw); line-height: 1.45; }
  .v2 .section-05 .feature-text p { font-size: max(15px, 1.4356cqw); line-height: 1.4; }
  .v2 .section-06 .vault-intro p { font-size: max(16px, 2.0079cqw); line-height: 1.42; }
  .v2 .section-07 .feature-heading p { font-size: max(15px, 1.7945cqw); line-height: 1.45; }
  .v2 .section-07 .feature-text p { font-size: max(15px, 1.4065cqw); line-height: 1.4; }
  /* Let the tool strip follow wrapped copy; retain six original icons and their sizes. */
  .v2 .section-05 .tool-icons { position: static; top: auto; margin-top: 2.45cqw; }

  /* Retain the drawing at the CTA's lower right; reserve an explicit button gap. */
  .v2 .section-08 .demo { height: auto; min-height: 11.6cqw; padding-block: 2cqw; }
  .v2 .section-08 .demo > div:first-child { max-width: 47cqw; }
  .v2 .section-08 .demo p { white-space: normal; }
  .v2 .section-08 .demo-art { right: 9.2%; width: 20cqw; height: auto; aspect-ratio: 323 / 154; }
}

@media (max-width: 900px) {
  .v2 .section-05 .reference-art,
  .v2 .section-07 .reference-art {
    width: 100% !important;
    max-width: 600px;
    margin: 28px 0 0 !important;
  }
  .v2 .section-02 .benefit-intro h2 { font-size: 26.7px; }
  .v2 .workflow-heading h2 { font-size: 24.92px; }
  .v2 .section-05 .feature-heading h2,
  .v2 .section-07 .feature-heading h2 { font-size: 27.59px; }
  .v2 .section-05 .feature-text h3,
  .v2 .section-07 .feature-text h3 { font-size: 24.57px; }
  .v2 .section-06 .vault-intro h2 { font-size: 28.48px; }
  .v2 .section-02 .benefit-block h3,
  .v2 .section-06 .benefit-block h3 { font-size: 17.29px; }
  .v2 .section-08 .audience h2 { font-size: 29.37px; }
  .v2 .section-08 .demo h2 { font-size: 25.81px; }
  .v2 .section-09 .faq h2 { font-size: 28.48px; }
  /* Body text, captions, navigation and button typography stay unchanged. */
  .v2 .section-08 .demo {
    display: grid;
    grid-template-columns: minmax(170px, max-content) minmax(0, 1fr);
    gap: 24px 18px;
    align-items: end;
  }
  .v2 .section-08 .demo > div:first-child { grid-column: 1 / -1; min-width: 0; }
  .v2 .section-08 .demo .pill { grid-column: 1; grid-row: 2; margin: 0; }
  .v2 .section-08 .demo-art {
    position: relative;
    grid-column: 2;
    grid-row: 2;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 150px;
    height: auto;
    aspect-ratio: 323 / 154;
    justify-self: end;
    align-self: end;
  }
}
@media (max-width: 480px) {
  .v2 .section-02 .benefit-block h3,
  .v2 .section-06 .benefit-block h3 { font-size: 20.93px; }
}