/* Adopted layout: wide desktop composition and original mobile composition. */
@media (min-width: 751px) {
  :root {
    --page-width: min(1120px, calc(100vw - 48px));
    --container-pad: 40px;
  }
  :root body {
    width: var(--page-width);
    margin-inline: auto;
  }
  :root .fixed-cta {
    width: var(--page-width);
    left: 50%;
    transform: translateX(-50%);
  }
  :root .fixed-cta__button {
    width: 540px;
    padding-top: 82px;
  }
  :root .l-header__logo-image { height: 30px; }
  :root .l-header__tagline { font-size: 12px; }
  :root .hero__specs-title { font-size: 22px; }
  :root .hero__specs-icon { width: 120px; }

  /* Wide: retain every existing row/column arrangement and the original sequence. */
  :root :is(.scene__title, .feature__section-001-head, .feature__img-001, .usage__head) img {
    width: 100%;
  }
  :root :is(.scene__relationship-data, .feature__section-002-specs, .usage__step, .faq__list) {
    max-width: none;
  }
  :root :is(.scene__relationship-text-001, .feature__lead p, .message__text p, .faq__answer p) { font-size: 22px; }
  :root :is(.usage__step-text, .feature__section-002-specs-item-text) { font-size: 20px; }
  :root :is(.usage__step-title, .feature__section-002-specs-item-title, .faq__question) { font-size: 28px; }
  :root :is(.scene__comparison-label, .scene__relationship-data-note, .scene__comparison-caption, .l-note, .faq__answer small) { font-size: 16px; }
  :root .feature__section-002-specs-item-icon { width: 140px; }

}

/* Adopted desktop canvas. */
@media (min-width: 751px) {
  :root { background: #fff; }
  :root::before { content: none; }
}

/* Hide the empty artwork tail at every viewport width. */
.hero-heading { aspect-ratio: 750 / 1206; overflow: hidden; }

/* Supplied performance note and registration disclaimer. */
.feature__performance-note, .registration-disclaimer {
  font-size: 12px;
  line-height: 1.7;
  text-align: left;
}
.feature__performance-note { margin-top: 24px; }
.registration-disclaimer { padding-top: 32px; padding-bottom: 32px; }
@media (min-width: 751px) {
  .feature__performance-note, .registration-disclaimer { font-size: 16px; }
}

/* PC artwork: retain copy/product; hide the lower background-only area. */
@media (min-width: 751px) {
  .hero-heading { aspect-ratio: 1920 / 1660; }
}