/* The clear V13 opening, carried into the existing product and company pages. */
body.v14.v5-detail .r-website .v5-detail-hero .r-eyebrow {
  font-family: var(--sans);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 550;
  letter-spacing: 0;
  text-transform: none;
}
body.v14 .v14-context-note { color: var(--body); font-size: 14px; line-height: 1.8; }
body.v14 .v12-work-brief .v14-context-note { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 16px; }
body.v14 .v14-mobile-viewer { display: none; }
body.v14 .v14-mobile-viewer[hidden] { display: none; }
body.v14 .v14-phone-shell {
  border: 6px solid #102b42;
  border-radius: 23px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 0 1px #8da7ba, -10px 14px 42px #0006;
}
body.v14 .v14-phone-shell img { display: block; width: 100%; height: auto; }
body.v14 .v14-mobile-viewer figcaption { display: flex; justify-content: space-between; gap: 10px; min-height: 45px; color: #bfd1df; font-size: 10px; }
@media (max-width: 899px) {
  body.v14 .v14-shared-view .v10-product-screens { display: none; }
  body.v14 .v14-shared-view .v14-mobile-viewer:not([hidden]) { display: block; width: min(100%,300px); margin: 0 auto; }
}
@media (max-width: 700px) {
  body.v14.v5-detail .r-website .v5-detail-hero .r-lead { font-size: 15px; line-height: 1.75; }
  body.v14.v5-detail .r-website .v5-detail-hero .r-page-actions,
  body.v14.v5-detail .r-website .v5-detail-hero .r-hero-actions { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 12px 20px; }
  body.v14.v5-detail .r-website .v5-detail-hero .r-button { width: auto; min-height: 48px; padding-inline: 20px; }
  body.v14.v5-detail .r-website .v5-detail-hero .r-text-link { min-height: 40px; display: inline-flex; align-items: center; }
  /* Full native portrait posters get a device outline; the video player keeps its own ratio. */
  body.v14.v5-detail .r-website .v6-detail-proof .r-product-video:not(.v8-video-started) .r-product-video-frame.v8-poster-portrait:has(video) {
    box-sizing: content-box;
    width: min(calc(100% - 12px),288px);
    max-width: none;
    height: auto;
    aspect-ratio: var(--v8-poster-ratio);
    border: 6px solid #102b42;
    border-radius: 23px;
    overflow: hidden;
    margin-inline: auto;
    box-shadow: 0 0 0 1px #8da7ba, 0 16px 40px #0003;
  }
}