/*
 * Platform home: 75% browser profile
 *
 * The wide viewport below is produced by the user's full-screen desktop at
 * browser zoom 75%.  Viewport units already keep their physical size at that
 * zoom, while fixed rem/px limits become smaller.  This profile scales only
 * those fixed limits by 125 / 75; it intentionally never scales the portal
 * canvas, workspace, or module pages.
 */
@media (min-width: 3000px) {
  html body[data-view="platform"] #platformView.platform-portal {
    --portal-hero-height: clamp(26.6667rem, 27vh, 33.3333rem);
    --portal-section-gap: clamp(10rem, 11.5vh, 17.5rem);
    --portal-rail-height: clamp(20.4167rem, 18vh, 24.5833rem);
    --portal-rail-compact-height: var(--portal-rail-height);
    --portal-card-width: clamp(27.9167rem, 18vw, 33.3333rem);
    --portal-card-height: clamp(18.75rem, 17.5vh, 22.9167rem);
    min-height: calc(100vh - 53.3333px) !important;
    padding: clamp(1.6667rem, 2.2vw, 4.1667rem) clamp(1.6667rem, 3.5vw, 7.5rem) clamp(3.3333rem, 4vw, 7.5rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal > .portal-header,
  html body[data-view="platform"] #platformView.platform-portal > .portal-module-showcase {
    max-width: 2933.3333px !important;
  }

  html body[data-view="platform"] #platformView.platform-portal > .portal-header {
    padding-top: clamp(1.1667rem, 1.5vh, 1.75rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-modern-topbar {
    gap: clamp(1.6667rem, 2vw, 4.5833rem) !important;
    min-height: clamp(6.0833rem, 6.2vh, 7.5rem) !important;
    padding: clamp(.75rem, .9vw, 1.3333rem) clamp(.75rem, 1.2vw, 2.0833rem) !important;
    border-radius: 2.4167rem !important;
    transform: translateY(clamp(-1.6667rem, -1.2vh, -1.0833rem));
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-modern-brand img,
  html body.ui-modern[data-view="platform"] #platformView.platform-portal .portal-modern-brand img {
    width: clamp(28.3333rem, 19vw, 38.3333rem) !important;
    max-height: clamp(6.3333rem, 6vh, 8rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-modern-module-nav {
    gap: clamp(1.0833rem, 1.75vw, 3.3333rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-modern-module-nav button,
  html body[data-view="platform"] #platformView.platform-portal .portal-modern-actions > a,
  html body[data-view="platform"] #platformView.platform-portal .portal-modern-actions > button {
    min-height: clamp(4.6667rem, 4vw, 5.9167rem) !important;
    padding: .75rem .5833rem !important;
    border-radius: 1.0833rem !important;
    font-size: clamp(1.6667rem, 1.18vw, 2.2rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-modern-actions {
    gap: clamp(.5rem, .75vw, 1.3333rem) !important;
    padding-left: clamp(3.6667rem, 4.2vw, 7.9167rem) !important;
    transform: translateX(clamp(1.9167rem, 1.7vw, 3.3333rem));
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-modern-actions > a,
  html body[data-view="platform"] #platformView.platform-portal .portal-modern-actions > button {
    padding-inline: clamp(.4167rem, .48vw, .9167rem) !important;
    font-size: clamp(1.5833rem, 1.05vw, 1.9667rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal > .portal-module-showcase {
    grid-template-columns: minmax(0, 1.1fr) minmax(40rem, .9fr) !important;
    grid-template-rows: var(--portal-hero-height) var(--portal-rail-height) !important;
    column-gap: clamp(3.3333rem, 4.25vw, 8.3333rem) !important;
    row-gap: var(--portal-section-gap) !important;
    padding: clamp(1.6667rem, 2.2vh, 2.5833rem) clamp(2.3333rem, 4vw, 7.5rem) clamp(1.1667rem, 1.3vh, 1.6667rem) !important;
    transform: translateY(clamp(1.4167rem, 1.65vh, 2.1667rem));
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-showcase-copy {
    max-width: 76.6667rem !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-modern-hero-copy > span {
    font-size: clamp(3.5rem, 2.8vw, 5.8333rem) !important;
    margin-bottom: clamp(.6667rem, 1vh, 1.1667rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-modern-hero-copy h3 {
    font-size: clamp(3.9167rem, 2.65vw, 6.0833rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-modern-hero-copy p {
    margin-top: clamp(1.1667rem, 1.3vh, 1.6667rem) !important;
    font-size: clamp(1.5833rem, 1vw, 1.8667rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-intro-stage {
    padding-inline: clamp(1.3333rem, 1.5vw, 2.25rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #portalModuleIntro.portal-module-intro {
    width: min(100%, 71.6667rem) !important;
    min-width: min(100%, 48.3333rem) !important;
    min-height: clamp(21.6667rem, 22vh, 25.8333rem) !important;
    padding: clamp(2.0833rem, 2vw, 3rem) clamp(2.25rem, 2.2vw, 3.3333rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #portalModuleIntro .portal-intro-index {
    font-size: clamp(6rem, 4.65vw, 8.6667rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #portalModuleIntro .portal-intro-title {
    font-size: clamp(2.5rem, 1.9vw, 3.5833rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #portalModuleIntro .portal-intro-subtitle,
  html body[data-view="platform"] #platformView.platform-portal #portalModuleIntro .portal-intro-description {
    font-size: clamp(1.4rem, .96vw, 1.7333rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #portalModuleIntro .portal-intro-description {
    margin: clamp(1rem, 1vh, 1.4167rem) 0 0 !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #portalModuleIntro .portal-intro-enter {
    min-height: clamp(3.8333rem, 4vh, 4.5833rem) !important;
    margin: clamp(1.1667rem, 1.15vh, 1.5833rem) 0 0 !important;
    font-size: clamp(1.5rem, 1vw, 1.75rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail {
    min-height: var(--portal-rail-compact-height) !important;
    height: var(--portal-rail-compact-height) !important;
    padding: clamp(.75rem, .8vh, 1.0833rem) 0 !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail > .platform-module-card {
    height: var(--portal-card-height) !important;
    min-height: var(--portal-card-height) !important;
    padding: clamp(.9667rem, .72vw, 1.2rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail > .platform-module-card .module-card-head {
    min-height: 3.5rem !important;
    padding-bottom: .6rem !important;
    column-gap: .5833rem !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail > .platform-module-card .module-card-head h3,
  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail > .platform-module-card .module-card-title {
    font-size: clamp(1.3667rem, .85vw, 1.6333rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail > .platform-module-card .module-open {
    font-size: clamp(1.1667rem, .74vw, 1.3667rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail > .platform-module-card .weui-cells {
    gap: clamp(.3333rem, .36vh, .5333rem) !important;
    padding-top: .2rem !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail > .platform-module-card .weui-cell {
    min-height: clamp(2.4667rem, 2.1vh, 2.9rem) !important;
    padding: clamp(.3333rem, .34vh, .4667rem) .6rem clamp(.3333rem, .34vh, .4667rem) 1.6667rem !important;
    font-size: clamp(1.1333rem, .74vw, 1.3667rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail > .platform-module-card .weui-cell::before {
    left: .7rem !important;
    width: .4333rem !important;
    height: .4333rem !important;
    min-width: .4333rem !important;
    min-height: .4333rem !important;
  }

  html body.ui-modern[data-view="platform"] #platformView.platform-portal .portal-modern-brand {
    width: clamp(27.5rem, 21vw, 39.1667rem) !important;
    padding: .6333rem 1.1667rem !important;
    border-width: 1.6667px !important;
    border-radius: 1.1333rem !important;
  }

  html body.ui-modern[data-view="platform"] #platformView.platform-portal .portal-modern-brand img {
    max-height: clamp(4.8333rem, 5.25vh, 6rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-modern-module-nav {
    transform: translateX(clamp(-2.5rem, -1.5vw, -1.5rem));
  }

  html body:not(.ui-modern)[data-view="platform"] #platformView.platform-portal .portal-modern-module-nav {
    transform: translateX(clamp(-5.8333rem, -4vw, -4.6667rem));
  }

  html body:not(.ui-modern)[data-view="platform"] #platformView.platform-portal .portal-modern-actions {
    transform: translateX(clamp(3rem, 2.5vw, 5rem));
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-intro-stage .portal-rail-edge {
    width: clamp(3.3333rem, 2.15vw, 4.0833rem) !important;
    height: clamp(3.3333rem, 2.15vw, 4.0833rem) !important;
    border-width: 1.6667px !important;
    box-shadow: 0 .5333rem 1.3rem rgba(12, 72, 115, .12) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-intro-stage .portal-rail-edge span {
    font-size: clamp(2.5rem, 1.8vw, 3.3333rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-intro-stage .portal-rail-edge-prev {
    left: clamp(-2.25rem, -1.65vw, -1.3333rem) !important;
    transform: translateY(-50%) translateX(-.4667rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal .portal-intro-stage .portal-rail-edge-next {
    right: clamp(-2.25rem, -1.65vw, -1.3333rem) !important;
    transform: translateY(-50%) translateX(.4667rem) !important;
  }
}

@media (min-width: 3000px) and (min-height: 864px) {
  html body[data-view="platform"] #platformView.platform-portal > .portal-module-showcase {
    row-gap: clamp(11.6667rem, 12vh, 16.6667rem) !important;
  }

  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail > .platform-module-card.portal-rail-active,
  html body[data-view="platform"] #platformView.platform-portal #platformModuleGrid.portal-module-rail > .platform-module-card.portal-rail-near {
    --portal-focus-nudge-y: 1.25rem;
  }
}