.creative-specs {
  border-top: 0;
  min-height: 60vh;
}

.page-menu {
  margin-left: auto;
}

.page-menu summary {
  list-style: none;
}

.page-menu summary::-webkit-details-marker {
  display: none;
}

.page-menu[open] .m-menu,
.page-menu[open] .menu-btn .x {
  display: block;
}

.page-menu[open] .menu-btn .bars {
  display: none;
}

.creative-specs h1 {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.067;
  letter-spacing: -.04em;
}

.creative-specs-head {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.creative-specs-head .v2-head {
  max-width: 760px;
}

.creative-specs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.v2 .creative-specs-pages {
  list-style: none;
  display: grid;
  gap: 16px;
  margin-top: 36px;
}

.creative-specs-pages li {
  padding: 6px;
  background: var(--panel);
  border: 1px solid var(--faint);
}

.creative-specs-pages img {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
}

.creative-specs-note {
  margin-top: 14px !important;
  font: 500 11px/1.4 "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--mid);
}

@container (min-width: 601px) {
  .creative-specs h1 {
    font-size: 40px;
  }

  .v2 .creative-specs-pages {
    margin-top: 48px;
    gap: 24px;
  }

  .creative-specs-pages li {
    padding: 10px;
  }

  .creative-specs-note {
    font-size: 12.5px;
  }
}

@container (min-width: 900px) {
  .creative-specs-head {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
  }

  .creative-specs-actions {
    flex: none;
  }
}

@container (min-width: 1024px) {
  .page-menu {
    display: none;
  }

  .creative-specs h1 {
    font-size: calc(var(--u) * 48);
    line-height: 1.042;
  }

  .creative-specs-head {
    gap: calc(var(--u) * 80);
  }

  .v2 .creative-specs-pages {
    margin-top: calc(var(--u) * 56);
    gap: calc(var(--u) * 32);
  }

  .creative-specs-pages li {
    padding: calc(var(--u) * 12);
  }
}
