/* Exhibition wall: five real native skins, one large artifact at a time. */
@media (min-width: 981px) {
  .worlds-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 34px; padding-top: clamp(45px, 5vw, 74px); }
  .worlds-editorial { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(290px, .6fr); gap: 0 clamp(38px, 5vw, 80px); align-items: end; }
  .worlds-editorial h2 { font-size: clamp(67px, 6.4vw, 103px); line-height: .94; }
  .worlds-editorial h2 i { margin-top: 1px; }
  .worlds-intro { max-width: 360px; margin: 0 0 8px; }
  .worlds-tabs { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 49px; border-top: 1px solid var(--world-rule); border-bottom: 1px solid var(--world-rule); }
  .worlds-tabs button {
    display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 93px auto auto;
    align-content: start; gap: 8px; min-height: 185px; padding: 16px 15px 18px;
    border-right: 1px solid var(--world-rule); border-bottom: 0;
    background: transparent; transition: background .32s ease, color .25s ease;
  }
  .worlds-tabs button:last-child { border-right: 0; }
  .worlds-tabs button::before { inset: auto 0 -1px; width: auto; height: 2px; transform: scaleX(.28); transform-origin: center; }
  .worlds-tabs button[aria-selected='true']::before { transform: scaleX(1); }
  .worlds-tabs button:hover, .worlds-tabs button[aria-selected='true'] { padding: 16px 15px 18px; background: rgba(118,190,198,.065); }
  .worlds-tabs button > span {
    position: absolute; z-index: 2; left: 16px; top: 16px; grid-column: 1; grid-row: 1;
    padding: 4px 6px; background: #07141b; color: var(--world-accent); font-size: 10px;
  }
  .worlds-tabs button img {
    grid-column: 1; grid-row: 1; width: 100%; height: 93px; padding: 3px;
    border: 1px solid var(--world-rule); object-fit: contain; background: #07141b;
  }
  .worlds-tabs button strong { grid-column: 1; grid-row: 2; align-self: end; font-size: clamp(19px, 1.7vw, 26px); line-height: 1.06; }
  .worlds-tabs button small { grid-column: 1; grid-row: 3; min-height: 30px; margin: 0; font-size: 12px; line-height: 1.35; }
  .worlds-availability { grid-column: 1 / -1; margin-top: 15px; }
  .worlds-exhibit { width: 100%; box-shadow: none; }
  .worlds-image-plane,
  .worlds[data-skin='dos'] .worlds-image-plane,
  .worlds[data-skin='classic'] .worlds-image-plane,
  .worlds[data-skin='be'] .worlds-image-plane,
  .worlds[data-skin='luna'] .worlds-image-plane {
    height: clamp(410px, 37vw, 520px); padding: 34px;
  }
  .worlds-image-plane img { max-width: 1040px; }
  .worlds[data-skin='aeon'] .worlds-image-plane { height: clamp(640px, 60vw, 810px); }
  .worlds[data-skin='aeon'] .worlds-image-plane img { max-width: 790px; }
  .worlds-finale { margin-top: 41px; padding-top: 23px; }

  /* The measured facts read as a lab record, not three sales cards. */
  .proof-list { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; margin-top: 51px; }
  .proof-item, .proof-item:not(:first-child) {
    display: grid; grid-template-columns: 130px 138px minmax(210px, .6fr) minmax(0, 1fr);
    gap: 18px; align-items: center; min-height: 145px; padding: 22px 7px;
    border-left: 0; border-bottom: 0; border-top: 1px solid #49626a;
    transition: background .25s ease, padding-inline .25s ease;
  }
  .proof-item:last-child { border-bottom: 1px solid #49626a; }
  .proof-item > span { grid-column: 1; grid-row: 1; align-self: center; }
  .proof-value { grid-column: 2; grid-row: 1; justify-self: start; align-self: center; font-size: clamp(49px, 4.5vw, 75px) !important; line-height: 1; }
  .proof-item h3 { grid-column: 3; grid-row: 1; max-width: 250px; margin: 0; font-size: clamp(24px, 2.4vw, 34px); }
  .proof-item p { grid-column: 4; grid-row: 1; max-width: 430px; margin: 0; }
  .proof-item:hover, .proof-item:not(:first-child):hover { padding-left: 14px; padding-right: 0; background: rgba(121,184,169,.045); }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .worlds-tabs button { grid-template-rows: 78px auto auto; min-height: 175px; padding-inline: 10px; }
  .worlds-tabs button:hover, .worlds-tabs button[aria-selected='true'] { padding-inline: 10px; }
  .worlds-tabs button img { height: 78px; }
  .worlds-tabs button > span { top: 15px; left: 11px; }
  .worlds-tabs button strong { font-size: 18px; }
  .proof-item, .proof-item:not(:first-child) { grid-template-columns: 105px 115px minmax(170px,.6fr) minmax(0,1fr); gap: 12px; }
  .proof-item p { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .worlds-tabs button, .proof-item { transition: none; }
}