/* v5.3.0 — Native 1536px desktop system.
   About is the source of truth. No page-level browser scaling on desktop. */
@media(min-width:701px){
  :root{--lv-native-width:1536px}
  body.levial-research-exact,
  body.levial-faq-page,
  body.levial-contact-page,
  body.levial-collection-v420{
    overflow-x:auto!important;
    background:#030303!important;
  }

  /* Research */
  .rx-desktop{
    width:1536px!important;height:1311px!important;
    transform:none!important;margin:0 auto!important;
    background-image:url('../images/research/research-exact-desktop.webp')!important;
    background-size:1536px 1311px!important;
    background-position:top center!important;background-repeat:no-repeat!important;
  }
  .rx-desktop > .rx-hot,
  .rx-desktop > .rx-search-live{
    zoom:1.28;
  }
  .rx-footer{
    width:1536px!important;
    transform:none!important;margin:0 auto!important;
    padding-left:36px!important;padding-right:36px!important;
    font-size:1.08em;
  }

  /* FAQ */
  .fq-desktop{
    width:1536px!important;height:1311px!important;
    transform:none!important;margin:0 auto!important;
    background-image:url('../images/faq/faq-exact-desktop.webp')!important;
    background-size:1536px 1311px!important;
    background-position:top center!important;background-repeat:no-repeat!important;
  }
  .fq-desktop > .fq-hot,
  .fq-desktop > .fq-search-live,
  .fq-desktop > .fq-rows,
  .fq-desktop > .fq-answer-layer{
    zoom:1.28;
  }

  /* Contact */
  .ct-desktop{
    width:1536px!important;height:1311px!important;
    transform:none!important;margin:0 auto!important;
    background-image:url('../images/contact/contact-exact-desktop.webp')!important;
    background-size:1536px 1311px!important;
    background-position:top center!important;background-repeat:no-repeat!important;
  }
  .ct-desktop > .ct-hot,
  .ct-desktop > .ct-form-live{
    zoom:1.28;
  }

  /* Collection: native artwork instead of 1024px canvas scaled by CSS. */
  .cv-page{
    width:1536px!important;margin:0 auto!important;transform:none!important;
    height:auto!important;box-shadow:none!important;background:#020202!important;
  }
  .cv-section{width:1536px!important}
  .cv-hero{height:682px!important}
  .cv-featured{height:525px!important}
  .cv-grid{height:747px!important}
  .cv-community{height:190px!important}
  .cv-footer{height:159px!important}
  .cv-art{background-size:1536px auto!important}
  .cv-hero .cv-art{background-image:url('../images/collection/collection-v420-hero.webp')!important}
  .cv-featured .cv-art{background-image:url('../images/collection/collection-v420-featured.webp')!important}
  .cv-grid .cv-art{background-image:url('../images/collection/collection-v420-grid.webp')!important}
  .cv-community .cv-art{background-image:url('../images/collection/collection-v420-community.webp')!important}
  .cv-footer .cv-art{background-image:url('../images/collection/collection-v420-footer.webp')!important}

  /* Existing click targets/forms remain aligned because their entire layout coordinate system is zoomed. */
  .cv-section > .cv-hot,
  .cv-section > .cv-product-hot,
  .cv-section > .cv-category-hotspots,
  .cv-section > .cv-newsletter{
    zoom:1.5;
  }

  /* Kill the older viewport-scaling layer completely. */
  .rx-desktop,.fq-desktop,.ct-desktop,.cv-page{
    --lv-desktop-scale:1!important;
    --lv-collection-scale:1!important;
  }
}

/* At narrower desktop/laptop widths, preserve the same native design and fit it
   uniformly to viewport, exactly like the About page does. */
@media(min-width:701px) and (max-width:1535px){
  .rx-desktop,.fq-desktop,.ct-desktop,.cv-page{
    transform-origin:top left!important;
    transform:scale(calc(100vw / 1536))!important;
    margin:0!important;
  }
  body.levial-research-exact .rx-shell,
  body.levial-faq-page .fq-shell,
  body.levial-contact-page .ct-shell{
    height:calc(1311px * (100vw / 1536));
  }
}